/* Defines common breakpoint targets. */
.hover-disclosure__header {
  cursor: pointer;
}

.hover-disclosure__body[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
}
.hover-disclosure__body[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

:root {
  --color-black: #000;
  --color-rich-black: #0A1012;
  --color-black-blue: #202126;
  --color-space: #151515;
  --color-charcoal: #2a2a2a;
  --color-matterhorn: #4f4f4f;
  --color-stone: #a8a8a8;
  --color-alabaster: #e4e8ea;
  --color-white: #fff;
  --color-electric-blue: #4EFDFB;
  --color-teal: #007573;
  --color-dark-teal: #064140;
  --color-error-red: #eb002f;
  --color-gold: #d6ae50;
  --color-otr-pink: #ca20b3;
  --color-otr-indigo: #0a0b47;
  --color-otr-violet: #471c67;
  --plus-y-pad: 1.25rem;
  --plus-x-pad: 1.25rem;
  --plus-bg: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.18'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --icon-play: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIGNsYXNzPSJzaXplLTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNSA1LjY1M2MwLTEuNDI3IDEuNTI5LTIuMzMgMi43NzktMS42NDNsMTEuNTQgNi4zNDdjMS4yOTUuNzEyIDEuMjk1IDIuNTczIDAgMy4yODZMNy4yOCAxOS45OWMtMS4yNS42ODctMi43NzktLjIxNy0yLjc3OS0xLjY0M1Y1LjY1M1oiIGNsaXAtcnVsZT0iZXZlbm9kZCIgLz4KPC9zdmc+Cg==");
  --icon-chevron-right: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZT0id2hpdGUiIGNsYXNzPSJzaXplLTYiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0ibTguMjUgNC41IDcuNSA3LjUtNy41IDcuNSIgLz4KPC9zdmc+");
}
@media screen and (min-width: 48rem) {
  :root {
    --plus-y-pad: 2rem;
    --plus-x-pad: 2rem;
  }
}
@media screen and (min-width: 64rem) {
  :root {
    --plus-y-pad: 2rem;
    --plus-x-pad: 3rem;
  }
}
@media screen and (min-width: 80rem) {
  :root {
    --plus-y-pad: 3.375rem;
    --plus-x-pad: 3.5rem;
  }
}

.hw-plus {
  background-color: var(--color-black);
  color: var(--color-alabaster);
}
.hw-plus .site-header {
  background-color: var(--color-black);
  color: var(--color-alabaster);
}
.hw-plus .site-header .site-header__navigation .menu a {
  color: #e4e8ea;
}
.hw-plus .site-footer {
  background-color: var(--color-black);
  color: var(--color-alabaster);
}

.hw-plus-footer .site-footer__container.container {
  max-width: 82.125rem;
  padding: calc(var(--plus-y-pad) * 2) var(--plus-x-pad);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 52.5rem) {
  .hw-plus-footer .site-footer__container.container {
    padding: calc(var(--plus-y-pad) * 0.75) var(--plus-x-pad);
    flex-direction: row;
  }
}
.hw-plus-footer .site-footer__plus-logo {
  max-width: 12.5rem;
  margin: 0 auto;
}
@media screen and (min-width: 52.5rem) {
  .hw-plus-footer .site-footer__plus-logo {
    margin: 0;
  }
}
.hw-plus-footer .site-footer__copyright {
  margin-top: 1.25rem;
}
@media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
  .hw-plus-footer .site-footer__copyright .site-footer__links-container li + li {
    margin-top: 0.5rem;
  }
}
.hw-plus-footer__aside {
  display: flex;
  flex-direction: column-reverse;
  margin: 1rem auto;
  align-items: center;
  gap: 1rem;
}
@media screen and (min-width: 52.5rem) {
  .hw-plus-footer__aside {
    flex-direction: column;
    margin: auto 0 0 auto;
    align-items: flex-end;
  }
}
.hw-plus-footer__aside-user {
  font-size: 16px;
  font-size: 1rem;
  color: var(--color-alabaster);
  letter-spacing: normal;
  position: relative;
  margin-top: 1.5rem;
}
.hw-plus-footer__aside-user::before {
  content: "";
  position: absolute;
  top: -1.125rem;
  left: -1rem;
  width: calc(100% + 2rem);
  height: 1px;
  background-color: var(--color-stone);
}
@media screen and (min-width: 52.5rem) {
  .hw-plus-footer__aside-user {
    margin-top: 0;
  }
  .hw-plus-footer__aside-user::before {
    content: none;
  }
}
.hw-plus-footer__aside-user-link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: baseline;
  position: relative;
}
.hw-plus-footer__aside-user-link:focus {
  outline: none !important;
}
.hw-plus-footer__aside-user-link:focus-visible {
  outline: 2px solid #FFFFFF !important;
  outline-offset: 0;
}
.hw-plus-footer__aside-user-link:visited {
  color: inherit;
}
.hw-plus-footer__aside-user-display {
  color: inherit;
  text-decoration: underline !important;
  font-family: "Montserrat-Bold", sans-serif;
  transition: opacity 300ms ease-in-out;
}
.hw-plus-footer__aside-user-display:hover {
  opacity: 0.75;
}
.hw-plus-footer__aside-user-name {
  text-decoration: none !important;
  color: var(--color-stone) !important;
}
.hw-plus-footer__aside-user-name:hover {
  text-decoration: underline !important;
  color: var(--color-alabaster) !important;
}
.hw-plus-footer__aside-user-admin-badge {
  display: inline-block;
  align-self: flex-end;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.125rem;
}
.hw-plus-footer__aside-user-admin-badge:hover + .hw-plus-footer__aside-user-tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 250ms, visibility 1ms;
}
.hw-plus-footer__aside-user-tooltip {
  position: absolute;
  display: block;
  bottom: 100%;
  left: -1.5rem;
  min-width: 8.75rem;
  padding-bottom: 0.75rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms, visibility 1ms 250ms;
}
.hw-plus-footer__aside-user-tooltip::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: calc(50% - 12px);
  border-top: 12px solid var(--color-matterhorn);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  z-index: 2;
}
.hw-plus-footer__aside-user-tooltip::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: calc(50% - 10px);
  border-top: 10px solid var(--color-black);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  z-index: 3;
}
.hw-plus-footer__aside-user-tooltip > span {
  color: var(--color-white);
  border: 1px solid var(--color-matterhorn);
  background-color: var(--color-black);
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  position: relative;
  display: block;
  width: 8.75rem;
  padding: 0.625rem 0.5rem;
  z-index: 1;
}
.hw-plus-footer__aside a.hw-plus-footer__aside-logout {
  color: inherit;
  text-decoration: underline !important;
}
.hw-plus-footer__aside a.hw-plus-footer__aside-logout:focus {
  outline: none !important;
}
.hw-plus-footer__aside a.hw-plus-footer__aside-logout:focus-visible {
  outline: 2px solid #FFFFFF !important;
  outline-offset: 0;
}
.hw-plus-footer__aside-logout {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  text-decoration: none;
  display: inline-block;
  color: var(--color-alabaster);
  text-decoration: underline;
  margin: 0;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1;
  transition: all 300ms ease-in-out;
}
.hw-plus-footer__aside-logout:focus {
  outline: none !important;
}
.hw-plus-footer__aside-logout:focus-visible {
  outline: 2px solid #FFFFFF !important;
  outline-offset: 0;
}
.hw-plus-footer .site-footer__brave-image {
  width: 13.75rem;
  margin: 0;
}

.hw-plus-button, .plus-form__field-submit {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-electric-blue);
  color: var(--color-rich-black);
  border-radius: 0.5625rem;
  padding: 0.625rem 2rem;
  height: 2.8125rem;
  min-width: 10.625rem;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
  border: 1px solid var(--color-electric-blue);
  transition: all 300ms ease-in-out;
}
.hw-plus-button:focus, .plus-form__field-submit:focus {
  outline: none !important;
}
.hw-plus-button:focus-visible, .plus-form__field-submit:focus-visible {
  outline: 2px solid #FFFFFF !important;
  outline-offset: 0;
}
@media screen and (min-width: 64rem) {
  .hw-plus-button, .plus-form__field-submit {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (hover: hover) {
  .hw-plus-button:hover:not([aria-disabled=true]), .plus-form__field-submit:hover:not([aria-disabled=true]) {
    background-color: #80fefc;
    border-color: #80fefc;
  }
}
.hw-plus-button[aria-disabled=true], [aria-disabled=true].plus-form__field-submit, .hw-plus-button[disabled], [disabled].plus-form__field-submit {
  opacity: 0.5;
  cursor: not-allowed;
  filter: grayscale(1);
}
.hw-plus-button.hw-plus-button--outline, .hw-plus-button--outline.plus-form__field-submit {
  background-color: transparent;
  color: var(--color-alabaster);
  border-color: var(--color-electric-blue);
}
@media screen and (hover: hover) {
  .hw-plus-button.hw-plus-button--outline:hover:not([aria-disabled=true]), .hw-plus-button--outline.plus-form__field-submit:hover:not([aria-disabled=true]) {
    background-color: transparent;
    color: var(--color-alabaster);
    border-color: var(--color-alabaster);
  }
}
.hw-plus-button.hw-plus-button--white, .hw-plus-button--white.plus-form__field-submit {
  background-color: var(--color-white);
  color: var(--color-space);
  border-color: var(--color-white);
}
@media screen and (hover: hover) {
  .hw-plus-button.hw-plus-button--white:hover:not([aria-disabled=true]), .hw-plus-button--white.plus-form__field-submit:hover:not([aria-disabled=true]) {
    background-color: #e6e6e6;
    border-color: var(--color-white);
  }
}
.hw-plus-button.hw-plus-button--small, .hw-plus-button--small.plus-form__field-submit {
  font-size: 14px;
  font-size: 0.875rem;
  height: 2.5rem;
  padding: 0.5rem 1.5rem;
  min-width: 9.375rem;
}

.hw-plus-bkg-gradient {
  position: relative;
  overflow: hidden;
}
.hw-plus-bkg-gradient::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -10%;
  left: 0;
  width: 100%;
  height: 80%;
  z-index: 0;
  background: linear-gradient(to bottom, hsl(0deg, 0%, 0%) 0%, hsl(179deg, 100%, 3.83%) 8.1%, hsl(179deg, 100%, 7.48%) 15.5%, hsl(179deg, 100%, 10.94%) 22.5%, hsl(179deg, 100%, 14.21%) 29%, hsl(179deg, 100%, 17.27%) 35.3%, hsl(179deg, 100%, 20.13%) 41.2%, hsl(179deg, 100%, 22.76%) 47.1%, hsl(179deg, 100%, 25.16%) 52.9%, hsl(179deg, 100%, 27.31%) 58.8%, hsl(179deg, 100%, 29.2%) 64.7%, hsl(179deg, 100%, 30.8%) 71%, hsl(179deg, 100%, 32.11%) 77.5%, hsl(179deg, 100%, 33.09%) 84.5%, hsl(179deg, 100%, 33.7%) 91.9%, hsl(179deg, 100%, 33.92%) 100%);
}

@keyframes loading-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-ring {
  display: inline-block;
  position: absolute;
  width: 46px;
  height: 46px;
  font-size: 46px;
}
.loading-ring > div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  margin: 0.1em;
  border: 0.1em solid #000;
  border-radius: 50%;
  animation: loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000 transparent transparent transparent;
}
.loading-ring > div:nth-child(1) {
  animation-delay: -0.45s;
}
.loading-ring > div:nth-child(2) {
  animation-delay: -0.3s;
}
.loading-ring > div:nth-child(3) {
  animation-delay: -0.15s;
}

.wysiwyg {
  font-size: 1rem;
  color: var(--color-alabaster);
  display: grid;
  grid: auto/repeat(4, minmax(0, 1fr));
  gap: 1rem 0;
}
@media screen and (min-width: 64rem) {
  .wysiwyg {
    gap: 1.5rem 0;
  }
}
@media screen and (min-width: 80rem) {
  .wysiwyg {
    gap: 1.875rem 0;
  }
}
.wysiwyg > * {
  grid-column: 1/-1;
  margin: 0;
}
.wysiwyg p {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: inherit;
  line-height: 1.4;
  color: var(--color-alabaster);
  max-width: 100ch;
  min-height: 1em;
}
.wysiwyg p > a,
.wysiwyg p > span > a,
.wysiwyg ul li > a,
.wysiwyg ol li > a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: underline !important;
  text-decoration: underline solid 2px !important;
}
@media (hover: hover) and (pointer: fine) {
  .wysiwyg p > a:hover,
.wysiwyg p > span > a:hover,
.wysiwyg ul li > a:hover,
.wysiwyg ol li > a:hover {
    text-decoration-color: var(--color-electric-blue) !important;
  }
}
.wysiwyg h2:not(.heading-2),
.wysiwyg h3:not(.heading-3),
.wysiwyg h4:not(.heading-4) {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  color: var(--color-alabaster);
}
@media screen and (min-width: 64rem) {
  .wysiwyg h2:not(.heading-2),
.wysiwyg h3:not(.heading-3),
.wysiwyg h4:not(.heading-4) {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 80rem) {
  .wysiwyg h2:not(.heading-2),
.wysiwyg h3:not(.heading-3),
.wysiwyg h4:not(.heading-4) {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.wysiwyg h3:not(.heading-3) {
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.3;
}
.wysiwyg h4:not(.heading-4) {
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
}
.wysiwyg h2 + p,
.wysiwyg h3 + p,
.wysiwyg h4 + p,
.wysiwyg h3 + ul,
.wysiwyg h3 + ol,
.wysiwyg h4 + ul,
.wysiwyg h4 + ol {
  margin-top: -0.5rem;
}
@media screen and (min-width: 80rem) {
  .wysiwyg h2 + p,
.wysiwyg h3 + p,
.wysiwyg h4 + p,
.wysiwyg h3 + ul,
.wysiwyg h3 + ol,
.wysiwyg h4 + ul,
.wysiwyg h4 + ol {
    margin-top: -0.75rem;
  }
}
.wysiwyg ul,
.wysiwyg ol {
  list-style-type: disc;
  padding-left: 1.375rem;
}
.wysiwyg ul li,
.wysiwyg ol li {
  font-family: "Montserrat-Regular", sans-serif;
  color: var(--color-alabaster);
  line-height: 1.4;
  margin: 0;
  max-width: 100ch;
}
.wysiwyg ul li a,
.wysiwyg ol li a {
  color: var(--color-alabaster) !important;
}
.wysiwyg ul li + li,
.wysiwyg ol li + li {
  margin-top: 0.25em;
}
.wysiwyg ul li > ul,
.wysiwyg ul li > ol,
.wysiwyg ol li > ul,
.wysiwyg ol li > ol {
  margin-top: 0.25em;
}
.wysiwyg ul ul,
.wysiwyg ol ul {
  list-style-type: circle;
}
.wysiwyg ul ol,
.wysiwyg ol ol {
  list-style-type: decimal;
}
.wysiwyg ul ol li > ol,
.wysiwyg ol ol li > ol {
  list-style-type: lower-alpha;
}
.wysiwyg ol {
  list-style-type: decimal;
}

.plus-form__field-wrap {
  position: relative;
  min-width: 16.375rem;
}
@media screen and (min-width: 64rem) {
  .plus-form__field-wrap {
    min-width: 23.6875rem;
  }
}
.plus-form__field-wrap--password-visibility {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  min-width: auto;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plus-form__field-wrap--submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  margin: 1.5rem auto 0;
  width: 100%;
}
@media screen and (min-width: 30rem) {
  .plus-form__field-wrap--submit {
    width: 100%;
  }
}
.plus-form__field-wrap--submit > a {
  color: var(--color-alabaster) !important;
  text-decoration: underline !important;
}
.plus-form__field[type=text], .plus-form__field[type=email], .plus-form__field[type=password] {
  background-color: transparent;
  appearance: none;
  display: block;
  width: 100%;
  border: 0;
  padding: 1rem 0.75rem;
  height: 3.25rem;
  color: var(--color-alabaster);
  border: 2px solid white;
  border-radius: 0.5rem;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  transition: border 300ms ease, outline 300ms ease;
}
.plus-form__field[type=text]:focus-visible, .plus-form__field[type=email]:focus-visible, .plus-form__field[type=password]:focus-visible {
  outline: max(3px, 0.15em) solid #FFFFFF;
  outline-offset: -2px;
}
.plus-form__field[type=text].error, .plus-form__field[type=email].error, .plus-form__field[type=password].error {
  border-color: #ff0033;
  transition: border-color 300ms ease;
}
.plus-form__field[type=password] {
  font: 150%/1.4 system-ui !important;
}
.plus-form__field[type=password], .plus-form__field.plus-form__field--password {
  padding-right: 3rem;
}
.plus-form__field--pass-visibility {
  position: absolute;
  left: -9999px;
}
.plus-form__field--pass-visibility:focus-visible + label {
  transition: all 300ms ease;
  outline: max(3px, 0.15em) solid #FFFFFF;
  outline-offset: -2px;
}
.plus-form__field[type=submit] {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  text-decoration: none;
  display: inline-block;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--color-rich-black);
  width: 100%;
  height: 3.25rem;
  padding: 1rem 2rem;
}
.plus-form__field[type=submit]:focus-visible {
  outline: max(2px, 0.15em) solid #FFFFFF;
}
.plus-form__field[type=checkbox] {
  appearance: none;
  background-color: #FFFFFF;
  margin: 0 0.25rem 0 0;
  font-size: inherit;
  color: var(--color-rich-black);
  width: 1.375rem;
  height: 1.375rem;
  border: 0.15em solid #FFFFFF;
  border-radius: 0.1em;
  display: inline-grid;
  place-content: center;
}
.plus-form__field[type=checkbox]::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  background-color: CanvasText;
  box-shadow: inset 1em 1em var(--color-rich-black);
}
.plus-form__field[type=checkbox]:checked::before {
  transform: scale(1);
}
.plus-form__field[type=checkbox]:focus-visible {
  outline: max(2px, 0.15em) solid #FFFFFF;
  outline-offset: max(2px, 0.15em);
}
.plus-form__field-submit {
  padding: 0;
  max-width: 19.375rem;
  margin: 0 auto;
  height: 3.25rem;
}
.plus-form__field-submit input {
  opacity: 1;
  transition: opacity 300ms ease-in;
}
.plus-form__field-submit .loading-ring {
  opacity: 0;
  visibility: collapse;
  transition: opacity 300ms ease-out;
}
.plus-form__field-submit.loading input {
  opacity: 0;
  visibility: collapse;
  transition: opacity 300ms ease-out;
}
.plus-form__field-submit.loading .loading-ring {
  opacity: 1;
  visibility: visible;
  transition: opacity 300ms ease-in;
}
.plus-form__label {
  font-size: 16px;
  font-size: 1rem;
  color: var(--color-alabaster);
  display: block;
  width: 100%;
  padding: 0;
}
.plus-form__label:not(.plus-form__label--checkbox) {
  font-family: "Montserrat-Medium", sans-serif;
  text-transform: uppercase;
  transform: translateY(1rem);
  position: absolute;
  left: 0.75rem;
  width: calc(100% - 0.75rem);
  pointer-events: none;
  transition: transform 300ms linear;
}
.plus-form__label:not(.plus-form__label--checkbox).is-label {
  transform: translateY(-1.75rem);
  transition: transform 300ms linear;
}
.plus-form__label span.required {
  position: relative;
  font-size: 0.8em;
  top: -0.15em;
}
.plus-form__label--checkbox {
  font-family: "Montserrat-Regular", sans-serif;
  color: #000;
  text-align: center;
}
.plus-form__label--checkbox > a {
  color: inherit;
  text-decoration: underline !important;
  display: inline;
}
.plus-form__label--checkbox > a:focus-visible {
  outline: max(2px, 0.15em) solid #FFFFFF !important;
  outline-offset: max(2px, 0.15em) !important;
}
.plus-form__label--pass-visibility {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: all 300ms ease;
}
.plus-form__label--pass-visibility::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
  background-size: cover;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2ZmZiIgY2xhc3M9InctNiBoLTYiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTIuMDM2IDEyLjMyMmExLjAxMiAxLjAxMiAwIDAxMC0uNjM5QzMuNDIzIDcuNTEgNy4zNiA0LjUgMTIgNC41YzQuNjM4IDAgOC41NzMgMy4wMDcgOS45NjMgNy4xNzguMDcuMjA3LjA3LjQzMSAwIC42MzlDMjAuNTc3IDE2LjQ5IDE2LjY0IDE5LjUgMTIgMTkuNWMtNC42MzggMC04LjU3My0zLjAwNy05Ljk2My03LjE3OHoiIC8+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgMTJhMyAzIDAgMTEtNiAwIDMgMyAwIDAxNiAweiIgLz4KPC9zdmc+Cg==");
}
.plus-form__label--pass-visibility.shown::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2ZmZiIgY2xhc3M9InctNiBoLTYiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTMuOTggOC4yMjNBMTAuNDc3IDEwLjQ3NyAwIDAwMS45MzQgMTJDMy4yMjYgMTYuMzM4IDcuMjQ0IDE5LjUgMTIgMTkuNWMuOTkzIDAgMS45NTMtLjEzOCAyLjg2My0uMzk1TTYuMjI4IDYuMjI4QTEwLjQ1IDEwLjQ1IDAgMDExMiA0LjVjNC43NTYgMCA4Ljc3MyAzLjE2MiAxMC4wNjUgNy40OThhMTAuNTIzIDEwLjUyMyAwIDAxLTQuMjkzIDUuNzc0TTYuMjI4IDYuMjI4TDMgM20zLjIyOCAzLjIyOGwzLjY1IDMuNjVtNy44OTQgNy44OTRMMjEgMjFtLTMuMjI4LTMuMjI4bC0zLjY1LTMuNjVtMCAwYTMgMyAwIDEwLTQuMjQzLTQuMjQzbTQuMjQyIDQuMjQyTDkuODggOS44OCIgLz4KPC9zdmc+");
}
.plus-form__error-label {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: var(--color-error-red);
  position: relative;
  display: block;
  padding: 0;
  margin: 0.25rem 0 0;
  width: 100%;
  padding: 0.375rem 1rem 0.375rem 2.125rem;
  background-color: white;
  border-radius: 0.5rem;
  max-height: 8rem;
  opacity: 1;
  visibility: visible;
  overflow: auto;
  transform: translateY(0);
  transition: all 300ms ease-in, opacity 300ms ease-in 150ms;
}
.plus-form__error-label[aria-hidden=true] {
  transform: translateY(-2rem);
  max-height: 0;
  visibility: collapse;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  overflow: hidden;
  transition: all 300ms ease-out, transform 300ms ease-out 150ms;
}
.plus-form__error-label[aria-hidden=true]::before {
  opacity: 0;
  max-height: 0;
  transition: all 300ms ease-out, transform 300ms ease-out 150ms;
}
.plus-form__error-label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  max-height: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2ViMDAyZiIgY2xhc3M9InctNiBoLTYiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEyIDl2My43NW0tOS4zMDMgMy4zNzZjLS44NjYgMS41LjIxNyAzLjM3NCAxLjk0OCAzLjM3NGgxNC43MWMxLjczIDAgMi44MTMtMS44NzQgMS45NDgtMy4zNzRMMTMuOTQ5IDMuMzc4Yy0uODY2LTEuNS0zLjAzMi0xLjUtMy44OTggMEwyLjY5NyAxNi4xMjZ6TTEyIDE1Ljc1aC4wMDd2LjAwOEgxMnYtLjAwOHoiIC8+Cjwvc3ZnPgo=");
}
.plus-form__error-label ul {
  list-style-type: disc;
  padding-left: 1em;
}

.hw-plus-login {
  --brand-light: #4EFDFB;
  --brand-dark: #064140;
}
.hw-plus-login::before {
  background: linear-gradient(to bottom, hsl(0deg, 0%, 0%) 0%, hsla(0deg, 0%, 0%, 0.987) 8.1%, hsla(0deg, 0%, 0%, 0.951) 15.5%, hsla(0deg, 0%, 0%, 0.896) 22.5%, hsla(0deg, 0%, 0%, 0.825) 29%, hsla(0deg, 0%, 0%, 0.741) 35.3%, hsla(0deg, 0%, 0%, 0.648) 41.2%, hsla(0deg, 0%, 0%, 0.55) 47.1%, hsla(0deg, 0%, 0%, 0.45) 52.9%, hsla(0deg, 0%, 0%, 0.352) 58.8%, hsla(0deg, 0%, 0%, 0.259) 64.7%, hsla(0deg, 0%, 0%, 0.175) 71%, hsla(0deg, 0%, 0%, 0.104) 77.5%, hsla(0deg, 0%, 0%, 0.049) 84.5%, hsla(0deg, 0%, 0%, 0.013) 91.9%, hsla(0deg, 0%, 0%, 0) 100%);
  bottom: 15%;
  height: 85%;
  z-index: 1;
}
.hw-plus-login::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 6%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(-129deg, var(--brand-light), var(--brand-dark));
}
.hw-plus-login .plus-form__label--checkbox,
.hw-plus-login .plus-login__announce,
.hw-plus-login .plus-login__required-instruction {
  color: #e4e8ea;
}
.hw-plus-login.otr-login {
  --brand-light: #ca20b3;
  --brand-dark: #0a0b47;
}
.hw-plus-login.otr-login .plus-login__tabs-border-glider {
  background-color: var(--brand-light);
}
.hw-plus-login.otr-login .plus-login__signup-list li {
  color: var(--brand-light);
}
.hw-plus-login.otr-login .plus-login__signup-message {
  border-color: var(--brand-light);
}
.hw-plus-login.otr-login .plus-form__field[type=checkbox] {
  background-color: #fff;
  border-color: #fff;
}
.hw-plus-login.otr-login .plus-form__field[type=checkbox]::before {
  box-shadow: inset 1em 1em var(--brand-light);
}
.hw-plus-login.otr-login .plus-login__form-field-submit input {
  color: #fff;
}
.hw-plus-login.otr-login .plus-login__form-field-submit::before,
.hw-plus-login.otr-login .plus-login__form-field-submit::after {
  border-color: var(--brand-light);
  background-color: var(--brand-light);
}

.plus-login {
  position: relative;
  overflow: hidden;
}
.plus-login::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
  height: 25%;
  background: linear-gradient(to top, hsl(0deg, 0%, 0%) 0%, hsla(0deg, 0%, 0%, 0.987) 8.1%, hsla(0deg, 0%, 0%, 0.951) 15.5%, hsla(0deg, 0%, 0%, 0.896) 22.5%, hsla(0deg, 0%, 0%, 0.825) 29%, hsla(0deg, 0%, 0%, 0.741) 35.3%, hsla(0deg, 0%, 0%, 0.648) 41.2%, hsla(0deg, 0%, 0%, 0.55) 47.1%, hsla(0deg, 0%, 0%, 0.45) 52.9%, hsla(0deg, 0%, 0%, 0.352) 58.8%, hsla(0deg, 0%, 0%, 0.259) 64.7%, hsla(0deg, 0%, 0%, 0.175) 71%, hsla(0deg, 0%, 0%, 0.104) 77.5%, hsla(0deg, 0%, 0%, 0.049) 84.5%, hsla(0deg, 0%, 0%, 0.013) 91.9%, hsla(0deg, 0%, 0%, 0) 100%);
  z-index: 1;
}
.plus-login__inner {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  width: 100%;
  max-width: 90rem;
  padding: var(--plus-y-pad) var(--plus-x-pad);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.plus-login__header {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto -1.5rem;
}
.plus-login__header-title {
  margin: 0 auto 2rem;
}
.plus-login__header-logo {
  margin: 0 auto;
}
.plus-login__tabs-wrap {
  margin: 3rem auto;
  width: 100%;
}
.plus-login__tabs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plus-login__tabs-border {
  background-color: var(--color-stone);
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  height: 3px;
  border-radius: 8px;
}
@media screen and (min-width: 30rem) {
  .plus-login__tabs-border {
    width: 18.75rem;
  }
}
.plus-login__tabs-border-glider {
  display: block;
  height: 100%;
  width: 50%;
  background-color: var(--color-electric-blue);
  transition: all 300ms ease;
  margin-left: calc(50% * var(--selected-index));
}
@media screen and (min-width: 30rem) {
  .plus-login__tabs-border-glider {
    width: 9.375rem;
  }
}
.plus-login__tab {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  text-decoration: none;
  display: inline-block;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  box-sizing: border-box;
  display: block;
  color: var(--color-alabaster);
  text-transform: uppercase;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 1.825rem 1rem;
  border-radius: 12px;
  z-index: 2;
  transition: all 300ms ease-in-out;
}
.plus-login__tab:focus-visible {
  outline: 2px solid var(--color-electric-blue) !important;
  outline-offset: 1px;
}
@media screen and (min-width: 30rem) {
  .plus-login__tab {
    width: 9.375rem;
  }
}
.plus-login__panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  max-width: inherit;
  width: 100%;
}
.plus-login__wrap {
  margin: 0;
  padding: 0;
  opacity: 0;
  height: 0;
  max-height: 0;
  visibility: hidden;
  z-index: -1;
  pointer-events: none;
  grid-area: 1/1/2/2;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: opacity 500ms ease-out;
}
.plus-login__wrap.active {
  padding: calc(var(--plus-y-pad) * 0.5) 0 calc(var(--plus-y-pad) * 2);
  width: 100%;
  margin: 0 auto;
  opacity: 1;
  height: auto;
  max-height: none;
  z-index: auto;
  pointer-events: auto;
  visibility: visible;
  transition: opacity 500ms ease-in;
}
.plus-login__wrap.active:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}
@media screen and (min-width: 48rem) {
  .plus-login__wrap.active {
    padding-bottom: calc(var(--plus-y-pad) * 0.5);
  }
}
.plus-login__content {
  margin: 0 auto 3rem;
  text-align: center;
  max-width: 75ch;
}
@media screen and (min-width: 48rem) {
  .plus-login__content {
    margin-bottom: 4rem;
  }
}
.plus-login__content > h2:first-of-type {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  color: var(--color-alabaster);
  margin: 0 auto 1.5rem;
  text-align: inherit;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 48rem) {
  .plus-login__content > h2:first-of-type {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 80rem) {
  .plus-login__content > h2:first-of-type {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 90rem) {
  .plus-login__content > h2:first-of-type {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
.plus-login__content > p {
  max-width: inherit;
}
.plus-login__content p.plus-login__content-teaser {
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 48rem) {
  .plus-login__content p.plus-login__content-teaser {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.plus-login__content-callout {
  --icon-info: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2Q2YWU1MCI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtMTEuMjUgMTEuMjUuMDQxLS4wMmEuNzUuNzUgMCAwIDEgMS4wNjMuODUybC0uNzA4IDIuODM2YS43NS43NSAwIDAgMCAxLjA2My44NTNsLjA0MS0uMDIxTTIxIDEyYTkgOSAwIDEgMS0xOCAwIDkgOSAwIDAgMSAxOCAwWm0tOS0zLjc1aC4wMDh2LjAwOEgxMlY4LjI1WiIgLz4KPC9zdmc+Cg==");
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  text-align: left;
  margin: 0 auto;
  padding: 1rem;
  border-radius: 12px;
  border: 2px solid rgba(228, 232, 234, 0.75);
  background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 48rem) {
  .plus-login__content-callout {
    max-width: 75%;
  }
}
.plus-login__content-callout p {
  font-family: "Montserrat-Medium", sans-serif;
}
.plus-login__content-callout::before {
  content: "";
  width: 2rem;
  height: 2rem;
  display: block;
  background-size: cover;
  background-image: var(--icon-info);
}
.plus-login__teaser-modal-button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  text-decoration: none;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  color: var(--color-alabaster);
  text-decoration: underline;
}
.plus-login__teaser-modal-button:focus-visible {
  outline: 1px solid #FFFFFF !important;
}
.plus-login__form {
  max-width: 32.5rem;
  width: 100%;
  margin: 1rem auto 0;
  padding-top: 1rem;
  position: relative;
}
.plus-login__form--signup {
  --form-column-gap: 1.5rem;
  width: 100%;
  max-width: inherit;
}
@media screen and (min-width: 48rem) {
  .plus-login__form--signup {
    --form-column-gap: 3rem;
    display: grid;
    column-gap: var(--form-column-gap);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(6, auto);
  }
  .plus-login__form--signup .plus-login__form-field-wrap:nth-child(2),
.plus-login__form--signup .plus-login__form-field-wrap:nth-child(3) {
    margin-top: 0 !important;
  }
  .plus-login__form--signup .plus-login__form-error-label,
.plus-login__form--signup .plus-login__form-field-wrap:nth-child(8),
.plus-login__form--signup .plus-login__form-field-wrap--submit {
    grid-column: 1/3;
  }
  .plus-login__form--signup .plus-login__form-field-wrap:nth-child(8) {
    justify-self: center;
  }
}
.plus-login__form > .plus-login__form-error-label {
  font-family: "Montserrat-Bold", sans-serif;
  position: absolute;
  top: -4rem;
  margin: 0;
  border: 2px solid transparent;
}
.plus-login__form > .plus-login__form-error-label.emphasize {
  border-color: var(--color-error-red);
  transform: scale(1.1);
}
.plus-login__form > .plus-login__form-error-label[aria-hidden=true] {
  transform: translateY(0);
}
.plus-login__form-field-wrap + .plus-login__form-field-wrap:not(.plus-login__form-field-wrap--submit) {
  margin-top: 3rem;
}
.plus-login__form-link {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.plus-login__form-link:focus-visible, .plus-login__form-link:focus {
  outline: max(1px, 0.15em) solid #FFFFFF !important;
  outline-offset: 2px;
}
.plus-login__signup {
  max-width: 65rem;
  width: 100%;
  margin: 0 auto;
}
.plus-login__signup-title {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  color: var(--color-alabaster);
  margin: 0 auto 1.5rem;
  text-align: center;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 48rem) {
  .plus-login__signup-title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 80rem) {
  .plus-login__signup-title {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 90rem) {
  .plus-login__signup-title {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
.plus-login__signup-subtitle {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  color: var(--color-alabaster);
  margin: 0 auto;
  line-height: 1.3;
  text-transform: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.25rem;
}
@media screen and (min-width: 48rem) {
  .plus-login__signup-subtitle {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 80rem) {
  .plus-login__signup-subtitle {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 90rem) {
  .plus-login__signup-subtitle {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
.plus-login__signup-subtitle span {
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 64rem) {
  .plus-login__signup-subtitle span {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
@media screen and (min-width: 80rem) {
  .plus-login__signup-subtitle span {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
.plus-login__signup-subtitle span:first-child {
  font-family: "Montserrat-Medium", sans-serif;
  font-style: italic;
}
.plus-login__signup-subtitle span:last-child {
  font-family: "Montserrat-Light", sans-serif;
}
.plus-login__signup-list {
  list-style: disc;
  padding: 0 0 0 1.375rem;
  margin: 1.5rem auto;
}
.plus-login__signup-list li {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: normal;
  margin: 0;
  color: var(--color-electric-blue);
}
@media screen and (min-width: 48rem) {
  .plus-login__signup-list li {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
.plus-login__signup-list li span, .plus-login__signup-list li a {
  color: var(--color-alabaster);
  letter-spacing: normal;
}
.plus-login__signup-list li a {
  text-decoration: underline !important;
}
.plus-login__signup-list li + li {
  margin-top: 1em;
}
@media screen and (min-width: 48rem) {
  .plus-login__signup-list {
    column-count: 2;
  }
}
@media screen and (min-width: 64rem) {
  .plus-login__signup-list li {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 80rem) {
  .plus-login__signup-list li {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.plus-login__signup-message {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: var(--color-alabaster);
  text-align: center;
  margin: 0 auto 1.5rem;
  max-width: 65ch;
  padding: 1rem 1.5rem;
  border-radius: 12px;
  border: 2px solid var(--color-electric-blue);
}
@media screen and (min-width: 48rem) {
  .plus-login__signup-message {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.plus-login__announce {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
  letter-spacing: normal;
  margin: var(--plus-y-pad) auto 0;
  text-align: center;
  color: #000;
}
@media screen and (min-width: 48rem) {
  .plus-login__announce {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: calc(var(--plus-y-pad) * 0.5);
  }
}
.plus-login__required-instruction {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #000;
  font-style: italic;
  text-align: center;
  margin: 1.5rem auto 0;
}
@media screen and (min-width: 48rem) {
  .plus-login__required-instruction {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.plus-login-modal .modal__overlay {
  background: rgba(0, 0, 0, 0.8);
}
.plus-login-modal .modal__container {
  display: flex;
  width: 100%;
  height: 100%;
}
.plus-login-modal__main {
  position: relative;
  display: flex;
  margin: auto;
  width: 100%;
  max-width: 90rem;
  padding: var(--plus-y-pad) 0;
}
@media screen and (min-width: 30rem) {
  .plus-login-modal__main {
    padding: var(--plus-y-pad) var(--plus-x-pad);
  }
}
.plus-login-modal__main-inner {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
  .plus-login-modal__main-inner {
    padding-top: 56.25%;
  }
}
.plus-login-modal .plus-modal-modal__video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: none;
  border-radius: 12px;
  overflow: hidden;
}
.plus-login-modal .modal__close {
  font-family: "Montserrat-Medium", sans-serif;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  width: auto;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
}
.plus-login-modal .modal__close::before {
  margin-left: 0.5rem;
}

.faq-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2rem;
  position: relative;
  z-index: 3;
  margin-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.faq-section::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-stone);
  z-index: 1;
}
@media screen and (min-width: 64rem) {
  .faq-section {
    display: grid;
    align-items: flex-start;
    grid-template-columns: minmax(0, 30%) minmax(0, 70%);
  }
}
@media screen and (min-width: 80rem) {
  .faq-section {
    padding-left: calc(var(--plus-x-pad) * 1.5);
    padding-right: calc(var(--plus-x-pad) * 1.5);
  }
}
.faq-section__title {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  color: #FFFFFF;
  color: #FFFFFF;
  margin: 3rem 0 0;
}
@media screen and (min-width: 48rem) {
  .faq-section__title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 80rem) {
  .faq-section__title {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.faq-section__title a {
  color: #FFFFFF;
}
.faq-section__title a:visited {
  color: #FFFFFF;
}
@media screen and (min-width: 64rem) {
  .faq-section__title {
    margin-top: 5rem;
  }
}
.faq-section__accordions {
  margin-top: 1.5rem;
}
@media screen and (min-width: 64rem) {
  .faq-section__accordions {
    margin-top: 5rem;
  }
}
.faq-section__pairs {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.faq-pair {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.1);
  transition: transform 0.3s ease;
}
.faq-pair__question-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
}
.faq-pair__question-button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  text-decoration: none;
  display: inline-block;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  flex: 1;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
  transition: margin 300ms ease-in 200ms;
}
.faq-pair__question-button:focus-visible {
  outline: 1px solid #FFFFFF !important;
}
.faq-pair__question-button.active {
  transition: margin 300ms ease-out;
}
.faq-pair__question-button.active .faq-pair__icon-img {
  transform: rotate(-270deg);
}
.faq-pair__question-text {
  font-family: "Montserrat-Bold", sans-serif;
  display: block;
  width: 100%;
  color: #FFFFFF;
  line-height: 1.3;
  padding: 1.5rem;
  text-align: left;
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 48rem) {
  .faq-pair__question-text {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 64rem) {
  .faq-pair__question-text {
    padding-right: 2.5rem;
  }
}
.faq-pair__answer {
  display: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0fr;
  padding: 0 1.5rem;
  transition: opacity, grid-template-rows 300ms ease-out, padding 300ms ease-in 200ms;
}
.faq-pair__answer.active {
  padding: 0 1.5rem 1.5rem;
  grid-template-rows: 1fr;
  transition: grid-template-rows, padding 300ms ease-in;
}
.faq-pair__answer.active .faq-pair__answer-text {
  opacity: 1;
  transition: opacity 300ms ease-in 150ms;
}
.faq-pair__answer-text {
  color: #FFFFFF;
  overflow: hidden;
  opacity: 0;
  line-height: 1.4;
  transition: opacity 300ms ease-out;
}
.faq-pair__answer-text p, .faq-pair__answer-text p a {
  color: inherit;
}
.faq-pair__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  margin: auto 0.75rem auto 0;
  background-color: transparent;
  transition: transform 0.3s ease;
  position: relative;
  box-sizing: border-box;
}
.faq-pair__icon-img {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../../assets/img/caret-left.svg");
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
  filter: invert(1) sepia(1) saturate(1) hue-rotate(180deg);
}

@keyframes faq-spinner {
  0% {
    transform: rotate(90deg);
  }
  40% {
    transform: rotate(540deg);
  }
  100% {
    transform: rotate(720deg);
  }
}

/*# sourceMappingURL=hw-plus-login.css.map */