.wrapped-gds-text .gds-text {
      font-family: Glyph, sans-serif;
      font-feature-settings: inherit;
      font-weight: 400
    }

    .base-module_basic__zzy-b,
    .base-module_unstyled__NoUtL {
      background: none;
      border: none;
      cursor: pointer;
      padding: 0;
      text-decoration: none;
      user-select: none
    }

    .base-module_basic__zzy-b {
      align-items: center;
      border: 1px solid transparent;
      border-radius: 6px;
      display: flex;
      height: 48px;
      justify-content: center;
      padding: 8px 16px;
      position: relative
    }

    @media (max-width:512px) {
      .base-module_basic__zzy-b {
        width: 100%
      }
    }

    .base-module_compact__6Yys7 {
      height: 40px
    }

    .base-module_text__avuxQ {
      font-size: 14px;
      font-weight: 700;
      line-height: 32px
    }

    .base-module_textWithArrow__G5bFo {
      flex: 1;
      text-align: left
    }

    .base-module_iconWrapper__9SzN7,
    .base-module_leftIconWrapper__3IAPE,
    .base-module_rightIconWrapper__QVgPg {
      align-items: center;
      display: flex;
      line-height: 0
    }

    .base-module_leftIconWrapper__3IAPE {
      margin-right: 12px
    }

    .base-module_rightIconWrapper__QVgPg {
      margin-left: 12px
    }

    .base-module_colorGreen__CFLLw {
      background: #11a683;
      color: #fff;
      outline: none
    }

    .base-module_colorGreen__CFLLw:focus {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #87e8d1
    }

    .base-module_colorGreen__CFLLw:active,
    .base-module_colorGreen__CFLLw:hover {
      background: #15c39a
    }

    .base-module_colorGreen__CFLLw.base-module_statusDisabled__q9MKn {
      background: #f0f2fc;
      color: #c6cbde
    }

    .base-module_colorAccessibleGreen__JE5ks {
      background: #0d8065;
      color: #fff
    }

    .base-module_colorAccessibleGreen__JE5ks:focus,
    .base-module_colorAccessibleGreen__JE5ks:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d8065;
      outline: none
    }

    .base-module_colorAccessibleGreen__JE5ks:focus-visible:active,
    .base-module_colorAccessibleGreen__JE5ks:focus:active {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0b6a54
    }

    .base-module_colorAccessibleGreen__JE5ks:active,
    .base-module_colorAccessibleGreen__JE5ks:hover {
      background: #0b6a54
    }

    .base-module_colorAccessibleGreen__JE5ks.base-module_statusDisabled__q9MKn {
      background: #0b6a54;
      color: #f0f2fc;
      opacity: .4
    }

    .base-module_colorGreen24__mg5-X {
      background: #027e6f;
      color: #fff
    }

    .base-module_colorGreen24__mg5-X:focus,
    .base-module_colorGreen24__mg5-X:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #027e6f;
      outline: none
    }

    .base-module_colorGreen24__mg5-X:focus-visible:active,
    .base-module_colorGreen24__mg5-X:focus:active {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #014c43
    }

    .base-module_colorGreen24__mg5-X:active,
    .base-module_colorGreen24__mg5-X:hover {
      background: #014c43
    }

    .base-module_colorGreen24__mg5-X.base-module_statusDisabled__q9MKn {
      background: #014c43;
      color: #f0f2fc;
      opacity: .4
    }

    .base-module_colorBlue__YL3Po {
      background: #4a6ee0;
      color: #fff;
      outline: none
    }

    .base-module_colorBlue__YL3Po:focus {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #79a8f2
    }

    .base-module_colorBlue__YL3Po:active,
    .base-module_colorBlue__YL3Po:hover {
      background: #638eeb
    }

    .base-module_colorBlue__YL3Po.base-module_statusDisabled__q9MKn {
      background: #f0f2fc;
      color: #c6cbde
    }

    .base-module_colorWhiteHighContrastBorder__AdRXO {
      background: #fff;
      border: 1px solid #6d758d;
      border-radius: 4px;
      color: #4d536e;
      outline: none
    }

    .base-module_colorWhiteHighContrastBorder__AdRXO:focus {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #005fcc
    }

    .base-module_colorWhiteHighContrastBorder__AdRXO:active,
    .base-module_colorWhiteHighContrastBorder__AdRXO:hover {
      background: #f9faff
    }

    .base-module_colorWhiteHighContrastBorder__AdRXO.base-module_statusDisabled__q9MKn {
      background: #f0f2fc;
      color: #c6cbde
    }

    .base-module_colorWhiteHighContrastBorder__AdRXO:hover:not(.base-module_statusDisabled__q9MKn) {
      border: 1px solid #6d758d
    }

    .base-module_colorWhiteHighContrastBorder__AdRXO .base-module_text__avuxQ {
      font-weight: 400
    }

    .base-module_colorGhostGrey__gtQvs {
      background: transparent;
      color: #6d758d;
      outline: none
    }

    .base-module_colorGhostGrey__gtQvs:focus {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px transparent
    }

    .base-module_colorGhostGrey__gtQvs:active,
    .base-module_colorGhostGrey__gtQvs:hover {
      background: transparent
    }

    .base-module_colorGhostGrey__gtQvs.base-module_statusDisabled__q9MKn {
      background: #f0f2fc;
      color: #c6cbde
    }

    .base-module_colorGhostGrey__gtQvs .base-module_text__avuxQ {
      font-weight: 400
    }

    .base-module_colorAccessibleGhostGrey__hYhSk {
      background: transparent;
      color: #646b81
    }

    .base-module_colorAccessibleGhostGrey__hYhSk:focus {
      outline: 1px solid #0b6a54
    }

    .base-module_colorAccessibleGhostGrey__hYhSk:active:not(:disabled),
    .base-module_colorAccessibleGhostGrey__hYhSk:hover:not(:disabled) {
      background: #e2e4e9;
      color: #565b6c
    }

    .base-module_colorAccessibleGhostGrey__hYhSk:focus.base-module_colorAccessibleGhostGrey__hYhSk:active {
      background: #e2e4e9;
      color: #565b6c;
      outline: 2px solid #0b6a54;
      outline-offset: 2px
    }

    .base-module_colorAccessibleGhostGrey__hYhSk.base-module_statusDisabled__q9MKn,
    .base-module_colorAccessibleGhostGrey__hYhSk:disabled {
      opacity: .4
    }

    .base-module_colorAccessibleGhostGrey__hYhSk .base-module_text__avuxQ {
      font-weight: 400
    }

    .base-module_colorGoogleBlue__AQga5 {
      background: #4285f4;
      color: #fff;
      outline: none
    }

    .base-module_colorGoogleBlue__AQga5:focus {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4285f4
    }

    .base-module_colorGoogleBlue__AQga5:active,
    .base-module_colorGoogleBlue__AQga5:hover {
      background: #4285f4
    }

    .base-module_colorGoogleBlue__AQga5.base-module_statusDisabled__q9MKn {
      background: #f0f2fc;
      color: #c6cbde
    }

    .base-module_colorGoogleBlue__AQga5 .base-module_text__avuxQ {
      font-weight: 400
    }

    .base-module_colorFacebookBlue__6OscK {
      background: #3b5998;
      color: #fff;
      outline: none
    }

    .base-module_colorFacebookBlue__6OscK:focus {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3b5998
    }

    .base-module_colorFacebookBlue__6OscK:active,
    .base-module_colorFacebookBlue__6OscK:hover {
      background: #3b5998
    }

    .base-module_colorFacebookBlue__6OscK.base-module_statusDisabled__q9MKn {
      background: #f0f2fc;
      color: #c6cbde
    }

    .base-module_statusDisabled__q9MKn,
    .base-module_statusLoading__uTdmR {
      cursor: not-allowed
    }

    .loader-module_preloader__YrSu7 {
      animation: loader-module_spin__pHj7C 1.5s linear infinite;
      display: inline-block;
      height: 24px;
      width: 24px
    }

    @-moz-keyframes loader-module_spin__pHj7C {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    @-webkit-keyframes loader-module_spin__pHj7C {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    @-o-keyframes loader-module_spin__pHj7C {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    @keyframes loader-module_spin__pHj7C {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    .arrow-module_up__cPCur {
      transform: rotate(-90deg)
    }

    .arrow-module_down__XT4P4 {
      transform: rotate(90deg)
    }

    .arrow-module_left__lSSUl {
      transform: rotate(180deg)
    }

    .social-module_googlePrimaryColorIconWrapper__p6PZQ {
      background: #fff;
      border-radius: 2px;
      padding: 10px
    }

    .social-module_googlePrimaryColorButton__mb7Q-.social-module_googlePrimaryColorButton__mb7Q- {
      padding: 4px 16px 4px 4px
    }

    .wrapped-gds-heading .gds-heading {
      font-family: Matter, sans-serif;
      font-feature-settings: inherit;
      font-weight: 700
    }

    .AccountItem-module_accountItemButton__lQgBa {
      border-bottom: 1px solid var(--blue-gray-10);
      cursor: pointer;
      padding: var(--space-4);
      text-align: inherit;
      width: 100%
    }

    .AccountItem-module_accountItemButton__lQgBa:hover {
      background-color: rgba(9, 30, 66, .02)
    }

    .AccountItem-module_accountItem__TzfXR {
      align-items: center;
      display: flex
    }

    .AccountItem-module_accountItemDescription__mS3l- {
      align-items: center;
      display: flex;
      justify-content: space-between;
      overflow-wrap: anywhere;
      padding-left: var(--space-4);
      width: 100%
    }

    .AccountItem-module_accountItemNameEmail__RHqz6 {
      padding-right: var(--space-4)
    }

    .AccountItem-module_accountItemNameEmail__RHqz6 span {
      display: block
    }

    span.AccountItem-module_displayEmail__vDi-n {
      color: var(--blue-gray-60)
    }

    span.AccountItem-module_authState__fHtQ- {
      color: var(--blue-gray-60);
      display: block;
      margin-left: var(--space-12);
      margin-top: var(--space-half)
    }

    .link-module_link__1eBZH {
      color: inherit;
      cursor: pointer;
      text-decoration: underline
    }

    .alert-module_alertContainer__YGHx4 {
      background-color: #fdf0f3;
      border-radius: 4px;
      color: #ce1331;
      font-size: 14px;
      line-height: 21px;
      padding: 16px
    }

    .alert-module_successContainer__jqXbl {
      background-color: #d7f7f0;
      border-radius: 8px;
      display: flex;
      flex-direction: row;
      padding: 16px 16px 16px 0
    }

    .alert-module_successIconContainer__-KBXv {
      display: flex;
      flex: 0 0 60px;
      justify-content: center;
      padding-top: 6px
    }

    .alert-module_infoAlertContainer__BquA- {
      background-color: #edf5ff;
      border-radius: 4px;
      color: #3659b5;
      font-size: 14px;
      line-height: 21px;
      padding: 16px
    }

    .wrapped-gds-button>.gds-button {
      align-items: center
    }

    .wrapped-gds-button>.gds-button>.gds-token-typography-text-small {
      font-family: Glyph, sans-serif
    }

    .base-module_input__cksud {
      border: none;
      font-size: 16px;
      line-height: 21px;
      outline: none;
      width: 100%
    }

    .default-module_inputAndPlaceholderContainer__C2hec {
      position: relative
    }

    .default-module_inputAndSuffixContainer__Nyhe1 {
      border: 1px solid #6d758d;
      border-radius: 4px;
      display: flex;
      height: 48px;
      padding: 0;
      width: 100%
    }

    .default-module_suffixContainer__7HRMw {
      border-radius: 4px;
      display: flex;
      height: 100%;
      padding: 0 12px 0 0;
      position: absolute;
      right: 0
    }

    .default-module_input__TIXuN {
      border-radius: 4px;
      flex: 1;
      padding: 12px 12px 0
    }

    .default-module_input__TIXuN:focus {
      outline: 2px solid #0b6a54;
      outline-offset: 2px
    }

    .default-module_label__disI8 {
      color: #4d536e;
      font-size: 14px;
      left: 12px;
      line-height: 21px;
      pointer-events: none;
      position: absolute;
      top: 13px;
      transition: font .2s, top .2s
    }

    .default-module_label__disI8.default-module_minimized__6VQYb {
      font-size: 11px;
      left: 12px;
      line-height: 13px;
      top: 5px
    }

    .default-module_message__p1zTj {
      align-items: center;
      color: #6d758d;
      display: flex;
      font-size: 11px;
      justify-content: flex-start;
      line-height: 16px;
      padding: 4px 12px 0
    }

    .default-module_message__p1zTj>* {
      margin-right: 3px
    }

    .default-module_errorIcon__DtavN {
      align-items: center;
      display: flex;
      margin-right: .5rem
    }

    .default-module_error__UNKr9 .default-module_inputAndSuffixContainer__Nyhe1 {
      border: 1px solid #ea1537
    }

    .default-module_error__UNKr9 .default-module_message__p1zTj {
      color: #ea1537;
      padding: 12px 6px 4px
    }

    .email-module_emailDomain__MKG0o {
      color: #4a6ee0
    }

    .email-module_suggestion__P35RV {
      cursor: pointer;
      text-decoration: underline
    }

    .email-module_restrictedDomainInput__OPpbk {
      background-color: #f0f2fc;
      border: 1px solid #e7e9f5;
      border-radius: 0 3px 3px 0;
      color: #4d536e;
      text-align: center;
      text-overflow: ellipsis
    }

    .email-module_restrictedDomainDropdownContainer__A9YL7,
    .email-module_restrictedDomainInput__OPpbk {
      font-size: 14px;
      margin-right: -12px;
      width: 155px
    }

    .email-module_restrictedDomainDropdown__ew0iv {
      background-color: #f0f2fc;
      border: 1px solid #e7e9f5;
      border-radius: 0 3px 3px 0;
      color: #4d536e;
      height: 100%;
      text-overflow: ellipsis;
      width: 100%
    }

    .email-module_restrictedDomainDropdownOption__OUjAG {
      font-size: 14px
    }

    .password-module_passwordSuffixContainer__2XsKy {
      align-items: center;
      display: flex
    }

    .password-module_passwordIcon__Ew6Zc {
      align-items: center;
      display: flex;
      height: 20px;
      justify-content: center;
      width: 20px
    }

    .typography-module_h1__SkjMp.typography-module_normalWeight__FfaYY,
    .typography-module_h2__nuXz7.typography-module_normalWeight__FfaYY,
    .typography-module_h3__rqvJu.typography-module_normalWeight__FfaYY,
    .typography-module_h4__m2OjY.typography-module_normalWeight__FfaYY,
    .typography-module_h5__9zVZF.typography-module_normalWeight__FfaYY,
    .typography-module_h6__lQHZ7.typography-module_normalWeight__FfaYY,
    .typography-module_hCommon__uSEsP.typography-module_normalWeight__FfaYY,
    .typography-module_normalWeight__FfaYY,
    h1.typography-module_h1__SkjMp.typography-module_normalWeight__FfaYY,
    h2.typography-module_h2__nuXz7.typography-module_normalWeight__FfaYY,
    h3.typography-module_h3__rqvJu.typography-module_normalWeight__FfaYY,
    h4.typography-module_h4__m2OjY.typography-module_normalWeight__FfaYY,
    h5.typography-module_h5__9zVZF.typography-module_normalWeight__FfaYY,
    h6.typography-module_h6__lQHZ7.typography-module_normalWeight__FfaYY {
      font-weight: 400
    }

    .typography-module_h1__SkjMp,
    .typography-module_h2__nuXz7,
    .typography-module_h3__rqvJu,
    .typography-module_h4__m2OjY,
    .typography-module_h5__9zVZF,
    .typography-module_h6__lQHZ7,
    .typography-module_hCommon__uSEsP,
    h1.typography-module_h1__SkjMp,
    h2.typography-module_h2__nuXz7,
    h3.typography-module_h3__rqvJu,
    h4.typography-module_h4__m2OjY,
    h5.typography-module_h5__9zVZF,
    h6.typography-module_h6__lQHZ7 {
      color: inherit;
      font-family: Matter, sans-serif;
      font-style: normal;
      font-weight: 670;
      margin: 0
    }

    .typography-module_pCommon__F5qJW,
    div.typography-module_large__1Q-QH,
    div.typography-module_medium__F8b7L,
    div.typography-module_small__5uZo5,
    div.typography-module_xsmall__0JXMd {
      color: inherit;
      font-family: Glyph, sans-serif;
      font-style: normal;
      font-weight: 400;
      margin: 0
    }

    .typography-module_h1__SkjMp,
    h1.typography-module_h1__SkjMp {
      font-size: 42px;
      letter-spacing: -.005em;
      line-height: 52px
    }

    @media (max-width:512px) {

      .typography-module_h1__SkjMp,
      h1.typography-module_h1__SkjMp {
        font-size: 30px;
        letter-spacing: -.0025em;
        line-height: 40px
      }
    }

    .typography-module_h2__nuXz7,
    h2.typography-module_h2__nuXz7 {
      font-size: 29px;
      letter-spacing: -.003em;
      line-height: 38px
    }

    @media (max-width:512px) {

      .typography-module_h2__nuXz7,
      h2.typography-module_h2__nuXz7 {
        font-size: 23px;
        letter-spacing: -.0025em;
        line-height: 31px
      }
    }

    .typography-module_h3__rqvJu,
    h3.typography-module_h3__rqvJu {
      font-size: 24px;
      line-height: 32px
    }

    @media (max-width:512px) {

      .typography-module_h3__rqvJu,
      h3.typography-module_h3__rqvJu {
        font-size: 21px;
        line-height: 28px
      }
    }

    .typography-module_h4__m2OjY,
    h4.typography-module_h4__m2OjY {
      font-size: 18px;
      line-height: 28px
    }

    .typography-module_h5__9zVZF,
    h5.typography-module_h5__9zVZF {
      font-size: 16px;
      line-height: 24px
    }

    .typography-module_h6__lQHZ7,
    h6.typography-module_h6__lQHZ7 {
      font-size: 14px;
      line-height: 22px
    }

    div.typography-module_large__1Q-QH {
      font-size: 18px;
      line-height: 26px
    }

    div.typography-module_large__1Q-QH.typography-module_compact__tXJGJ {
      line-height: 24px
    }

    div.typography-module_medium__F8b7L {
      font-size: 16px;
      line-height: 24px
    }

    div.typography-module_medium__F8b7L.typography-module_compact__tXJGJ {
      line-height: 22px
    }

    div.typography-module_small__5uZo5 {
      font-size: 14px;
      line-height: 22px
    }

    div.typography-module_xsmall__0JXMd {
      font-size: 12px;
      line-height: 18px
    }

    span.typography-module_tag__dqtJy {
      font-family: Glyph, sans-serif;
      font-size: 11px;
      letter-spacing: .04em;
      line-height: 16px;
      text-transform: uppercase
    }

    .modal-module_overlay__Gv6Vp {
      align-items: center;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 100
    }

    .modal-module_shadow__19RRv {
      background: #4d536e;
      height: 100%;
      opacity: .3;
      width: 100%;
      z-index: 10
    }

    .modal-module_modal__-EhVq {
      border-radius: 8px;
      box-shadow: 0 12px 48px rgba(26, 33, 52, .11);
      font-family: Inter, sans-serif;
      margin: 16px;
      position: absolute;
      z-index: 101
    }

    .modal-module_modalEnter__4Pla1 {
      opacity: 0;
      transition: opacity .5s
    }

    .modal-module_modalEnterActive__WZMMn,
    .modal-module_modalExit__IowXo {
      opacity: 1;
      transition: opacity .5s
    }

    .modal-module_modalExitActive__AJIxV {
      opacity: 0;
      transition: opacity .5s
    }

    .modal-module_close__7rkoA {
      cursor: pointer;
      padding: 4px;
      position: absolute;
      right: 16px;
      top: 16px
    }

    .modal-module_childrenContainer__7DyRn {
      position: relative
    }

    .facebook_permissions-module_modalContainer__4mnyr {
      background: #fff;
      max-width: 640px;
      padding: 32px
    }

    .facebook_permissions-module_highlight__O--iP {
      background: #dbebff;
      color: #4a6ee0;
      font-weight: 700;
      padding: 4px
    }

    .facebook_permissions-module_instructionsList__N-lq4 {
      font-size: 15px;
      line-height: 32px;
      padding-inline-start: 16px
    }

    .facebook_permissions-module_instructionsList__N-lq4>li {
      padding-inline-start: 16px
    }

    .facebook_permissions-module_instructionsList__N-lq4>li:not(:last-child) {
      margin-bottom: 8px
    }

    .facebook_permissions-module_buttonsContainer__kkonX {
      display: flex;
      flex-direction: row-reverse;
      margin-top: 32px
    }

    @media (max-width:512px) {
      .facebook_permissions-module_buttonsContainer__kkonX {
        flex-direction: column
      }

      .facebook_permissions-module_buttonsContainer__kkonX>:not(:last-child) {
        margin-bottom: 8px
      }
    }

    .default-module_checkboxContainer__MjO-s {
      align-items: flex-start;
      display: flex
    }

    .default-module_disabled__TWzzd {
      cursor: not-allowed;
      opacity: 1%
    }

    .default-module_disabled__TWzzd .default-module_checkbox__wo8B5 {
      cursor: not-allowed
    }

    .default-module_checkbox__wo8B5 {
      -webkit-appearance: none;
      appearance: none;
      background-color: #f9faff;
      border: 1.5px solid #9fa6bf;
      border-radius: 2px;
      flex: 0 0 16px;
      height: 16px;
      margin-right: 8px;
      position: relative;
      width: 16px
    }

    .default-module_checkbox__wo8B5:checked {
      background: #4a6ee0 50%/contain no-repeat url("data:image/svg+xml;utf8,<svg width='7' height='4' viewBox='0 0 12 9' fill='none' xmlns='svg.html'><path d='M1 4L4.5 7.5L11 1' stroke='white' stroke-width='2'/></svg>");
      border: none
    }

    .grammarly-module_termsCheckboxContainer__MlVrI {
      border: 1px solid transparent;
      border-radius: 4px;
      box-sizing: border-box;
      margin: 0 -8px;
      padding: 8px;
      transition: all .2s
    }

    .grammarly-module_termsCheckboxContainer__MlVrI.grammarly-module_highlight__bcHVN {
      background: #edf5ff
    }

    .grammarly-module_termsCheckboxContainer__MlVrI.grammarly-module_highlightHover__3HkIe {
      background: #dbebff;
      border-color: #99c2ff
    }

    .explicit_terms_of_service-module_modalContainer__tmTgL {
      background: #fff;
      max-width: 530px;
      padding: 32px
    }

    .explicit_terms_of_service-module_buttonsContainer__MB0y1 {
      display: flex;
      flex-direction: row-reverse;
      margin-top: 32px
    }

    .explicit_terms_of_service-module_buttonsContainer__MB0y1>:last-child {
      margin-right: 8px
    }

    @media (max-width:512px) {
      .explicit_terms_of_service-module_buttonsContainer__MB0y1 {
        flex-direction: column
      }

      .explicit_terms_of_service-module_buttonsContainer__MB0y1>:not(:last-child) {
        margin-bottom: 8px
      }
    }

    .explicit_terms_of_service-module_tosContainer__-Dy97 {
      margin-bottom: 16px;
      text-align: left
    }

    .base-module_mainContainer__IS7Z5 {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      font-family: Glyph, sans-serif
    }

    .base-module_titleContainer__h1Yue {
      display: flex;
      flex-direction: column;
      margin-bottom: 24px;
      width: 100%
    }

    .base-module_headingAndLinkContainer__eijiA {
      align-items: center;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between
    }

    .base-module_headingAndLinkContainer__eijiA.base-module_stacked__Up-EF {
      align-items: flex-start;
      flex-direction: column
    }

    .base-module_headingAndLinkContainer__eijiA.base-module_stacked__Up-EF>:first-child {
      margin-bottom: 4px
    }

    .form-module_formContainer__2m9FA {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      font-family: Glyph, sans-serif
    }

    .validation-module_resetPassword__EHL3p {
      color: inherit;
      text-decoration: underline
    }

    .social-module_socialContainer__YK5Ip {
      display: flex;
      flex-direction: column;
      font-family: Glyph, sans-serif
    }

    .social-module_socialButtonsContainer__mIziK {
      display: flex;
      flex-direction: column;
      list-style: none;
      list-style-type: none;
      margin: 0;
      padding: 0
    }

    .social-module_socialButtonsContainer__mIziK>li {
      width: 100%
    }

    .social-module_socialButtonsContainer__mIziK>li:not(:first-child) {
      margin-top: 8px
    }

    .social-module_socialButtonsContainer__mIziK>li>button {
      width: 100%
    }

    .social-module_socialButtonsTileContainer__6O1UI {
      align-items: center;
      align-self: stretch;
      display: flex;
      flex-direction: row;
      gap: 8px;
      list-style: none;
      list-style-type: none;
      margin: 0;
      padding: 0
    }

    .social-module_socialButtonsTileContainer__6O1UI>li {
      flex: 1 0 0
    }

    .social-module_socialButtonsTileContainer__6O1UI>li>button {
      width: 100%
    }

    .social-module_socialButtonTile__a-35G {
      align-items: center;
      display: flex;
      flex: 1 0 0;
      flex-direction: column;
      gap: 6px;
      height: auto;
      justify-content: center;
      min-height: 72px;
      padding: 12px 8px 4px
    }

    .social-module_socialButtonTile__a-35G>span {
      margin: 0;
      text-align: center
    }

    .social-module_socialButtonTile__a-35G>svg {
      margin-top: -4px
    }

    .signin_link-module_container__gbFtF {
      align-items: center;
      display: flex;
      flex-direction: row;
      height: 32px;
      justify-content: center
    }

    .signin_link-module_container__gbFtF a {
      margin-right: 8px;
      text-decoration: none
    }

    .signup-module_field__KGB-p,
    .signup-module_textFieldsContainer__GjzSY {
      margin-bottom: 8px
    }

    .signup-module_extraFieldsContainer__jJkfI {
      height: 0;
      max-height: 0;
      transition: max-height 1s;
      visibility: hidden
    }

    .signup-module_extraFieldsContainer__jJkfI.signup-module_show__YlZFb {
      height: auto;
      max-height: 300px;
      visibility: visible
    }

    .signup-module_checkboxesContainer__bN-BK {
      margin-bottom: 16px
    }

    .signup-module_termsCheckboxContainer__4R8Iy {
      background: #edf5ff;
      border: 1px solid transparent;
      border-radius: 4px;
      transition: all .2s
    }

    .signup-module_termsCheckboxContainer__4R8Iy.signup-module_highlight__YPfHo {
      background: #dbebff;
      border-color: #99c2ff
    }

    .signup-module_noOutline__X9zVL {
      outline: none
    }

    .signup-module_orDividerContainer__3MyyJ {
      align-items: center;
      display: flex;
      gap: 1rem
    }

    .signup-module_dashedLineContainer__golQc {
      flex: 1
    }

    .signup-module_dashedLine__y9FCp {
      display: block;
      width: 100%
    }

    .signup-module_OrText__NVP19 {
      color: #4d536e;
      font-family: Inter, sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 21px
    }

    .troubleshoot_link-module_troubleshootLinkContainer__VzlWA {
      display: flex;
      justify-content: center
    }

    .troubleshoot_link-module_troubleshootLink__Y0LUK {
      color: #6d758d;
      font-size: 14px;
      line-height: 22px;
      text-decoration: underline
    }

    .default-module_noOutline__NUC9H {
      outline: none
    }

    .forgot_email-module_list__zBRjz {
      margin-bottom: 0;
      padding-left: 16px
    }

    .forgot_email-module_list__zBRjz li {
      margin-bottom: 16px
    }

    .forgot_email-module_resetPassword__a5ZO4 {
      color: #4a6ee0;
      text-decoration: underline
    }

    .forgot_email-module_noOutline__hoesc {
      outline: none
    }

    .loader-module_container__8zdgw {
      align-items: center;
      display: flex;
      justify-content: center;
      width: 100%
    }

    .loader-module_preloader__6I6K1 {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' viewBox='-7 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 2c11.046 0 20 8.954 20 20s-8.954 20-20 20-20-8.954-20-20S3.954 2 15 2z' stroke='%2315C39A' stroke-width='3' fill='none' stroke-dasharray='77.00000166893005,3168.000068664551' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      height: 45px;
      width: 45px
    }

    .loader-module_preloader__6I6K1,
    .loader-module_spinnerAnimation__YKHq4 {
      animation: loader-module_spin__3nf0A 1.5s linear infinite;
      display: inline-block
    }

    @-moz-keyframes loader-module_spin__3nf0A {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    @-webkit-keyframes loader-module_spin__3nf0A {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    @-o-keyframes loader-module_spin__3nf0A {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    @keyframes loader-module_spin__3nf0A {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    .captcha-module_captchaButtonWrapper__pplVZ {
      align-items: center;
      display: flex;
      height: 305px;
      justify-content: center
    }

    .captcha-module_noOutline__MhzRx {
      outline: none
    }

    .signin-module_textFieldsContainer__Hy9dq {
      margin-bottom: 16px
    }

    .signin-module_passwordContainer__EzfyN {
      max-height: 0;
      transition: max-height 1s;
      visibility: hidden
    }

    .signin-module_passwordContainer__EzfyN.signin-module_show__6-aXf {
      height: auto;
      max-height: 100px;
      visibility: visible
    }

    .signin-module_passwordContainer__EzfyN>:first-child {
      padding-top: 8px
    }

    .signin-module_socialFirstTerms__WcxVC {
      text-align: center
    }

    .signin-module_noOutline__50kPn {
      outline: none
    }

    .signin-module_ssoButtonContainer__u8feF {
      font-family: Glyph, sans-serif
    }

    .signin-module_ssoButton__wdUkr {
      width: 100%
    }

    .index_textEmail__dZJBA {
      word-break: break-word
    }

    .default_text_area-module_inputAndPlaceholderContainer__HmBxO {
      position: relative
    }

    .default_text_area-module_inputAndSuffixContainer__q45Og {
      border: 1px solid #e7e9f5;
      border-radius: 4px;
      display: flex;
      width: 100%
    }

    .default_text_area-module_input__fUuyf {
      border-radius: 4px;
      flex: 1;
      padding: 16px 12px 0
    }

    .default_text_area-module_label__vG4dm {
      color: #4d536e;
      font-size: 14px;
      left: 12px;
      line-height: 21px;
      pointer-events: none;
      position: absolute;
      top: 13px;
      transition: font .2s, top .2s
    }

    .default_text_area-module_label__vG4dm.default_text_area-module_minimized__r-WMB {
      font-size: 11px;
      left: 12px;
      line-height: 13px;
      top: 5px
    }

    .default_text_area-module_messageContainer__OZaQM {
      max-height: 0;
      transition: max-height .5s;
      visibility: hidden
    }

    .default_text_area-module_messageContainer__OZaQM.default_text_area-module_show__RmLia {
      height: auto;
      max-height: 40px;
      visibility: visible
    }

    .default_text_area-module_messageContainer__OZaQM .default_text_area-module_message__-c-fw {
      color: #6d758d;
      font-size: 11px;
      line-height: 16px;
      padding: 4px 12px 0
    }

    .default_text_area-module_error__J6iLh .default_text_area-module_inputAndSuffixContainer__q45Og {
      border: 1px solid #ea1537
    }

    .default_text_area-module_error__J6iLh .default_text_area-module_message__-c-fw {
      color: #ea1537
    }

    .mode_list-module_method__3Wiwn {
      align-items: center;
      border-top: 1px solid #e7e9f5;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 20px 0
    }

    .mode_list-module_iconWrapper__Z0cM8 {
      align-items: center;
      align-self: start;
      display: flex;
      flex-basis: 40px;
      flex-grow: 0;
      flex-shrink: 0
    }

    .mode_list-module_methodInfo__xtSVL {
      width: 80%
    }

    .mode_list-module_disabledMethod__K9KX1 {
      color: #9fa6bf
    }

    .mode_list-module_phoneNumber__xa-rT {
      font-variant-ligatures: none
    }

    .mode_list-module_mfaMethodsList__wKpYF {
      padding: 0
    }

    .base-module_tooltip__voYXG {
      background-color: #4d536e;
      border-radius: 7px;
      color: #fff;
      font-size: 12px;
      line-height: 16px;
      margin-top: 0;
      opacity: 0;
      padding: 10px 12px;
      position: absolute;
      transition: opacity .2s ease-in-out;
      visibility: hidden;
      width: 100%;
      z-index: 20
    }

    .base-module_tooltip__voYXG.base-module_visible__-d6hT {
      opacity: 1;
      transition: opacity .2s ease-in-out;
      visibility: visible
    }

    .base-module_tooltipContainer__d3vA0 {
      display: inline-block
    }

    .base-module_tooltipArrow__yCq38 {
      border-color: transparent;
      border-style: solid;
      left: 50%;
      margin-left: -10px;
      position: absolute
    }

    .base-module_tooltipTrigger__20Xxv {
      cursor: pointer;
      position: relative
    }

    .base-module_placementTop__m-kcR {
      bottom: calc(100% + 12px)
    }

    .base-module_placementTop__m-kcR .base-module_tooltipArrow__yCq38 {
      border-top-color: #4d536e;
      border-width: 10px 10px 0;
      top: 100%
    }

    .base-module_placementBottom__pzMwS {
      top: calc(100% + 12px)
    }

    .base-module_placementBottom__pzMwS .base-module_tooltipArrow__yCq38 {
      border-bottom-color: #4d536e;
      border-width: 0 10px 10px;
      margin-top: -10px;
      top: 0
    }

    .mfa-module_container__25CwF {
      display: flex;
      flex-direction: column
    }

    .mfa-module_containerCenter__pcvaq {
      display: flex;
      justify-content: center
    }

    .mfa-module_emailLabel__wyPdw {
      display: inline-block;
      margin-right: 5px;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .mfa-module_illustrationWrapper__rg7iC {
      display: flex;
      justify-content: center;
      text-align: center
    }

    .mfa-module_mfaIllustration__nE0R1 {
      height: 93px
    }

    .mfa-module_backupIllustration__fwVFR {
      height: 96px
    }

    .mfa-module_resendableMode__-zC2m {
      display: block;
      font-variant-ligatures: none;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .mfa-module_links__4UfbP {
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin-top: 20px;
      text-align: center
    }

    .mfa-module_link__SpwxL {
      color: #4a6ee0
    }

    .mfa-module_resendCodeWrapper__5WWUu {
      display: flex;
      position: relative
    }

    .mfa-module_progress__aZYad {
      align-items: center;
      display: flex;
      justify-content: center;
      left: -25px;
      position: absolute;
      top: 3px
    }

    .mfa-module_hide__jJb0S {
      display: none
    }

    .mfa-module_disabledLink__ktX4i {
      color: #a6adc9;
      cursor: pointer
    }

    .mfa-module_disabledLink__ktX4i:hover+.mfa-module_tooltip__cTSP- {
      opacity: 1;
      visibility: visible
    }

    .mfa-module_errorWrapper__DkN89 {
      position: relative;
      width: 100%
    }

    .mfa-module_errorWrapper__DkN89 .mfa-module_errorMessage__zLO2p {
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: -5px
    }

    .mfa-module_input__RMajP {
      border: 1px solid #e4e6f2;
      border-radius: 3px;
      color: #1c1e29;
      height: 48px;
      margin: 20px 0 10px;
      outline: none;
      padding: 10px;
      width: 100%
    }

    .mfa-module_input__RMajP::placeholder {
      color: #c6cbde
    }

    .mfa-module_noOutline__NYgXp {
      outline: none
    }

    .input_code-module_input__jqKRo {
      font: normal 400 32px/45px AkkuratPro, sans-serif;
      letter-spacing: -.2px
    }

    .input_code-module_container__nfhtN {
      display: flex;
      flex-direction: row;
      margin: 18px 0 10px
    }

    .input_code-module_input__jqKRo {
      -webkit-appearance: none;
      -webkit-box-shadow: none;
      border: 1px solid #e4e6f2;
      border-radius: 3px;
      box-shadow: none;
      color: #1c1e29;
      height: 50px;
      margin-right: 10px;
      outline: none;
      padding: 0;
      size: 40px 50px;
      text-align: center;
      width: 40px
    }

    .input_code-module_input__jqKRo:last-child {
      margin-right: 0
    }

    .input_code-module_third__GIYqy {
      margin-right: 20px
    }

    .signup_email_verification-module_container__8ZjMC {
      display: flex;
      flex-direction: column
    }

    .signup_email_verification-module_containerCenter__L1WBG {
      display: flex;
      justify-content: center
    }

    .signup_email_verification-module_emailLabel__PFWcB {
      display: inline-block;
      margin-right: 5px;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .signup_email_verification-module_illustration__j--2k {
      display: flex;
      justify-content: center;
      text-align: center
    }

    .signup_email_verification-module_illustration__j--2k svg {
      height: 93px
    }

    .signup_email_verification-module_resendableMode__fBA8I {
      display: block;
      font-variant-ligatures: none;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .signup_email_verification-module_progress__JiF1K {
      align-items: center;
      display: flex;
      justify-content: center;
      left: -25px;
      position: absolute;
      top: 3px
    }

    .signup_email_verification-module_hide__jSinn {
      display: none
    }

    .signup_email_verification-module_disabledLink__x0zbS {
      color: #9fa6bf;
      cursor: pointer
    }

    .signup_email_verification-module_disabledLink__x0zbS:hover+.signup_email_verification-module_tooltip__Z0VJU {
      opacity: 1;
      visibility: visible
    }

    .signup_email_verification-module_input__-fZWF {
      border: 1px solid #e7e9f5;
      border-radius: 3px;
      color: #1f243c;
      height: 48px;
      margin: 20px 0 10px;
      outline: none;
      padding: 10px;
      width: 100%
    }

    .signup_email_verification-module_input__-fZWF::placeholder {
      color: #c6cbde
    }

    .signup_email_verification-module_backButton__hBhI4 {
      align-items: center;
      display: flex;
      justify-content: space-between;
      width: 50px
    }

    .signup_email_verification-module_dividerContainer__oTFh8 {
      align-items: center;
      display: flex
    }

    .signup_email_verification-module_dividerContainer__oTFh8 hr {
      background-color: #e7e9f5;
      border-width: 0;
      color: #e7e9f5;
      height: 1px;
      margin: 0;
      width: 100%
    }

    .signup_email_verification-module_or__8S7jY {
      color: #6d758d;
      font-size: 10px;
      line-height: 16px;
      margin: 0 8px;
      text-transform: uppercase
    }

    .interactive_link-module_linkWrapper__Rbodw {
      align-items: center;
      display: flex
    }

    .resend_verification-module_links__AOYfL {
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin-top: 20px;
      text-align: center
    }

    .resend_verification-module_resendCodeWrapper__K7f4- {
      display: flex;
      position: relative
    }

    .resend_verification-module_contactSupport__ROtgj {
      display: flex
    }

    .index_noOutline__ZNf8b {
      outline: none
    }

    .ButtonGroup-module_list__TZkAo {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%
    }

    .ButtonGroup-module_listItem__ckp4N {
      align-items: center;
      background: none;
      border: none;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      padding: var(--space-4);
      position: relative;
      width: 100%;
      z-index: 1
    }

    .ButtonGroup-module_listItem__ckp4N:focus-visible {
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: 2px;
      z-index: 1000
    }

    .ButtonGroup-module_classic__hkLZo .ButtonGroup-module_listItem__ckp4N {
      background-color: #fafafa;
      border-bottom: 1px solid var(--color-border-base-subdued)
    }

    .ButtonGroup-module_classic__hkLZo .ButtonGroup-module_listItem__ckp4N:first-child {
      border-top-left-radius: var(--radius-2);
      border-top-right-radius: var(--radius-2)
    }

    .ButtonGroup-module_classic__hkLZo .ButtonGroup-module_listItem__ckp4N:last-child {
      border-bottom: none;
      border-bottom-left-radius: var(--radius-2);
      border-bottom-right-radius: var(--radius-2)
    }

    .ButtonGroup-module_classic__hkLZo .ButtonGroup-module_listItem__ckp4N:hover {
      background-color: #ededed
    }

    .ButtonGroup-module_modern__qpcJF .ButtonGroup-module_listItem__ckp4N {
      display: block
    }

    .ButtonGroup-module_modern__qpcJF .ButtonGroup-module_listItem__ckp4N:before {
      border-bottom: 1px solid var(--color-border-base-subdued);
      bottom: -1px;
      content: "";
      left: 0;
      opacity: 1;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1
    }

    .ButtonGroup-module_modern__qpcJF .ButtonGroup-module_listItem__ckp4N:hover:before {
      background-color: var(--color-background-base-subdued);
      left: -32px;
      right: -32px
    }

    .ButtonGroup-module_modern__qpcJF .ButtonGroup-module_listItem__ckp4N:hover:not(:first-child):before {
      border-top: 1px solid var(--color-border-base-subdued)
    }

    .ButtonGroup-module_modern__qpcJF .ButtonGroup-module_listItem__ckp4N:last-child:before {
      border-bottom: none
    }

    .ButtonGroup-module_icon__AMm0O {
      align-items: center;
      display: flex;
      margin-left: auto
    }

    .index_textEmail__p2ZNO {
      word-break: break-word
    }

    .enterprise-module_brandingLinks__0bYFw {
      color: #9fa6bf
    }

    .enterprise-module_hide__u3P5o {
      visibility: hidden
    }

    .index-module_alertContainer__VGXA- {
      align-items: stretch;
      display: flex;
      flex-direction: column;
      height: 250px;
      padding: 24px;
      width: 100%
    }

    .index-module_container__Cimek {
      align-items: center;
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      justify-content: center;
      width: 100%
    }

    .embed-module_iframe__VQx-5 {
      background: transparent;
      border: 0;
      height: 100%;
      margin: 0;
      outline: none;
      transition: height .3s;
      width: 100%
    }

    .size_observer-module_iframe__22yGM {
      border: none;
      bottom: 0;
      height: 100%;
      left: 0;
      opacity: 0;
      outline: none;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%
    }

    .google_one_tap-module_googleOneTapContainer__ZP3Op {
      position: fixed;
      right: 20px;
      top: 20px;
      z-index: 9999
    }

    .google_one_tap-module_termsModal__r5jjR {
      background: #fff;
      border: 1px solid #dadce0;
      border-radius: 8px;
      width: 391px
    }

    @media (max-width:768px) {
      .google_one_tap-module_termsModal__r5jjR {
        bottom: 0;
        right: unset;
        top: unset;
        width: 100%
      }
    }

    .google_one_tap-module_termsModalHeader__YZrrt {
      align-items: center;
      display: flex;
      justify-content: space-between;
      padding: 16px 24px
    }

    .google_one_tap-module_termsModalBody__yoZK6 {
      border-top: 1px solid #dadce0;
      display: flex;
      flex-direction: column;
      padding: 16px 24px
    }

    .google_one_tap-module_closeButton__Z50QG {
      background: none;
      border: none;
      cursor: pointer;
      padding: 0
    }

    .with_border-module_container__l-mTn {
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 12px 48px rgba(26, 33, 52, .11);
      max-width: 460px;
      min-width: 320px;
      padding: 32px;
      width: 100%
    }

    @media (max-width:512px) {
      .with_border-module_container__l-mTn {
        border-radius: 0;
        max-width: unset
      }
    }

    .oauth_consent-module_emailLabel__f8Tty {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .index-module_container__b-7A6,
    .index-module_container__MW1ou {
      align-items: center;
      display: flex;
      flex-direction: column
    }

    .index-module_logosContainer__Nkxfi {
      align-items: center;
      display: flex;
      flex-direction: row
    }

    .index-module_partnerPlaceholderIcon__L9Yu2 {
      border: 2px solid #edf5ff;
      border-radius: 5px;
      color: #4d536e;
      font-size: 35px;
      height: 56px;
      line-height: 54px;
      text-align: center;
      width: 56px
    }

    .index-module_partnerLogoIconImg__504b4 {
      border-radius: 5px;
      height: 56px;
      object-fit: fill;
      width: 56px
    }

    .positive-module_container__4V3cv {
      margin: 0;
      padding: 0
    }

    .positive-module_item__eBPj3 {
      list-style-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.889L4.077 8 11 1' stroke='%2311A683' stroke-linecap='round'/%3E%3C/svg%3E");
      margin-left: 24px;
      padding: 4px
    }

    .negative-module_container__Uja5y {
      margin: 0;
      padding: 0
    }

    .negative-module_item__VvLw6 {
      list-style-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4m4 4L5 5m0 0l4-4M5 5L1 9' stroke='%23CE1331' stroke-linecap='round'/%3E%3C/svg%3E");
      margin-left: 24px;
      padding: 4px
    }

    .index-module_scopes__-LIdW {
      flex: 1;
      width: 100%
    }

    .index-module_link__LbCnf {
      color: #4a6ee0
    }

    .index-module_ctaContainer__PgRG- {
      display: flex;
      justify-content: center
    }

    .index-module_lineSeparator__InI1O {
      border: none;
      border-top: 1px solid #e7e9f5
    }

    .app_verification-module_appVerification__jxMWr {
      border: 1px solid #cecece;
      border-radius: 4px;
      color: #4f4f4f;
      overflow-wrap: break-word;
      padding: 5px 10px
    }

    .app_verification-module_appLink__ABvDT {
      color: #2551da;
      text-decoration: none
    }

    .index-module_container__6MxPI {
      align-items: center;
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      justify-content: center;
      max-width: 544px;
      width: 100%
    }

    .index-module_footer__t4DnA {
      padding: 32px;
      width: 100%
    }

    .default-module_openAppWrapper__t6q-2 {
      align-items: center;
      display: flex;
      flex-direction: column
    }

    .shared-module_form__HBJIi {
      box-shadow: 0 5px 5px 0 rgba(154, 160, 185, .05), 0 5px 30px 0 rgba(166, 173, 201, .22)
    }

    .shared-module_gradientLine__m1GU1 {
      background-image: linear-gradient(-71deg, #4a6ee0, #15c39a 95%)
    }

    .shared-module_wrapper__UX8J2 {
      max-width: 460px;
      min-width: 320px;
      text-align: center;
      width: 100%
    }

    .shared-module_form__HBJIi {
      border-radius: 8px;
      flex: 1 1 auto;
      position: relative
    }

    .shared-module_gradientLine__m1GU1 {
      border-radius: 8px 8px 0 0;
      height: 6px;
      width: 100%
    }

    .shared-module_content__ByBqs {
      align-items: stretch;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      padding: 24px
    }

    .shared-module_signinLink__9wKnS {
      color: #4a6ee0;
      cursor: pointer;
      text-decoration: none
    }

    .copy_block-module_wrapper__J0nqm {
      display: flex;
      flex-direction: row
    }

    .copy_block-module_key_input__1QzSF {
      border: 1px solid #e7e9f5;
      border-radius: 4px;
      color: #6d758d;
      flex: 1 1 auto;
      font-size: 14px;
      line-height: 21px;
      padding: 8px
    }

    .copy_block-module_key_input__1QzSF:focus {
      border: 1px solid #e7e9f5;
      outline: none
    }
  </style>
  <style data-href="https://static.grammarly.com/assets/styles/329edf2b1a0c97202878v1/main.css">
    @font-face {
      font-display: swap;
      font-family: Glyph;
      font-style: normal;
      font-weight: 400;
      src: url(images/glyph-regular.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Glyph;
      font-style: normal;
      font-weight: 500;
      src: url(https://static-web.grammarly.com/shared/fonts/glyph-medium.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Glyph;
      font-style: normal;
      font-weight: 700;
      src: url(https://static-web.grammarly.com/shared/fonts/glyph-bold.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Matter;
      font-style: normal;
      font-weight: 670;
      src: url(https://static-web.grammarly.com/shared/fonts/matter-semi-bold.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Matter;
      font-style: normal;
      font-weight: 570;
      src: url(https://static-web.grammarly.com/shared/fonts/matter-medium.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: ProximaNova;
      font-weight: 500;
      src: url(https://static.grammarly.com/assets/files/31d4dbe35637aac0564af804dd057949/proxima-nova-soft-semibold.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: ProximaNova;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/212db03ed70421bfb6651f682f37ffd6/proxima-nova-soft-regular.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: AkkuratPro-Light;
      font-style: normal;
      font-weight: 100;
      src: url(https://static.grammarly.com/assets/files/7c6a95bf9615c2d3738a75f8300cf19d/akkurat-light.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: AkkuratPro-Light;
      font-style: italic;
      font-weight: 100;
      src: url(https://static.grammarly.com/assets/files/f5dd58886388ad0d01a50f09f36bc4ec/akkurat-lightitalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: AkkuratPro;
      font-style: normal;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/29e757590a24815b6170ac2fafab050d/akkurat-regular.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: AkkuratPro;
      font-style: italic;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/1b7b4e1809caeb3c525d42b50f3c8c94/akkurat-italic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: AkkuratPro;
      font-style: normal;
      font-weight: 700;
      src: url(https://static.grammarly.com/assets/files/98b3f0b5cff5d8fcaaa28cf31371a183/akkurat-bold.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: AkkuratPro;
      font-style: italic;
      font-weight: 700;
      src: url(https://static.grammarly.com/assets/files/9394657766c1e5147eeed52ce1466d74/akkurat-bolditalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 100;
      src: url(https://static.grammarly.com/assets/files/9e3124cb85516646a4654757c5c2f125/Inter-Thin-BETA.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: italic;
      font-weight: 100;
      src: url(https://static.grammarly.com/assets/files/1069fd9871e848b54e930e4771839ebd/Inter-ThinItalic-BETA.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 200;
      src: url(https://static.grammarly.com/assets/files/e077c15e5c2d5f9e70e7c537e6f87c52/Inter-ExtraLight-BETA.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: italic;
      font-weight: 200;
      src: url(https://static.grammarly.com/assets/files/98d59f4e6d4228ba696516c5717c1cb9/Inter-ExtraLightItalic-BETA.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 300;
      src: url(https://static.grammarly.com/assets/files/7f67ab6aeebccf32e1fdc69b4b9a01de/Inter-Light-BETA.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: italic;
      font-weight: 300;
      src: url(https://static.grammarly.com/assets/files/eabe5d072b56b38a23c37e1b991c215d/Inter-LightItalic-BETA.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/55c843b0b146c9d1db049e4751172fe1/Inter-Regular.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: italic;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/c93e619c54ac4d58a06e3deb35b1724a/Inter-Italic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 500;
      src: url(https://static.grammarly.com/assets/files/28aa0d261b04149285b4ec9850b7ae97/Inter-Medium.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: italic;
      font-weight: 500;
      src: url(https://static.grammarly.com/assets/files/c85c7276ae2b89bc5aadf1b1cb256291/Inter-MediumItalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 600;
      src: url(https://static.grammarly.com/assets/files/29ffb154034cf8fa1cec51557410cd9c/Inter-SemiBold.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: italic;
      font-weight: 600;
      src: url(https://static.grammarly.com/assets/files/f16075d6b7a83fcf59912b1b1aa716e3/Inter-SemiBoldItalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 700;
      src: url(https://static.grammarly.com/assets/files/2126cfb653b81bad8401da0a98c6bd25/Inter-Bold.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: italic;
      font-weight: 700;
      src: url(https://static.grammarly.com/assets/files/d5e790be1041e248afed3159b60a25a8/Inter-BoldItalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 800;
      src: url(https://static.grammarly.com/assets/files/d0fd9c08d2b44835955362c62856afaa/Inter-ExtraBold.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: italic;
      font-weight: 800;
      src: url(https://static.grammarly.com/assets/files/9ae74c8dc9ad0ddc874c9af9b7bb96ac/Inter-ExtraBoldItalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: normal;
      font-weight: 900;
      src: url(https://static.grammarly.com/assets/files/24af3021b18bdaa5c0edd079259e887d/Inter-Black.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: Inter;
      font-style: italic;
      font-weight: 900;
      src: url(https://static.grammarly.com/assets/files/f0844cf1cccc5f8ab4ddb8c3cf66cf5c/Inter-BlackItalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "GrammarlySerif";
      font-style: normal;
      font-weight: 300;
      src: url(https://static.grammarly.com/assets/files/b657184b56f2c20730106ef104604070/GrammarlySerif-Light.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "GrammarlySerif";
      font-style: italic;
      font-weight: 300;
      src: url(https://static.grammarly.com/assets/files/0f502f8abac2986f10ee52bd325a41f8/GrammarlySerif-LightItalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "GrammarlySerif";
      font-style: normal;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/ba6b39cd586f6525d3f6df128a75d9f9/GrammarlySerif-Regular.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "GrammarlySerif";
      font-style: italic;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/63ba799d81b9a06e74667b0fc02a5563/GrammarlySerif-Italic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "GrammarlySerif";
      font-style: normal;
      font-weight: 700;
      src: url(https://static.grammarly.com/assets/files/758bbac79bb93f76453588cb3268f97b/GrammarlySerif-Bold.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: "GrammarlySerif";
      font-style: italic;
      font-weight: 700;
      src: url(https://static.grammarly.com/assets/files/53efc8cc83a0a5414c914099eaab82f8/GrammarlySerif-BoldItalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: GrammarlySans;
      font-style: normal;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/70e63e565a372a81be3d67f860b2607e/GrammarlySans-Regular.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: GrammarlySans;
      font-style: italic;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/26b70d2e527cd70aa2643c054b5e6b00/GrammarlySans-Italic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: GrammarlySans;
      font-style: normal;
      font-weight: 500;
      src: url(https://static.grammarly.com/assets/files/25f1986147a282142f89d76aee63e92c/GrammarlySans-Medium.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: GrammarlySans;
      font-style: italic;
      font-weight: 500;
      src: url(https://static.grammarly.com/assets/files/8b68c27b8f8173bc46aa87c4ed30983c/GrammarlySans-MediumItalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: GrammarlySans;
      font-style: normal;
      font-weight: 700;
      src: url(https://static.grammarly.com/assets/files/093cadefa78f668efe1b0cc7e3b89ee9/GrammarlySans-Bold.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: GrammarlySans;
      font-style: italic;
      font-weight: 700;
      src: url(https://static.grammarly.com/assets/files/2ae1fa73eafba768fbd41c3827416360/GrammarlySans-BoldItalic.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: GrammarlyProduct;
      font-style: normal;
      font-weight: 400;
      src: url(https://static.grammarly.com/assets/files/1700cc5c5c65844ddc63026a84773cab/GrammarlyProduct-Regular.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: GrammarlyProduct;
      font-style: normal;
      font-weight: 500;
      src: url(https://static.grammarly.com/assets/files/b6cb5f7a8f36dd2ce986bdf8c4cd48d4/GrammarlyProduct-Medium.woff2) format("woff2")
    }

    @font-face {
      font-display: swap;
      font-family: GrammarlyProduct;
      font-style: normal;
      font-weight: 700;
      src: url(https://static.grammarly.com/assets/files/a99245a221a8049c7592df0d6dc7ade5/GrammarlyProduct-Bold.woff2) format("woff2")
    }

    html {
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      font-family: sans-serif
    }

    body {
      margin: 0
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    main,
    menu,
    nav,
    section,
    summary {
      display: block
    }

    audio,
    canvas,
    progress,
    video {
      display: inline-block
    }

    audio:not([controls]) {
      display: none;
      height: 0
    }

    progress {
      vertical-align: baseline
    }

    [hidden],
    template {
      display: none
    }

    a {
      -webkit-text-decoration-skip: objects;
      background-color: transparent
    }

    a:active,
    a:hover {
      outline-width: 0
    }

    abbr[title] {
      border-bottom: none;
      text-decoration: underline;
      text-decoration: underline dotted
    }

    b,
    strong {
      font-weight: inherit;
      font-weight: bolder
    }

    dfn {
      font-style: italic
    }

    h1 {
      font-size: 2em;
      margin: .67em 0
    }

    mark {
      background-color: #ff0;
      color: #000
    }

    small {
      font-size: 80%
    }

    sub,
    sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
    }

    sub {
      bottom: -.25em
    }

    sup {
      top: -.5em
    }

    img {
      border-style: none
    }

    svg:not(:root) {
      overflow: hidden
    }

    code,
    kbd,
    pre,
    samp {
      font-family: monospace, monospace;
      font-size: 1em
    }

    figure {
      margin: 1em 40px
    }

    hr {
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      height: 0;
      overflow: visible
    }

    button,
    input,
    select,
    textarea {
      font: inherit;
      margin: 0
    }

    optgroup {
      font-weight: 700
    }

    button,
    input {
      overflow: visible
    }

    button,
    select {
      text-transform: none
    }

    [type=reset],
    [type=submit],
    button,
    html [type=button] {
      -webkit-appearance: button
    }

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
      border-style: none;
      padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
      outline: 1px dotted ButtonText
    }

    fieldset {
      border: 1px solid silver;
      margin: 0 2px;
      padding: .35em .625em .75em
    }

    legend {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: inherit;
      display: table;
      max-width: 100%;
      padding: 0;
      white-space: normal
    }

    textarea {
      overflow: auto
    }

    [type=checkbox],
    [type=radio] {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0
    }

    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
      height: auto
    }

    [type=search] {
      -webkit-appearance: textfield;
      outline-offset: -2px
    }

    [type=search]::-webkit-search-cancel-button,
    [type=search]::-webkit-search-decoration {
      -webkit-appearance: none
    }

    ::-webkit-input-placeholder {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)";
      color: inherit;
      filter: alpha(opacity=54);
      opacity: .54
    }

    ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit
    }

    * {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    body {
      -webkit-font-smoothing: antialiased;
      font-family: Glyph, sans-serif
    }

    body,
    html {
      height: 100%
    }

    #page,
    #page>div {
      height: 100%
    }

    body>img[role=none] {
      display: none
    }

    ._2HcMy-h5,
    ._3Go7V-h6,
    ._3PdWA-h4,
    ._3z4gJ-h3,
    ._3zjMM-h1,
    ._25cDL-headerCommon,
    .FsLTt-h2,
    h1._3zjMM-h1,
    h2.FsLTt-h2,
    h3._3z4gJ-h3,
    h4._3PdWA-h4,
    h5._2HcMy-h5,
    h6._3Go7V-h6 {
      font-family: Matter, sans-serif;
      font-style: normal;
      font-weight: 700;
      margin: 0
    }

    ._1_z68-large,
    ._1Dcp3-small,
    ._1ohL3-lead,
    ._2SubB-textCommon,
    ._2VZtQ-xsmall,
    ._3Lr_W-paragraph,
    .boSFt-medium {
      font-family: Glyph, sans-serif;
      font-style: normal;
      font-weight: 400;
      margin: 0
    }

    ._3zjMM-h1,
    h1._3zjMM-h1 {
      font-size: 42px;
      letter-spacing: -.005em;
      line-height: 52px
    }

    @media (max-width:512px) {

      ._3zjMM-h1,
      h1._3zjMM-h1 {
        font-size: 30px;
        letter-spacing: -.0025em;
        line-height: 40px
      }
    }

    .FsLTt-h2,
    h2.FsLTt-h2 {
      font-size: 29px;
      letter-spacing: -.003em;
      line-height: 38px
    }

    @media (max-width:512px) {

      .FsLTt-h2,
      h2.FsLTt-h2 {
        font-size: 24px;
        letter-spacing: -.0025em;
        line-height: 32px
      }
    }

    ._3z4gJ-h3,
    h3._3z4gJ-h3 {
      font-size: 24px;
      line-height: 32px
    }

    @media (max-width:512px) {

      ._3z4gJ-h3,
      h3._3z4gJ-h3 {
        font-size: 21px;
        line-height: 28px
      }
    }

    ._3PdWA-h4,
    h4._3PdWA-h4 {
      font-size: 18px;
      line-height: 28px
    }

    ._2HcMy-h5,
    h5._2HcMy-h5 {
      font-size: 16px;
      line-height: 24px
    }

    @media (max-width:512px) {

      ._2HcMy-h5,
      h5._2HcMy-h5 {
        font-size: 15px
      }
    }

    ._3Go7V-h6,
    h6._3Go7V-h6 {
      font-size: 14px;
      line-height: 22px
    }

    ._1ohL3-lead {
      font-size: 20px;
      line-height: 32px
    }

    @media (max-width:512px) {
      ._1ohL3-lead {
        font-size: 19px
      }
    }

    ._3Lr_W-paragraph {
      font-size: 18px;
      line-height: 32px
    }

    ._3Lr_W-paragraph._2sETg-compact {
      line-height: 28px
    }

    @media (max-width:512px) {
      ._3Lr_W-paragraph {
        line-height: 28px
      }
    }

    ._1_z68-large {
      font-size: 16px;
      line-height: 28px
    }

    ._1_z68-large._2sETg-compact {
      line-height: 24px
    }

    @media (max-width:512px) {
      ._1_z68-large {
        line-height: 26px
      }
    }

    .boSFt-medium {
      font-size: 15px;
      line-height: 24px
    }

    ._1Dcp3-small,
    .boSFt-medium._2sETg-compact {
      line-height: 22px
    }

    ._1Dcp3-small {
      font-size: 14px
    }

    ._2VZtQ-xsmall {
      font-size: 12px;
      line-height: 18px
    }

    ._2xHcR-tag {
      font-family: Glyph, sans-serif;
      font-size: 11px;
      letter-spacing: .04em;
      line-height: 16px;
      text-transform: uppercase
    }

    ._1w8s5-gdsLink {
      text-decoration: underline;
      text-decoration-skip-ink: none;
      text-decoration-thickness: 1.5px;
      text-underline-offset: .2em
    }

    ._1w8s5-gdsLink:focus-visible {
      border-radius: 3px;
      outline: 2px solid #027e6f;
      outline-offset: 2px
    }

    ._1w8s5-gdsLink:hover {
      outline: 0;
      text-decoration-thickness: 3px
    }

    ._1PYlS-gdsPrimary {
      color: #027e6f;
      text-decoration-color: #027e6f
    }

    ._1gmUS-gdsSecondary {
      color: #646b81;
      text-decoration-color: #646b81
    }

    ._1tmxc-preloader {
      -moz-animation: _2RlWG-spin 1.5s linear infinite;
      -ms-animation: _2RlWG-spin 1.5s linear infinite;
      -o-animation: _2RlWG-spin 1.5s linear infinite;
      -webkit-animation: _2RlWG-spin 1.5s linear infinite;
      animation: _2RlWG-spin 1.5s linear infinite;
      display: inline-block;
      height: 24px;
      width: 24px
    }

    @-moz-keyframes _2RlWG-spin {
      0% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      50% {
        -moz-transform: rotate(220deg);
        -ms-transform: rotate(220deg);
        -o-transform: rotate(220deg);
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg)
      }

      to {
        -moz-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
      }
    }

    @-webkit-keyframes _2RlWG-spin {
      0% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      50% {
        -moz-transform: rotate(220deg);
        -ms-transform: rotate(220deg);
        -o-transform: rotate(220deg);
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg)
      }

      to {
        -moz-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
      }
    }

    @-o-keyframes _2RlWG-spin {
      0% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      50% {
        -moz-transform: rotate(220deg);
        -ms-transform: rotate(220deg);
        -o-transform: rotate(220deg);
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg)
      }

      to {
        -moz-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
      }
    }

    @keyframes _2RlWG-spin {
      0% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      50% {
        -moz-transform: rotate(220deg);
        -ms-transform: rotate(220deg);
        -o-transform: rotate(220deg);
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg)
      }

      to {
        -moz-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
      }
    }

    ._2KvUG-loading {
      margin: auto;
      text-align: center;
      width: 70px
    }

    .zOG1I-spinner {
      -moz-animation: _19wEG-bouncedelay 1.4s infinite ease-in-out;
      -moz-animation-fill-mode: both;
      -ms-animation: _19wEG-bouncedelay 1.4s infinite ease-in-out;
      -ms-animation-fill-mode: both;
      -o-animation: _19wEG-bouncedelay 1.4s infinite ease-in-out;
      -o-animation-fill-mode: both;
      -webkit-animation: _19wEG-bouncedelay 1.4s infinite ease-in-out;
      -webkit-animation-fill-mode: both;
      animation: _19wEG-bouncedelay 1.4s infinite ease-in-out;
      animation-fill-mode: both;
      background-color: #666;
      border-radius: 100%;
      display: inline-block;
      height: 18px;
      width: 18px
    }

    ._2yXm0-white {
      background-color: #fff
    }

    ._269QD-small {
      height: 15px;
      width: 15px
    }

    ._2KUrY-loadingSpinner {
      margin: 12px auto;
      text-align: center;
      width: 70px
    }

    ._3ixwy-loadingWhite {
      margin: 2px auto
    }

    .Siwk--spinnerBounceOne {
      -moz-animation-delay: -.32s;
      -ms-animation-delay: -.32s;
      -o-animation-delay: -.32s;
      -webkit-animation-delay: -.32s;
      animation-delay: -.32s
    }

    .k1QEp-spinnerBounceTwo {
      -moz-animation-delay: -.16s;
      -ms-animation-delay: -.16s;
      -o-animation-delay: -.16s;
      -webkit-animation-delay: -.16s;
      animation-delay: -.16s
    }

    ._2WKwp-loadingFull {
      -moz-box-align: center;
      -ms-flex-align: center;
      -o-box-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      height: 100%;
      position: absolute;
      text-align: center;
      width: 100%
    }

    .r_8o8-loadingFullInner {
      margin: 0 auto
    }

    .vmfUd-loadingFullText {
      color: #666;
      font-size: 23px;
      font-weight: 300;
      line-height: 34px;
      padding-bottom: 10px;
      text-align: center
    }

    ._1mkUq-loadingFixed {
      background-color: hsla(0, 0%, 100%, .85);
      position: fixed;
      z-index: 2
    }

    @-moz-keyframes _19wEG-bouncedelay {

      0%,
      80%,
      to {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
      }

      40% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
      }
    }

    @-webkit-keyframes _19wEG-bouncedelay {

      0%,
      80%,
      to {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
      }

      40% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
      }
    }

    @-o-keyframes _19wEG-bouncedelay {

      0%,
      80%,
      to {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
      }

      40% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
      }
    }

    @keyframes _19wEG-bouncedelay {

      0%,
      80%,
      to {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
      }

      40% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
      }
    }

    ._3CNjp-userNameExperiment,
    ._3CNjp-userNameExperiment a,
    ._3CNjp-userNameExperiment span {
      font: normal 600 11px/16px AkkuratPro, sans-serif;
      letter-spacing: .9px;
      text-transform: uppercase
    }

    .dwCfd-container {
      -moz-box-align: center;
      -moz-box-lines: single;
      -moz-box-orient: horizontal;
      -ms-flex-align: center;
      -ms-flex-flow: row nowrap;
      -o-box-align: center;
      -o-box-lines: single;
      -o-box-orient: horizontal;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-lines: single;
      -webkit-box-orient: horizontal;
      -webkit-flex-flow: row nowrap;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex-flow: row nowrap
    }

    ._1Wzf0-signUp,
    ._2WpRe-navItem,
    .Qepu8-userName {
      color: #1f243c;
      cursor: pointer;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .04em;
      line-height: 16px;
      text-decoration: none;
      text-transform: uppercase
    }

    ._2WpRe-navItem {
      margin-left: 32px
    }

    ._2WpRe-navItem:first-of-type {
      margin-left: 0
    }

    .Qepu8-userName {
      cursor: auto;
      display: inline-block;
      margin-left: 3px;
      padding: 10px 25px;
      white-space: nowrap
    }

    @media (max-width:400px) {
      .Qepu8-userName {
        padding: 10px
      }
    }

    .Qepu8-userName a {
      color: #1f243c;
      text-decoration: none
    }

    ._1Wzf0-signUp {
      border: 2px solid #f0f2fc;
      border-radius: 25px;
      cursor: pointer;
      display: inline-block;
      margin-top: -2px;
      padding: 8px 25px 10px;
      text-decoration: none;
      vertical-align: middle
    }

    ._2w9N2-discount {
      font-weight: 300
    }

    ._3pYRV-white {
      color: #fff !important
    }

    @media (max-width:768px) {
      .TxlAa-hideMobile {
        display: none
      }
    }

    ._3WrAT-newHeader {
      color: #3b3e4d;
      font-size: 14px;
      letter-spacing: 0
    }

    ._3WrAT-newHeader a {
      color: #3b3e4d
    }

    ._3CNjp-userNameExperiment a,
    ._3CNjp-userNameExperiment span {
      color: #3b3e4d;
      font-weight: 600
    }

    ._1RDjE-limitWidth,
    ._18Oqm-button {
      display: inline-block
    }

    ._1RDjE-limitWidth {
      -o-text-overflow: ellipsis;
      max-width: 300px;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: bottom
    }

    ._3YIit-loginLink {
      color: inherit;
      text-decoration: inherit
    }

    ._1YhpW-splashTheme {
      color: #0e101a;
      font-size: 14px;
      font-weight: 700;
      line-height: 32px;
      text-decoration: none
    }

    ._3xvIW-topPanel {
      position: relative;
      width: 100%
    }

    ._3N84E-absolute {
      position: absolute;
      top: 0
    }

    ._2dXVl-logo {
      height: 40px;
      left: 4.3%;
      position: absolute;
      text-indent: -9999px;
      top: 33px;
      width: 171px;
      z-index: 2
    }

    ._2hcyA-fixedTopPanel {
      -webkit-box-shadow: 0 5px 5px rgba(1, 1, 1, .05);
      background: #fff;
      box-shadow: 0 5px 5px rgba(1, 1, 1, .05);
      height: 90px;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000
    }

    @media (max-width:700px) {
      ._2hcyA-fixedTopPanel {
        display: none
      }
    }

    .upk-t-fixedLogo {
      top: 23px
    }

    @media (max-width:640px) {
      ._2dXVl-logo {
        height: 28px;
        left: 15px;
        top: 23px;
        width: 120px
      }

      ._27JtP-profile {
        left: 10px;
        top: 7px
      }
    }

    ._1TH8g-content {
      left: 40%;
      position: absolute;
      top: 22px
    }

    @media (max-width:850px) {
      ._1TH8g-content {
        display: none
      }
    }

    @media (max-width:1150px) {
      .j_GBK-discount._1TH8g-content {
        display: none
      }
    }

    ._3ZDuy-right {
      font-weight: 300;
      height: 40px;
      position: absolute;
      right: 2.6%;
      top: 31px;
      z-index: 10
    }

    @media (max-width:640px) {
      ._3ZDuy-right {
        height: auto;
        right: 15px;
        top: 20px
      }
    }

    ._1TH8g-content>*,
    ._3ZDuy-right>* {
      display: inline-block
    }

    ._193BO-fixedRight {
      top: 24px
    }

    ._2RQ3_-headSub {
      color: #000;
      font-size: 27px;
      font-weight: 300;
      line-height: 36px;
      margin-bottom: 45px;
      position: relative;
      top: -3px;
      word-spacing: 1px
    }

    .Zno7j-header {
      text-align: center
    }

    .Zno7j-header h1 {
      font-size: 52px;
      font-weight: 400
    }

    ._3_gAt-robot {
      margin-bottom: 40px;
      text-align: center
    }

    ._2RQ3_-headSub {
      margin: 60px 0 20px
    }

    ._2lRjd-icon {
      left: 0;
      position: absolute;
      text-align: center;
      top: -6px;
      width: 90px
    }

    ._1yePF-contact {
      color: #ea1537;
      font-weight: 400;
      text-decoration: none
    }

    ._1yePF-contact:hover {
      text-decoration: underline
    }

    ._1tU5L-smallText {
      font-weight: 300;
      text-align: center
    }

    ._2vXY_-basic {
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      outline: none;
      text-decoration: none;
      user-select: none
    }

    ._2vXY_-basic,
    ._3wSrc-unstyled {
      background: none;
      border: none;
      cursor: pointer;
      padding: 0
    }

    ._2vXY_-basic {
      -moz-box-align: center;
      -moz-box-pack: center;
      -ms-flex-align: center;
      -ms-flex-pack: center;
      -o-box-align: center;
      -o-box-pack: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: center;
      -webkit-flex-shrink: 0;
      -webkit-justify-content: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex-shrink: 0;
      font-family: inherit;
      font-size: 14px;
      justify-content: center;
      line-height: 32px;
      position: relative;
      width: max-content
    }

    ._2vXY_-basic._1BJWZ-brandRefresh {
      font-size: 16px
    }

    ._2vXY_-basic:hover ._1m5ym-arrow {
      -moz-transform: translateX(8px);
      -ms-transform: translateX(8px);
      -o-transform: translateX(8px);
      -webkit-transform: translateX(8px);
      transform: translateX(8px)
    }

    @media (max-width:512px) {
      ._2vXY_-basic {
        width: 100%
      }
    }

    ._2vXY_-basic .o9viu-text {
      font-weight: 700
    }

    ._2vXY_-basic ._2fF1w-subtext {
      font-weight: 400;
      margin: 0 0 0 8px
    }

    ._2vXY_-basic ._3QKd4-leftIconWrapper {
      margin: 0 8px 0 0
    }

    ._2vXY_-basic ._2sPTp-rightIconWrapper {
      margin: 0 0 0 8px
    }

    ._2vXY_-basic ._1m5ym-arrow {
      -moz-transition: -moz-transform .3s ease-out;
      -ms-transition: -ms-transform .3s ease-out;
      -o-transition: -o-transform .3s ease-out;
      -webkit-transition: -webkit-transform .3s ease-out;
      display: inline-block;
      margin: 0 0 0 8px;
      transition: transform .3s ease-out
    }

    ._2vXY_-basic.g03Ad-disabled,
    ._2vXY_-basic.J7HC8-loading {
      cursor: not-allowed
    }

    ._2vXY_-basic.J7HC8-loading ._1vpLY-content {
      visibility: hidden
    }

    ._2vXY_-basic.J7HC8-loading .MUONC-loader {
      line-height: 0;
      margin: auto;
      position: absolute
    }

    ._2vXY_-basic._1zKEe-sizeMedium {
      border-radius: 6px;
      height: 48px;
      padding: 8px 32px
    }

    ._2vXY_-basic._3Fe1c-sizeSmall {
      border-radius: 4px;
      height: 32px;
      padding: 0 8px
    }

    ._2vXY_-basic._3Y7Vy-sizeLarge {
      border-radius: 6px;
      height: 60px;
      padding: 8px 32px
    }

    ._2vXY_-basic._1Ey-7-minimumPadding {
      padding: 0 8px
    }

    ._2vXY_-basic._2Vu_8-fontWeightBold .o9viu-text {
      font-weight: 700
    }

    ._2vXY_-basic._1neld-fontWeightNormal .o9viu-text {
      font-weight: 400
    }

    ._2vXY_-basic._1iyto-colorBlueInvertedGrayBg {
      background: #f0f2fc;
      color: #4a6ee0
    }

    ._2vXY_-basic._1iyto-colorBlueInvertedGrayBg:focus,
    ._2vXY_-basic._1iyto-colorBlueInvertedGrayBg:focus-visible {
      -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #79a8f2;
      box-shadow: 0 0 0 1px #fff, 0 0 0 2px #79a8f2
    }

    ._2vXY_-basic._1iyto-colorBlueInvertedGrayBg:focus:not(:focus-visible) {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    ._2vXY_-basic._1iyto-colorBlueInvertedGrayBg:hover {
      background: #f9faff
    }

    ._2vXY_-basic._1iyto-colorBlueInvertedGrayBg.g03Ad-disabled {
      background: #f0f2fc;
      color: #c6cbde
    }

    ._2vXY_-basic.un13g-colorGrayInvertedWhiteBg {
      background: #fff;
      color: #6d758d
    }

    ._2vXY_-basic.un13g-colorGrayInvertedWhiteBg:focus,
    ._2vXY_-basic.un13g-colorGrayInvertedWhiteBg:focus-visible {
      -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #6d758d;
      box-shadow: 0 0 0 1px #fff, 0 0 0 2px #6d758d
    }

    ._2vXY_-basic.un13g-colorGrayInvertedWhiteBg:focus:not(:focus-visible) {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    ._2vXY_-basic.un13g-colorGrayInvertedWhiteBg:hover {
      background: #fff
    }

    ._2vXY_-basic.un13g-colorGrayInvertedWhiteBg.g03Ad-disabled {
      background: #f0f2fc;
      color: #c6cbde
    }

    ._2vXY_-basic._2O_7o-colorGreen {
      background: #0d8065;
      color: #fff
    }

    ._2vXY_-basic._2O_7o-colorGreen:focus,
    ._2vXY_-basic._2O_7o-colorGreen:focus-visible {
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d8065;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d8065
    }

    ._2vXY_-basic._2O_7o-colorGreen:focus-visible:active,
    ._2vXY_-basic._2O_7o-colorGreen:focus:active {
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0b6a54;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0b6a54
    }

    ._2vXY_-basic._2O_7o-colorGreen:focus:not(:focus-visible) {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    ._2vXY_-basic._2O_7o-colorGreen:focus:not(:focus-visible):active {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    ._2vXY_-basic._2O_7o-colorGreen:active:not(:disabled),
    ._2vXY_-basic._2O_7o-colorGreen:hover:not(:disabled) {
      background: #0b6a54
    }

    ._2vXY_-basic._2O_7o-colorGreen.g03Ad-disabled,
    ._2vXY_-basic._2O_7o-colorGreen:disabled {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      background: #0b6a54;
      color: #f0f2fc;
      filter: alpha(opacity=40);
      opacity: .4
    }

    ._2vXY_-basic._2OcEl-colorGreenInverted {
      background: #fff;
      border: 1px solid #0b6a54;
      color: #0b6a54
    }

    ._2vXY_-basic._2OcEl-colorGreenInverted:focus,
    ._2vXY_-basic._2OcEl-colorGreenInverted:focus-visible {
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0b6a54;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0b6a54
    }

    ._2vXY_-basic._2OcEl-colorGreenInverted:focus:not(:focus-visible) {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    ._2vXY_-basic._2OcEl-colorGreenInverted:active:not(:disabled),
    ._2vXY_-basic._2OcEl-colorGreenInverted:hover:not(:disabled) {
      background: #e0fff8
    }

    ._2vXY_-basic._2OcEl-colorGreenInverted.g03Ad-disabled,
    ._2vXY_-basic._2OcEl-colorGreenInverted:disabled {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40);
      opacity: .4
    }

    ._2vXY_-basic._3lOe7-colorGhost {
      background: #fff;
      color: #646b81
    }

    ._2vXY_-basic._3lOe7-colorGhost:focus,
    ._2vXY_-basic._3lOe7-colorGhost:focus-visible {
      border: 2px solid #0b6a54
    }

    ._2vXY_-basic._3lOe7-colorGhost:focus-visible:active,
    ._2vXY_-basic._3lOe7-colorGhost:focus:active {
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0b6a54;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0b6a54
    }

    ._2vXY_-basic._3lOe7-colorGhost:focus:not(:focus-visible) {
      border: none
    }

    ._2vXY_-basic._3lOe7-colorGhost:focus:not(:focus-visible):active {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    ._2vXY_-basic._3lOe7-colorGhost:active:not(:disabled),
    ._2vXY_-basic._3lOe7-colorGhost:hover:not(:disabled) {
      background: #e2e4e9;
      color: #565b6c
    }

    ._2vXY_-basic._3lOe7-colorGhost.g03Ad-disabled,
    ._2vXY_-basic._3lOe7-colorGhost:disabled {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      background: #0b6a54;
      color: #f0f2fc;
      filter: alpha(opacity=40);
      opacity: .4
    }

    ._2vXY_-basic._30Lw1-colorGreen24 {
      background: #027e6f;
      color: #fff
    }

    ._2vXY_-basic._30Lw1-colorGreen24:active:not(:disabled),
    ._2vXY_-basic._30Lw1-colorGreen24:hover:not(:disabled) {
      background: #014c43
    }

    ._2vXY_-basic._30Lw1-colorGreen24.g03Ad-disabled,
    ._2vXY_-basic._30Lw1-colorGreen24:disabled {
      background-color: #1c1c1c
    }

    ._2vXY_-basic._30Lw1-colorGreen24.g03Ad-disabled,
    ._2vXY_-basic._30Lw1-colorGreen24:disabled {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40);
      opacity: .4
    }

    ._2vXY_-basic._30Lw1-colorGreen24:focus,
    ._2vXY_-basic._30Lw1-colorGreen24:focus-visible {
      outline: 2px solid #027e6f;
      outline-offset: 2px
    }

    ._2vXY_-basic._30Lw1-colorGreen24:focus:not(:focus-visible) {
      outline: none;
      outline-offset: 0
    }

    ._2vXY_-basic._10-du-colorGreenInverted24 {
      background: #fff;
      border: 1px solid #027e6f;
      color: #027e6f
    }

    ._2vXY_-basic._10-du-colorGreenInverted24:active:not(:disabled),
    ._2vXY_-basic._10-du-colorGreenInverted24:hover:not(:disabled) {
      outline: 1px solid #027e6f;
      outline-offset: -2px
    }

    ._2vXY_-basic._10-du-colorGreenInverted24:focus,
    ._2vXY_-basic._10-du-colorGreenInverted24:focus-visible {
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #027e6f;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #027e6f
    }

    ._2vXY_-basic._2qb4X-colorBlueOnWhite {
      background: #fff;
      color: #02289e
    }

    ._2vXY_-basic._2qb4X-colorBlueOnWhite:active:not(:disabled),
    ._2vXY_-basic._2qb4X-colorBlueOnWhite:hover:not(:disabled) {
      background: #d7e0fe
    }

    ._2vXY_-basic._2qb4X-colorBlueOnWhite:focus,
    ._2vXY_-basic._2qb4X-colorBlueOnWhite:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 2px
    }

    ._2vXY_-basic._2qb4X-colorBlueOnWhite:focus:not(:focus-visible) {
      outline: none;
      outline-offset: 0
    }

    ._2vXY_-basic._2qb4X-colorBlueOnWhite.g03Ad-disabled,
    ._2vXY_-basic._2qb4X-colorBlueOnWhite:disabled {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40);
      opacity: .4
    }

    ._2vXY_-basic._1QpoM-colorWhiteOnTransparentDarkBg {
      background: transparent;
      border: 1px solid #fff;
      color: #fff
    }

    ._2vXY_-basic._1QpoM-colorWhiteOnTransparentDarkBg:active:not(:disabled),
    ._2vXY_-basic._1QpoM-colorWhiteOnTransparentDarkBg:hover:not(:disabled) {
      background: #02289e
    }

    ._2vXY_-basic._1QpoM-colorWhiteOnTransparentDarkBg:focus,
    ._2vXY_-basic._1QpoM-colorWhiteOnTransparentDarkBg:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 2px
    }

    ._2vXY_-basic._1QpoM-colorWhiteOnTransparentDarkBg:focus:not(:focus-visible) {
      outline: none;
      outline-offset: 0
    }

    ._2vXY_-basic._1QpoM-colorWhiteOnTransparentDarkBg.g03Ad-disabled,
    ._2vXY_-basic._1QpoM-colorWhiteOnTransparentDarkBg:disabled {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40);
      opacity: .4
    }

    ._2vXY_-basic._1z-ro-colorPrimary {
      background-color: #2551da;
      border: 1px solid #2551da;
      color: #fff
    }

    ._2vXY_-basic._1z-ro-colorPrimary:hover:not(:disabled) {
      background: #02289e
    }

    ._2vXY_-basic._1z-ro-colorPrimary:focus,
    ._2vXY_-basic._1z-ro-colorPrimary:focus-visible {
      outline: 2px solid #2551da;
      outline-offset: 2px
    }

    ._2vXY_-basic._1z-ro-colorPrimary:focus:not(:focus-visible) {
      outline: none;
      outline-offset: 0
    }

    ._2vXY_-basic._1z-ro-colorPrimary.g03Ad-disabled,
    ._2vXY_-basic._1z-ro-colorPrimary:disabled {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40);
      opacity: .4
    }

    ._2vXY_-basic._3lrfS-colorTertiary {
      background-color: transparent;
      color: #646b81
    }

    ._2vXY_-basic._3lrfS-colorTertiary:focus,
    ._2vXY_-basic._3lrfS-colorTertiary:focus-visible {
      outline: 2px solid #646b81;
      outline-offset: 2px
    }

    ._2vXY_-basic._3lrfS-colorTertiary:focus:not(:focus-visible) {
      outline: none;
      outline-offset: 0
    }

    ._2vXY_-basic._3lrfS-colorTertiary.g03Ad-disabled,
    ._2vXY_-basic._3lrfS-colorTertiary:disabled {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40);
      opacity: .4
    }

    :root {
      --blue-0: #f3f6ff;
      --blue-10: #d1dbfe;
      --blue-100: #000a26;
      --blue-20: #adbff9;
      --blue-30: #7d99f0;
      --blue-40: #3e6cf4;
      --blue-60: #2551da;
      --blue-80: #02379e;
      --blue-90: #000a62;
      --blue-gray-0: #f4f4f6;
      --blue-gray-10: #cdd1dc;
      --blue-gray-100: #161719;
      --blue-gray-20: #c2c6d4;
      --blue-gray-30: #adb2c3;
      --blue-gray-35: #99a0b3;
      --blue-gray-40: #878da2;
      --blue-gray-5: #e2e4e9;
      --blue-gray-50: #798096;
      --blue-gray-60: #646b81;
      --blue-gray-70: #565b6c;
      --blue-gray-80: #474b58;
      --blue-gray-90: #27282e;
      --gold-0: #fff6e0;
      --gold-10: #ffebb8;
      --gold-100: #1a0b00;
      --gold-20: #ffdc85;
      --gold-30: #ffbf47;
      --gold-40: #ffa10a;
      --gold-60: #e57300;
      --gold-80: #bd5200;
      --gold-90: #7a3500;
      --green-0: #eafaf9;
      --green-10: #b1f0e8;
      --green-100: #00231f;
      --green-20: #73e1d4;
      --green-30: #2cc9b6;
      --green-40: #16ac9a;
      --green-60: #027e6f;
      --green-80: #016a5e;
      --green-90: #014c43;
      --light-green: #00e0ac;
      --magenta-0: #ffe5f0;
      --magenta-10: #fec8dd;
      --magenta-100: #26000f;
      --magenta-20: #faaccb;
      --magenta-30: #f079a8;
      --magenta-40: #e14683;
      --magenta-60: #d21861;
      --magenta-80: #990c43;
      --magenta-90: #600428;
      --neutral-gray-0: #f5f5f5;
      --neutral-gray-10: #ebebeb;
      --neutral-gray-100: #1c1c1c;
      --neutral-gray-20: #d9d9d9;
      --neutral-gray-30: #bcbcbc;
      --neutral-gray-35: #a9a9a9;
      --neutral-gray-40: #a8a8a8;
      --neutral-gray-5: #e6e6e6;
      --neutral-gray-50: #858585;
      --neutral-gray-60: #707070;
      --neutral-gray-70: #616161;
      --neutral-gray-80: #545454;
      --neutral-gray-90: #2e2e2e;
      --purple-0: #f7f6fe;
      --purple-10: #ddd9f9;
      --purple-100: #0e073b;
      --purple-20: #cac3f7;
      --purple-30: #a598f0;
      --purple-40: #8675eb;
      --purple-60: #5e47e5;
      --purple-80: #3d27c0;
      --purple-90: #1b0d6f;
      --red-0: #ffeae9;
      --red-10: #ffd1d0;
      --red-100: #510300;
      --red-20: #ffa8a8;
      --red-30: #ff7a74;
      --red-40: #ff4d45;
      --red-60: #eb0a00;
      --red-80: #cd0800;
      --red-90: #8f0600;
      --teal-0: #e6fdfd;
      --teal-10: #ccfafa;
      --teal-100: #001f1f;
      --teal-20: #b3f8f8;
      --teal-30: #80f3f3;
      --teal-40: #00e6e6;
      --teal-60: #00c4c4;
      --teal-80: #027d7d;
      --teal-90: #005c5c;
      --transparent: hsla(0, 0%, 100%, 0);
      --white: #fff;
      --yellow-green: #d5ff00
    }

    :root {
      --elevation-high-border: 1px solid var(--color-elevation-outline-default-1);
      --elevation-high-shadow: 0px 2px 12px 0.5px var(--color-elevation-base-default-f3);
      --elevation-low-border: 1px solid var(--color-elevation-outline-default-1);
      --elevation-low-shadow: 0px 1px 4px 0.5px var(--color-elevation-base-default-f5);
      --elevation-medium-border: 1px solid var(--color-elevation-outline-default-1);
      --elevation-medium-shadow: 0px 1px 8px 0.5px var(--color-elevation-base-default-f4);
      --elevation100-border: 1px solid var(--color-elevation-outline-default-1);
      --elevation100-shadow: 0px 1px 4px 0.5px var(--color-border-base-default-f3);
      --elevation200-border: 1px solid var(--color-elevation-outline-default-1);
      --elevation200-shadow: 0px 1px 8px 0.5px var(--color-border-base-default-f5);
      --elevation300-border: 1px solid var(--color-elevation-outline-default-1);
      --elevation300-shadow: 0px 2px 12px 0.5px var(--color-border-base-default-f5)
    }

    :root {
      --radius-0: calc(0px * var(--rem, 16));
      --radius-1: calc(0.25px * var(--rem, 16));
      --radius-1-and-half: calc(0.375px * var(--rem, 16));
      --radius-2: calc(0.5px * var(--rem, 16));
      --radius-2-and-half: calc(0.625px * var(--rem, 16));
      --radius-25: calc(6.25px * var(--rem, 16));
      --radius-3: calc(0.75px * var(--rem, 16));
      --radius-4: calc(1px * var(--rem, 16));
      --radius-5: calc(1.25px * var(--rem, 16));
      --radius-6: calc(1.5px * var(--rem, 16));
      --radius-half: calc(0.125px * var(--rem, 16))
    }

    :root,
    [data-gds-theme=light] {
      --color-background-addition-default: #016a5e;
      --color-background-addition-subdued: #eafaf9;
      --color-background-base-default: #fff;
      --color-background-base-inverse: #1c1c1c;
      --color-background-base-subdued: #f5f5f5;
      --color-background-brand-default: #027e6f;
      --color-background-brand-subdued: #eafaf9;
      --color-background-business-default: #707070;
      --color-background-business-subdued: #f5f5f5;
      --color-background-clarity-default: #2551da;
      --color-background-clarity-subdued: #f3f6ff;
      --color-background-correctness-default: #eb0a00;
      --color-background-correctness-subdued: #ffeae9;
      --color-background-critical-default: #eb0a00;
      --color-background-critical-subdued: #ffeae9;
      --color-background-deletion-default: #eb0a00;
      --color-background-deletion-subdued: #ffeae9;
      --color-background-delivery-default: #5e47e5;
      --color-background-delivery-subdued: #f7f6fe;
      --color-background-engagement-default: #016a5e;
      --color-background-engagement-subdued: #eafaf9;
      --color-background-enterprise-default: #1b0d6f;
      --color-background-neutral-default: #707070;
      --color-background-plagiarism-default: #027d7d;
      --color-background-plagiarism-subdued: #e6fdfd;
      --color-background-premium-default: #ffbf47;
      --color-background-premium-subdued: #fff6e0;
      --color-background-pro-default: #ffbf47;
      --color-background-success-default: #016a5e;
      --color-background-success-subdued: #eafaf9;
      --color-background-warning-default: #bd5200;
      --color-background-warning-subdued: #fff6e0;
      --color-border-addition-default: #016a5e;
      --color-border-addition-subdued: #73e1d4;
      --color-border-base-default: #7f7f7f;
      --color-border-base-default-f3: hsla(0, 0%, 49.8%, 0.3);
      --color-border-base-default-f5: hsla(0, 0%, 49.8%, 0.5);
      --color-border-base-inverse: #fff;
      --color-border-base-subdued: #d9d9d9;
      --color-border-brand-default: #027e6f;
      --color-border-brand-subdued: #73e1d4;
      --color-border-business-default: #707070;
      --color-border-business-subdued: #d9d9d9;
      --color-border-clarity-default: #3e6cf4;
      --color-border-correctness-default: #f00c00;
      --color-border-critical-default: #eb0a00;
      --color-border-critical-subdued: #ffa8a8;
      --color-border-deletion-default: #696969;
      --color-border-deletion-subdued: #696969;
      --color-border-delivery-default: #5e47e5;
      --color-border-elevated-default: hsla(0, 0%, 100%, 0);
      --color-border-engagement-default: #016a5e;
      --color-border-plagiarism-default: #027d7d;
      --color-border-premium-default: #ffa10a;
      --color-border-premium-subdued: #ffa10a;
      --color-border-pro-default: #ffa10a;
      --color-border-success-default: #016a5e;
      --color-border-success-subdued: #73e1d4;
      --color-border-warning-default: #bd5200;
      --color-border-warning-subdued: #ffdc85;
      --color-elevation-base-default: #707070;
      --color-elevation-base-default-f3: hsla(0, 0%, 43.9%, 0.3);
      --color-elevation-base-default-f4: hsla(0, 0%, 43.9%, 0.4);
      --color-elevation-base-default-f5: hsla(0, 0%, 43.9%, 0.5);
      --color-elevation-outline-default: #d9d9d9;
      --color-elevation-outline-default-1: #d9d9d9;
      --color-icon-addition-default: #016a5e;
      --color-icon-addition-inverse: #2cc9b6;
      --color-icon-base-default: #707070;
      --color-icon-base-inverse: #fff;
      --color-icon-base-subdued: #bcbcbc;
      --color-icon-brand-default: #027e6f;
      --color-icon-business-default: #707070;
      --color-icon-critical-default: #cd0800;
      --color-icon-critical-inverse: #ff7a74;
      --color-icon-deletion-default: #cd0800;
      --color-icon-delivery-default: #5e47e5;
      --color-icon-delivery-inverse: #a598f0;
      --color-icon-premium-default: #7a3500;
      --color-icon-pro-default: #1c1c1c;
      --color-icon-success-default: #016a5e;
      --color-icon-warning-default: #e57300;
      --color-icon-warning-inverse: #ffbf47;
      --color-illustration-fill-1: #ebebeb;
      --color-illustration-fill-2: #fff;
      --color-illustration-fill-default: #1c1c1c;
      --color-illustration-shadow-default: #a8a8a8;
      --color-illustration-stroke-1: #1c1c1c;
      --color-illustration-stroke-2: #1c1c1c;
      --color-illustration-stroke-3: #fff;
      --color-illustration-stroke-default: #1c1c1c;
      --color-text-addition-default: #016a5e;
      --color-text-base-default: #1c1c1c;
      --color-text-base-inverse: #fff;
      --color-text-base-subdued: #707070;
      --color-text-brand-default: #027e6f;
      --color-text-business-default: #545454;
      --color-text-clarity-default: #02379e;
      --color-text-correctness-default: #cd0800;
      --color-text-critical-default: #cd0800;
      --color-text-dark-default: #1c1c1c;
      --color-text-deletion-default: #696969;
      --color-text-delivery-default: #3d27c0;
      --color-text-engagement-default: #016a5e;
      --color-text-enterprise-default: #fff;
      --color-text-light-default: #fff;
      --color-text-plagiarism-default: #027d7d;
      --color-text-premium-default: #7a3500;
      --color-text-pro-default: #1c1c1c;
      --color-text-success-default: #016a5e;
      --color-text-warning-default: #7a3500
    }

    [data-gds-theme=dark] {
      --color-background-addition-default: #2cc9b6;
      --color-background-addition-subdued: #014c43;
      --color-background-base-default: #1c1c1c;
      --color-background-base-inverse: #fff;
      --color-background-base-subdued: #2e2e2e;
      --color-background-brand-default: #2cc9b6;
      --color-background-brand-subdued: #014c43;
      --color-background-business-default: #bcbcbc;
      --color-background-business-subdued: #2e2e2e;
      --color-background-clarity-default: #7d99f0;
      --color-background-clarity-subdued: #000a62;
      --color-background-correctness-default: #ff7a74;
      --color-background-correctness-subdued: #510300;
      --color-background-critical-default: #ff7a74;
      --color-background-critical-subdued: #510300;
      --color-background-deletion-default: #ff7a74;
      --color-background-deletion-subdued: #510300;
      --color-background-delivery-default: #a598f0;
      --color-background-delivery-subdued: #1b0d6f;
      --color-background-engagement-default: #2cc9b6;
      --color-background-engagement-subdued: #014c43;
      --color-background-enterprise-default: #fff;
      --color-background-neutral-default: #bcbcbc;
      --color-background-plagiarism-default: #80f3f3;
      --color-background-plagiarism-subdued: #005c5c;
      --color-background-premium-default: #ffbf47;
      --color-background-premium-subdued: #ffdc85;
      --color-background-pro-default: #ffbf47;
      --color-background-success-default: #2cc9b6;
      --color-background-success-subdued: #014c43;
      --color-background-warning-default: #ffbf47;
      --color-background-warning-subdued: #7a3500;
      --color-border-addition-default: #2cc9b6;
      --color-border-addition-subdued: #016a5e;
      --color-border-base-default: #7f7f7f;
      --color-border-base-inverse: #fff;
      --color-border-base-subdued: #545454;
      --color-border-brand-default: #2cc9b6;
      --color-border-brand-subdued: #016a5e;
      --color-border-business-default: #bcbcbc;
      --color-border-business-subdued: #707070;
      --color-border-clarity-default: #3e6cf4;
      --color-border-correctness-default: #f00c00;
      --color-border-critical-default: #ff7a74;
      --color-border-critical-subdued: #cd0800;
      --color-border-deletion-default: #ff4d45;
      --color-border-deletion-subdued: #ff4d45;
      --color-border-delivery-default: #a598f0;
      --color-border-elevated-default: #545454;
      --color-border-engagement-default: #2cc9b6;
      --color-border-plagiarism-default: #80f3f3;
      --color-border-premium-default: #e57300;
      --color-border-premium-subdued: #ffdc85;
      --color-border-pro-default: #ffa10a;
      --color-border-success-default: #2cc9b6;
      --color-border-success-subdued: #016a5e;
      --color-border-warning-default: #ffbf47;
      --color-border-warning-subdued: #bd5200;
      --color-elevation-base-default: #1c1c1c;
      --color-elevation-base-default-1: #1c1c1c;
      --color-elevation-outline-default: #545454;
      --color-elevation-outline-default-1: #545454;
      --color-icon-addition-default: #2cc9b6;
      --color-icon-addition-inverse: #016a5e;
      --color-icon-base-default: #d9d9d9;
      --color-icon-base-inverse: #1c1c1c;
      --color-icon-base-subdued: #707070;
      --color-icon-brand-default: #2cc9b6;
      --color-icon-business-default: #bcbcbc;
      --color-icon-critical-default: #ff7a74;
      --color-icon-critical-inverse: #cd0800;
      --color-icon-deletion-default: #ff7a74;
      --color-icon-delivery-default: #a598f0;
      --color-icon-delivery-inverse: #5e47e5;
      --color-icon-premium-default: #7a3500;
      --color-icon-pro-default: #1c1c1c;
      --color-icon-success-default: #2cc9b6;
      --color-icon-warning-default: #ffbf47;
      --color-icon-warning-inverse: #e57300;
      --color-illustration-fill-1: #bcbcbc;
      --color-illustration-fill-2: #ebebeb;
      --color-illustration-fill-default: #545454;
      --color-illustration-shadow-default: #545454;
      --color-illustration-stroke-1: #a8a8a8;
      --color-illustration-stroke-2: #fff;
      --color-illustration-stroke-3: #ebebeb;
      --color-illustration-stroke-default: #545454;
      --color-text-addition-default: #2cc9b6;
      --color-text-base-default: #fff;
      --color-text-base-inverse: #1c1c1c;
      --color-text-base-subdued: #bcbcbc;
      --color-text-brand-default: #2cc9b6;
      --color-text-business-default: #bcbcbc;
      --color-text-clarity-default: #7d99f0;
      --color-text-correctness-default: #ff7a74;
      --color-text-critical-default: #ff7a74;
      --color-text-deletion-default: #a8a8a8;
      --color-text-delivery-default: #a598f0;
      --color-text-engagement-default: #2cc9b6;
      --color-text-enterprise-default: #1b0d6f;
      --color-text-plagiarism-default: #00e6e6;
      --color-text-premium-default: #7a3500;
      --color-text-pro-default: #1c1c1c;
      --color-text-success-default: #2cc9b6;
      --color-text-warning-default: #ffbf47;
      --elevation-high-border: 1px solid var(--color-elevation-outline-default-1);
      --elevation-high-shadow: 0px 2px 12px 0.5px var(--color-elevation-base-default-1);
      --elevation-low-border: 1px solid var(--color-elevation-outline-default-1);
      --elevation-low-shadow: 0px 1px 4px 0.5px var(--color-elevation-base-default-1);
      --elevation-medium-border: 1px solid var(--color-elevation-outline-default-1);
      --elevation-medium-shadow: 0px 1px 8px 0.5px var(--color-elevation-base-default-1)
    }

    [data-gds-theme=dark] {
      --button-critical-background-active: var(--red-10);
      --button-critical-background-default: var(--red-30);
      --button-critical-background-hover: var(--red-20);
      --button-critical-text-default: var(--neutral-gray-100);
      --button-enterprise-background-active: var(--purple-10);
      --button-enterprise-background-default: var(--color-background-enterprise-default);
      --button-enterprise-background-hover: var(--purple-20);
      --button-enterprise-text-default: var(--color-text-enterprise-default);
      --button-ghost-background-active: var(--green-90);
      --button-ghost-background-default: transparent;
      --button-ghost-background-hover: var(--green-100);
      --button-ghost-shortcut-background-active: var(--green-30);
      --button-ghost-shortcut-background-default: var(--green-30);
      --button-ghost-shortcut-background-hover: var(--green-30);
      --button-ghost-shortcut-text-active: var(--neutral-gray-100);
      --button-ghost-shortcut-text-default: var(--neutral-gray-100);
      --button-ghost-shortcut-text-hover: var(--neutral-gray-100);
      --button-ghost-text-active: var(--green-20);
      --button-ghost-text-default: var(--green-30);
      --button-ghost-text-hover: var(--green-20);
      --button-primary-background-active: var(--green-10);
      --button-primary-background-default: var(--green-30);
      --button-primary-background-hover: var(--green-20);
      --button-primary-shortcut-background-active: var(--green-20);
      --button-primary-shortcut-background-default: var(--green-20);
      --button-primary-shortcut-background-hover: var(--green-10);
      --button-primary-shortcut-text-active: var(--neutral-gray-100);
      --button-primary-shortcut-text-default: var(--neutral-gray-100);
      --button-primary-shortcut-text-hover: var(--neutral-gray-100);
      --button-primary-text-active: var(--neutral-gray-100);
      --button-primary-text-default: var(--neutral-gray-100);
      --button-primary-text-hover: var(--neutral-gray-100);
      --button-secondary-background-active: var(--neutral-gray-80);
      --button-secondary-background-default: transparent;
      --button-secondary-background-hover: var(--neutral-gray-90);
      --button-secondary-border-active: var(--neutral-gray-80);
      --button-secondary-border-default: var(--neutral-gray-80);
      --button-secondary-border-hover: var(--neutral-gray-80);
      --button-secondary-shortcut-background-active: var(--neutral-gray-60);
      --button-secondary-shortcut-background-default: var(--neutral-gray-80);
      --button-secondary-shortcut-background-hover: var(--neutral-gray-80);
      --button-secondary-shortcut-border-active: var(--neutral-gray-60);
      --button-secondary-shortcut-border-default: var(--neutral-gray-80);
      --button-secondary-shortcut-border-hover: var(--neutral-gray-80);
      --button-secondary-shortcut-text-active: var(--green-0);
      --button-secondary-shortcut-text-default: var(--neutral-gray-20);
      --button-secondary-shortcut-text-hover: var(--neutral-gray-20);
      --button-secondary-text-active: var(--color-text-base-default);
      --button-secondary-text-default: var(--color-text-base-default);
      --button-secondary-text-hover: var(--color-text-base-default);
      --button-tertiary-background-active: var(--neutral-gray-80);
      --button-tertiary-background-default: transparent;
      --button-tertiary-background-hover: #3f3f3f;
      --button-tertiary-border-active: transparent;
      --button-tertiary-border-default: transparent;
      --button-tertiary-border-hover: transparent;
      --button-tertiary-shortcut-border-active: var(--neutral-gray-10);
      --button-tertiary-shortcut-border-default: var(--neutral-gray-10);
      --button-tertiary-shortcut-border-hover: var(--neutral-gray-10);
      --button-tertiary-shortcut-text-active: var(--neutral-gray-20);
      --button-tertiary-shortcut-text-default: var(--neutral-gray-30);
      --button-tertiary-shortcut-text-hover: var(--neutral-gray-30);
      --button-tertiary-text-active: var(--neutral-gray-20);
      --button-tertiary-text-default: var(--neutral-gray-30);
      --button-tertiary-text-hover: var(--neutral-gray-30)
    }

    :root {
      --space-0: calc(0px * var(--rem, 16));
      --space-1: calc(0.25px * var(--rem, 16));
      --space-10: calc(2.5px * var(--rem, 16));
      --space-12: calc(3px * var(--rem, 16));
      --space-14: calc(3.5px * var(--rem, 16));
      --space-16: calc(4px * var(--rem, 16));
      --space-18: calc(4.5px * var(--rem, 16));
      --space-2: calc(0.5px * var(--rem, 16));
      --space-20: calc(5px * var(--rem, 16));
      --space-3: calc(0.75px * var(--rem, 16));
      --space-4: calc(1px * var(--rem, 16));
      --space-5: calc(1.25px * var(--rem, 16));
      --space-6: calc(1.5px * var(--rem, 16));
      --space-8: calc(2px * var(--rem, 16));
      --space-half: calc(0.125px * var(--rem, 16));
      --space-quarter: calc(0.0625px * var(--rem, 16))
    }

    :host,
    :root {
      --font-stack-inter: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
      --font-stack-matter: Matter, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
      --rem: 16
    }

    .gds-token-typography-heading-large,
    .gds-token-typography-heading-medium,
    .gds-token-typography-heading-small,
    .gds-token-typography-heading-x-small,
    .gds-token-typography-heading-xx-small,
    .gds-token-typography-text-large,
    .gds-token-typography-text-medium,
    .gds-token-typography-text-small,
    .gds-token-typography-text-x-small {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      all: unset;
      font-feature-settings: "ss03" on, "ss01" on;
      font-weight: 400;
      letter-spacing: normal;
      margin: 0;
      padding: 0
    }

    .gds-token-typography-heading-large {
      font-size: calc(2px * (var(--rem) - 2));
      letter-spacing: -.0025em
    }

    .gds-token-typography-heading-large,
    .gds-token-typography-heading-medium {
      font-family: var(--font-stack-matter);
      font-weight: 700;
      line-height: calc(2.286px * (var(--rem) - 2))
    }

    .gds-token-typography-heading-medium {
      font-size: calc(1.714px * (var(--rem) - 2));
      letter-spacing: -.002em
    }

    .gds-token-typography-heading-small {
      font-size: calc(1.429px * (var(--rem) - 2))
    }

    .gds-token-typography-heading-small,
    .gds-token-typography-heading-x-small {
      font-family: var(--font-stack-matter);
      font-weight: 600;
      line-height: calc(1.7144px * (var(--rem) - 2))
    }

    .gds-token-typography-heading-x-small {
      font-size: calc(1.143px * (var(--rem) - 2))
    }

    .gds-token-typography-heading-xx-small {
      font-family: var(--font-stack-matter);
      font-size: calc(1px * (var(--rem) - 2));
      font-weight: 600;
      line-height: calc(1.5px * (var(--rem) - 2))
    }

    .gds-token-typography-text-large {
      font-family: var(--font-stack-inter);
      font-size: calc(1.286px * (var(--rem) - 2));
      line-height: calc(2.2862px * (var(--rem) - 2))
    }

    .gds-token-typography-text-medium {
      font-family: var(--font-stack-inter);
      font-size: calc(1.143px * (var(--rem) - 2));
      line-height: calc(1.714px * (var(--rem) - 2))
    }

    .gds-token-typography-text-small {
      font-family: var(--font-stack-inter);
      font-size: calc(1px * (var(--rem) - 2));
      line-height: calc(1.51px * (var(--rem) - 2))
    }

    .gds-token-typography-text-x-small {
      font-family: var(--font-stack-inter);
      font-size: calc(.86px * (var(--rem) - 2));
      line-height: calc(1.2868px * (var(--rem) - 2))
    }

    .gds-typography {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: var(--font-stack-inter);
      font-feature-settings: "ss01" on, "cv08" on;
      margin: 0;
      padding: 0;
      text-align: inherit
    }

    .gds-text-large {
      font-size: calc(1.286px * (var(--rem) - 2));
      line-height: calc(2.2862px * (var(--rem) - 2))
    }

    .gds-text-medium {
      font-size: calc(1.143px * (var(--rem) - 2));
      line-height: calc(1.714px * (var(--rem) - 2))
    }

    .gds-text-small {
      font-size: calc(1px * (var(--rem) - 2));
      line-height: calc(1.51px * (var(--rem) - 2))
    }

    .gds-text-xsmall {
      font-size: calc(.86px * (var(--rem) - 2));
      line-height: calc(1.2868px * (var(--rem) - 2))
    }

    .gds-heading {
      font-family: var(--font-stack-matter);
      font-feature-settings: normal;
      font-weight: 700
    }

    .gds-heading-large {
      font-size: calc(2px * (var(--rem) - 2));
      letter-spacing: -.0025em
    }

    .gds-heading-large,
    .gds-heading-medium {
      line-height: calc(2.286px * (var(--rem) - 2))
    }

    .gds-heading-medium {
      font-size: calc(1.714px * (var(--rem) - 2));
      letter-spacing: -.002em
    }

    .gds-heading-small {
      font-size: calc(1.429px * (var(--rem) - 2))
    }

    .gds-heading-small,
    .gds-heading-xsmall {
      font-weight: 600;
      line-height: calc(1.7144px * (var(--rem) - 2))
    }

    .gds-heading-xsmall {
      font-size: calc(1.143px * (var(--rem) - 2))
    }

    .gds-heading-xxsmall {
      font-size: calc(1px * (var(--rem) - 2));
      font-weight: 600;
      line-height: calc(1.5px * (var(--rem) - 2))
    }

    .gds-multiline-ellipsis {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis
    }

    :host,
    :root {
      --z-index-modal: 1000;
      --z-index-popover: 1010;
      --z-index-tooltip: 1020
    }

    .gds-badge {
      border: 1px solid var(--white);
      border-radius: var(--radius-3);
      box-sizing: border-box;
      color: var(--color-text-base-inverse);
      display: inline-flex;
      height: fit-content;
      justify-content: center;
      min-width: 18px;
      padding: 0 6px
    }

    .gds-badge:focus-visible {
      outline: 2px solid var(--color-border-brand-default)
    }

    .gds-badge-tooltip {
      cursor: pointer
    }

    .gds-sr-only {
      border: 0;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      user-select: none;
      white-space: nowrap;
      width: 1px
    }

    .gds-sr-only:after,
    .gds-sr-only:before {
      content: "\A0"
    }

    .gds-tooltip {
      border: 1px solid var(--color-border-elevated-default);
      border-radius: var(--radius-1);
      box-sizing: border-box;
      color: var(--color-text-light-default);
      max-width: 200px;
      transition-property: opacity, transform;
      width: max-content;
      z-index: var(--z-index-tooltip)
    }

    .gds-tooltip-content {
      background-color: var(--color-background-base-subdued);
      border-radius: var(--radius-1);
      display: flex;
      gap: var(--space-2);
      justify-content: space-between;
      padding: var(--space-1) var(--space-2)
    }

    .gds-tooltip-content-annotation {
      border: 1px solid var(--color-border-base-subdued);
      border-radius: var(--radius-1);
      color: var(--color-text-base-subdued);
      height: fit-content;
      padding: 0 var(--space-1)
    }

    .gds-arrow {
      fill: var(--neutral-gray-90);
      width: 14px
    }

    .gds-tooltip[data-status=close],
    .gds-tooltip[data-status=open] {
      transition-duration: .2s
    }

    .gds-tooltip[data-status=close],
    .gds-tooltip[data-status=initial] {
      opacity: 0
    }

    .gds-tooltip[data-status=close][data-placement^=top],
    .gds-tooltip[data-status=initial][data-placement^=top] {
      transform: translateY(5px)
    }

    .gds-tooltip[data-status=close][data-placement^=bottom],
    .gds-tooltip[data-status=initial][data-placement^=bottom] {
      transform: translateY(-5px)
    }

    .gds-tooltip[data-status=close][data-placement^=left],
    .gds-tooltip[data-status=initial][data-placement^=left] {
      transform: translateX(5px)
    }

    .gds-tooltip[data-status=close][data-placement^=right],
    .gds-tooltip[data-status=initial][data-placement^=right] {
      transform: translateX(-5px)
    }

    @media (prefers-reduced-motion) {

      .gds-tooltip[data-status=close],
      .gds-tooltip[data-status=open] {
        transition-duration: 0ms
      }
    }

    .gds-box {
      box-sizing: border-box;
      display: block
    }

    .gds-box-elevation-low {
      border: var(--elevation-low-border);
      box-shadow: var(--elevation-low-shadow)
    }

    .gds-box-elevation-medium {
      border: var(--elevation-medium-border);
      box-shadow: var(--elevation-medium-shadow)
    }

    .gds-box-elevation-high {
      border: var(--elevation-high-border);
      box-shadow: var(--elevation-high-shadow)
    }

    .gds-icon {
      box-sizing: border-box;
      fill: transparent;
      overflow: auto;
      overflow-clip-margin: border-box
    }

    .gds-icon-default [stroke] {
      stroke: var(--color-icon-base-default)
    }

    .gds-icon-default [fill] {
      fill: var(--color-icon-base-default)
    }

    .gds-icon-business [stroke] {
      stroke: var(--color-icon-business-default)
    }

    .gds-icon-business [fill] {
      fill: var(--color-icon-business-default)
    }

    .gds-icon-addition [stroke] {
      stroke: var(--color-icon-addition-default)
    }

    .gds-icon-addition [fill] {
      fill: var(--color-icon-addition-default)
    }

    .gds-icon-critical [stroke] {
      stroke: var(--color-icon-critical-default)
    }

    .gds-icon-critical [fill] {
      fill: var(--color-icon-critical-default)
    }

    .gds-icon-deletion [stroke] {
      stroke: var(--color-icon-deletion-default)
    }

    .gds-icon-deletion [fill] {
      fill: var(--color-icon-deletion-default)
    }

    .gds-icon-premium [stroke] {
      stroke: var(--color-icon-premium-default)
    }

    .gds-icon-premium [fill] {
      fill: var(--color-icon-premium-default)
    }

    .gds-icon-success [stroke] {
      stroke: var(--color-icon-success-default)
    }

    .gds-icon-success [fill] {
      fill: var(--color-icon-success-default)
    }

    .gds-icon-warning [stroke] {
      stroke: var(--color-icon-warning-default)
    }

    .gds-icon-warning [fill] {
      fill: var(--color-icon-warning-default)
    }

    .gds-icon-inverse [stroke] {
      stroke: var(--color-icon-base-inverse)
    }

    .gds-icon-inverse [fill] {
      fill: var(--color-icon-base-inverse)
    }

    .gds-icon-brand [stroke] {
      stroke: var(--color-icon-brand-default)
    }

    .gds-icon-brand [fill] {
      fill: var(--color-icon-brand-default)
    }

    .gds-icon-inherit [stroke] {
      stroke: currentcolor
    }

    .gds-icon-inherit [fill] {
      fill: currentcolor
    }

    [data-icon=InterfaceError] [fill],
    [data-icon=InterfaceMinus] [fill],
    [data-icon=InterfaceOk] [fill],
    [data-icon=InterfaceSuicidePrevention] [fill],
    [data-icon=InterfaceWarning] [fill] {
      fill: currentcolor
    }

    [data-icon=InterfaceMinus] {
      color: var(--color-icon-critical-default)
    }

    [data-icon=InterfaceMinus].gds-icon-inverse {
      color: var(--color-icon-critical-inverse)
    }

    [data-icon=InterfaceOk] {
      color: var(--color-icon-addition-default)
    }

    [data-icon=InterfaceOk].gds-icon-inverse {
      color: var(--color-icon-addition-inverse)
    }

    [data-icon=InterfaceError] {
      color: var(--color-icon-critical-default)
    }

    [data-icon=InterfaceError].gds-icon-inverse {
      color: var(--color-icon-critical-inverse)
    }

    [data-icon=InterfaceWarning] {
      color: var(--color-icon-warning-default)
    }

    [data-icon=InterfaceWarning].gds-icon-inverse {
      color: var(--color-icon-warning-inverse)
    }

    [data-icon=InterfaceSuicidePrevention] {
      color: var(--color-icon-delivery-default)
    }

    [data-icon=InterfaceSuicidePrevention].gds-icon-inverse {
      color: var(--color-icon-delivery-inverse)
    }

    .gds-button {
      align-items: center;
      appearance: none;
      border: none;
      border-radius: calc(var(--radius-half) + var(--radius-1));
      box-sizing: border-box;
      cursor: pointer;
      display: inline-flex;
      flex-direction: row;
      gap: var(--space-1);
      justify-content: center;
      outline: none;
      padding: 0;
      position: relative;
      text-align: start;
      transition: background-color .1s ease;
      white-space: nowrap;
      width: fit-content
    }

    :host,
    :root,
    [data-gds-theme=light] {
      --button-critical-background-active: var(--red-90);
      --button-critical-background-default: var(--red-60);
      --button-critical-background-hover: var(--red-80);
      --button-critical-text-default: var(--white);
      --button-enterprise-background-active: var(--purple-60);
      --button-enterprise-background-default: var(--color-background-enterprise-default);
      --button-enterprise-background-hover: var(--purple-80);
      --button-enterprise-text-default: var(--color-text-enterprise-default);
      --button-ghost-background-active: var(--green-10);
      --button-ghost-background-default: transparent;
      --button-ghost-background-hover: var(--green-0);
      --button-ghost-shortcut-background-active: var(--green-60);
      --button-ghost-shortcut-background-default: var(--green-60);
      --button-ghost-shortcut-background-hover: var(--green-60);
      --button-ghost-shortcut-text-active: var(--white);
      --button-ghost-shortcut-text-default: var(--white);
      --button-ghost-shortcut-text-hover: var(--white);
      --button-ghost-text-active: var(--green-80);
      --button-ghost-text-default: var(--green-60);
      --button-ghost-text-hover: var(--green-80);
      --button-premium-background-active: var(--gold-10);
      --button-premium-background-default: var(--gold-30);
      --button-premium-background-hover: var(--gold-20);
      --button-premium-text-active: var(--gold-90);
      --button-premium-text-default: var(--gold-90);
      --button-premium-text-hover: var(--gold-90);
      --button-primary-background-active: var(--green-90);
      --button-primary-background-default: var(--green-60);
      --button-primary-background-hover: var(--green-80);
      --button-primary-shortcut-background-active: var(--green-60);
      --button-primary-shortcut-background-default: var(--green-90);
      --button-primary-shortcut-background-hover: var(--green-90);
      --button-primary-shortcut-text-active: var(--white);
      --button-primary-shortcut-text-default: var(--white);
      --button-primary-shortcut-text-hover: var(--white);
      --button-primary-text-active: var(--white);
      --button-primary-text-default: var(--white);
      --button-primary-text-hover: var(--white);
      --button-pro-background-active: var(--neutral-gray-100);
      --button-pro-background-default: var(--color-background-pro-default);
      --button-pro-background-hover: var(--neutral-gray-100);
      --button-pro-text-active: var(--neutral-gray-20);
      --button-pro-text-default: var(--color-text-pro-default);
      --button-pro-text-hover: var(--gold-30);
      --button-secondary-background-active: var(--neutral-gray-20);
      --button-secondary-background-default: transparent;
      --button-secondary-background-hover: var(--neutral-gray-10);
      --button-secondary-border-active: var(--neutral-gray-20);
      --button-secondary-border-default: var(--neutral-gray-20);
      --button-secondary-border-hover: var(--neutral-gray-20);
      --button-secondary-shortcut-background-active: var(--neutral-gray-30);
      --button-secondary-shortcut-background-default: var(--neutral-gray-10);
      --button-secondary-shortcut-background-hover: var(--neutral-gray-20);
      --button-secondary-shortcut-border-active: var(--neutral-gray-30);
      --button-secondary-shortcut-border-default: var(--neutral-gray-10);
      --button-secondary-shortcut-border-hover: var(--neutral-gray-20);
      --button-secondary-shortcut-text-active: var(--neutral-gray-90);
      --button-secondary-shortcut-text-default: var(--neutral-gray-80);
      --button-secondary-shortcut-text-hover: var(--neutral-gray-80);
      --button-secondary-text-active: var(--neutral-gray-100);
      --button-secondary-text-default: var(--neutral-gray-100);
      --button-secondary-text-hover: var(--neutral-gray-100);
      --button-tertiary-background-active: var(--neutral-gray-20);
      --button-tertiary-background-default: transparent;
      --button-tertiary-background-hover: var(--neutral-gray-10);
      --button-tertiary-border-active: transparent;
      --button-tertiary-border-default: transparent;
      --button-tertiary-border-hover: transparent;
      --button-tertiary-shortcut-border-active: var(--neutral-gray-80);
      --button-tertiary-shortcut-border-default: var(--neutral-gray-60);
      --button-tertiary-shortcut-border-hover: var(--neutral-gray-80);
      --button-tertiary-shortcut-text-active: var(--neutral-gray-80);
      --button-tertiary-shortcut-text-default: var(--neutral-gray-60);
      --button-tertiary-shortcut-text-hover: var(--neutral-gray-80);
      --button-tertiary-text-active: var(--neutral-gray-80);
      --button-tertiary-text-default: var(--neutral-gray-60);
      --button-tertiary-text-hover: var(--neutral-gray-80)
    }

    .gds-button-small,
    .gds-icon-button-small {
      height: 24px
    }

    .gds-icon-button-small {
      width: 24px
    }

    .gds-button-small {
      padding: 3px var(--space-2)
    }

    .gds-button-medium,
    .gds-icon-button-medium {
      height: 32px
    }

    .gds-icon-button-medium {
      width: 32px
    }

    .gds-button-medium {
      padding: 5.5px var(--space-3)
    }

    .gds-button-large,
    .gds-icon-button-large {
      height: 40px
    }

    .gds-icon-button-large {
      width: 40px
    }

    .gds-button-large {
      border-radius: var(--radius-2);
      gap: calc(var(--space-1) + var(--space-half));
      padding: 5.5px var(--space-4)
    }

    .gds-button-xlarge,
    .gds-icon-button-xlarge {
      height: 48px
    }

    .gds-icon-button-xlarge {
      width: 48px
    }

    .gds-button-xlarge {
      border-radius: var(--radius-2);
      gap: var(--space-2);
      padding: 5.5px var(--space-5)
    }

    .gds-button-2xlarge,
    .gds-icon-button-2xlarge {
      height: 56px
    }

    .gds-button-2xlarge {
      border-radius: var(--radius-2);
      gap: calc(var(--space-2) + var(--space-half));
      padding: 5.5px var(--space-6)
    }

    .gds-button-3xlarge,
    .gds-icon-button-3xlarge {
      height: 72px
    }

    .gds-button-3xlarge {
      border-radius: var(--radius-2);
      gap: var(--space-3);
      padding: 5.5px calc(var(--space-6) + var(--space-1))
    }

    .gds-button-3xlarge .gds-text {
      font-size: 20px
    }

    .gds-button-4xlarge,
    .gds-icon-button-4xlarge {
      height: 88px
    }

    .gds-button-4xlarge {
      border-radius: var(--radius-2);
      gap: var(--space-3);
      padding: 5.5px var(--space-8)
    }

    .gds-button-4xlarge .gds-text {
      font-size: 24px
    }

    .gds-button .gds-icon:first-child {
      margin-inline-start: calc(-1 * var(--space-1))
    }

    .gds-button .gds-icon:last-child {
      margin-inline-end: calc(-1 * var(--space-1))
    }

    .gds-button-medium .gds-icon:first-child,
    .gds-button-small .gds-icon:first-child {
      margin-inline-start: calc(-1 * var(--space-half))
    }

    .gds-button-medium .gds-icon:last-child,
    .gds-button-small .gds-icon:last-child {
      margin-inline-end: calc(-1 * var(--space-half))
    }

    a.gds-button:hover {
      text-decoration: none
    }

    .gds-button-focus-visible {
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: 2px
    }

    .gds-button-disabled {
      cursor: not-allowed;
      opacity: .4
    }

    .gds-button-full {
      width: 100%
    }

    .gds-button-pressed {
      background-color: var(--gds-button-background-color-active);
      color: var(--gds-button-color-active)
    }

    .gds-button-shortcut {
      border: none;
      border-radius: var(--radius-1);
      box-shadow: none;
      margin-inline-start: var(--space-1);
      padding-inline: var(--space-1)
    }

    .gds-button-3xlarge .gds-button-shortcut,
    .gds-button-4xlarge .gds-button-shortcut {
      margin-inline-start: var(--space-2)
    }

    .gds-button-3xlarge .gds-icon {
      height: 28px;
      width: 28px
    }

    .gds-button-4xlarge .gds-icon,
    .gds-icon-button-xlarge .gds-icon {
      height: 32px;
      width: 32px
    }

    .gds-button-primary {
      background-color: var(--button-primary-background-default);
      color: var(--button-primary-text-default)
    }

    .gds-button-primary:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
    .gds-button-primary[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading) {
      background-color: var(--button-primary-background-hover);
      color: var(--button-primary-text-default)
    }

    .gds-button-primary:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut,
    .gds-button-primary[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut {
      background-color: var(--button-primary-shortcut-background-hover)
    }

    .gds-button-primary.gds-button-pressed:not(.gds-button-loading) {
      background-color: var(--button-primary-background-active)
    }

    .gds-button-primary .gds-button-shortcut {
      background-color: var(--button-primary-shortcut-background-default);
      color: var(--button-primary-shortcut-text-default)
    }

    .gds-button-primary.gds-button-pressed .gds-button-shortcut {
      background-color: var(--button-primary-shortcut-background-active)
    }

    .gds-button-secondary {
      background-color: var(--button-secondary-background-default);
      box-shadow: inset 0 0 0 1px var(--button-secondary-border-default);
      color: var(--button-secondary-text-default)
    }

    .gds-button-secondary .gds-icon [stroke] {
      stroke: var(--color-icon-base-default)
    }

    .gds-button-secondary:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
    .gds-button-secondary[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading) {
      background-color: var(--button-secondary-background-hover);
      color: var(--button-secondary-text-hover)
    }

    .gds-button-secondary:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut,
    .gds-button-secondary[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut {
      background-color: var(--button-secondary-shortcut-background-hover);
      border-color: var(--button-secondary-shortcut-border-hover);
      color: var(--button-secondary-shortcut-text-hover)
    }

    .gds-button-secondary:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-icon [stroke],
    .gds-button-secondary[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed) .gds-icon [stroke] {
      stroke: currentcolor
    }

    .gds-button-secondary.gds-button-pressed:not(.gds-button-loading) {
      background-color: var(--button-secondary-background-active);
      color: var(--button-secondary-text-active)
    }

    .gds-button-secondary.gds-button-pressed .gds-button-shortcut {
      background-color: var(--button-secondary-shortcut-background-active);
      border-color: var(--button-secondary-shortcut-border-active)
    }

    .gds-button-secondary.gds-button-pressed .gds-icon [stroke] {
      stroke: currentcolor
    }

    .gds-button-secondary .gds-button-shortcut {
      background-color: var(--button-secondary-shortcut-background-default);
      border: 1px solid var(--button-secondary-shortcut-border-default);
      border-radius: var(--radius-1)
    }

    .gds-button-tertiary {
      background-color: transparent;
      border-color: transparent;
      color: var(--button-tertiary-text-default)
    }

    .gds-button-tertiary:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
    .gds-button-tertiary[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading) {
      background-color: var(--button-tertiary-background-hover);
      color: var(--button-tertiary-text-hover)
    }

    .gds-button-tertiary:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut,
    .gds-button-tertiary[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut {
      background-color: transparent;
      color: var(--button-tertiary-shortcut-text-hover)
    }

    .gds-button-tertiary.gds-button-pressed:not(.gds-button-loading) {
      background-color: var(--button-tertiary-background-active);
      color: var(--button-tertiary-text-active)
    }

    .gds-button-tertiary .gds-button-shortcut {
      background-color: transparent;
      border: 1px solid var(--button-tertiary-shortcut-border-default);
      border-radius: var(--radius-1);
      color: var(--button-tertiary-shortcut-text-default)
    }

    .gds-button-tertiary.gds-button-pressed .gds-button-shortcut {
      border: 1px solid var(--button-tertiary-shortcut-border-active);
      color: var(--button-tertiary-shortcut-text-active)
    }

    .gds-button-ghost {
      background-color: var(--button-ghost-background-default);
      border-color: transparent;
      color: var(--button-ghost-text-default)
    }

    .gds-button-ghost:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
    .gds-button-ghost[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading) {
      background-color: var(--button-ghost-background-hover);
      color: var(--button-ghost-text-hover)
    }

    .gds-button-ghost:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut,
    .gds-button-ghost[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut {
      background-color: var(--button-ghost-shortcut-background-hover)
    }

    .gds-button-ghost.gds-button-pressed:not(.gds-button-loading) {
      background-color: var(--button-ghost-background-active);
      color: var(--button-ghost-text-active)
    }

    .gds-button-ghost .gds-button-shortcut {
      background-color: var(--button-ghost-shortcut-background-default);
      border: 1px solid transparent;
      color: var(--button-ghost-shortcut-text-default)
    }

    .gds-button-premium {
      background-color: var(--button-premium-background-default);
      color: var(--button-premium-text-default)
    }

    .gds-button-premium:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
    .gds-button-premium[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading) {
      background-color: var(--button-premium-background-hover)
    }

    .gds-button-premium.gds-button-pressed:not(.gds-button-loading) {
      background-color: var(--button-premium-background-active)
    }

    .gds-button-critical {
      background-color: var(--button-critical-background-default);
      color: var(--button-critical-text-default)
    }

    .gds-button-critical:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
    .gds-button-critical[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading) {
      background-color: var(--button-critical-background-hover)
    }

    .gds-button-critical.gds-button-pressed:not(.gds-button-loading) {
      background-color: var(--button-critical-background-active)
    }

    .gds-button-pro {
      background-color: var(--button-pro-background-default);
      color: var(--button-pro-text-default)
    }

    .gds-button-pro:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
    .gds-button-pro[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading) {
      background-color: var(--button-pro-background-hover);
      color: var(--button-pro-text-hover)
    }

    .gds-button-pro.gds-button-pressed:not(.gds-button-loading) {
      background-color: var(--button-pro-background-hover);
      color: var(--button-pro-text-active)
    }

    .gds-button-enterprise {
      background-color: var(--button-enterprise-background-default);
      color: var(--button-enterprise-text-default)
    }

    .gds-button-enterprise:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
    .gds-button-enterprise[data-simulate=hover]:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading) {
      background-color: var(--button-enterprise-background-hover);
      color: var(--button-enterprise-text-default)
    }

    .gds-button-enterprise.gds-button-pressed:not(.gds-button-loading) {
      background-color: var(--button-enterprise-background-active)
    }

    .gds-button-loader {
      left: 50%;
      position: absolute;
      stroke: currentcolor;
      top: 50%;
      transform: translate(-50%, -50%)
    }

    .gds-button-3xlarge .gds-button-loader {
      height: 28px;
      width: 28px
    }

    .gds-button-4xlarge .gds-button-loader {
      height: 32px;
      width: 32px
    }

    .gds-button-loading .gds-text {
      color: transparent !important
    }

    .gds-button-loading .gds-button-shortcut {
      visibility: hidden
    }

    .gds-button-loading .gds-icon [stroke] {
      stroke: transparent
    }

    .gds-button-loading .gds-icon [fill] {
      fill: transparent
    }

    .gds-button-as-link {
      text-decoration: none
    }

    .gds-circular-loader-container {
      align-items: center;
      display: flex
    }

    .gds-circular-loader-container-size-small {
      height: var(--space-4);
      width: var(--space-4)
    }

    .gds-circular-loader-container-size-medium {
      height: var(--space-5);
      width: var(--space-5)
    }

    .gds-circular-loader-container-size-large {
      height: var(--space-6);
      width: var(--space-6)
    }

    .gds-circular-loader {
      animation: spinner 1.5s ease-in-out infinite, rotate 2s linear infinite;
      stroke-dasharray: 1px, 200px;
      stroke-dashoffset: 1px;
      stroke-linecap: round;
      transform-box: fill-box;
      transform-origin: center center
    }

    @keyframes spinner {
      0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 1px
      }

      50% {
        stroke-dasharray: 89px, 200px;
        stroke-dashoffset: -35px
      }

      to {
        stroke-dasharray: 89px, 200px;
        stroke-dashoffset: -124px
      }
    }

    @keyframes rotate {
      to {
        transform: rotate(1turn)
      }
    }

    .gds-circular-loader-variant-default {
      stroke: var(--color-icon-base-default)
    }

    .gds-circular-loader-variant-inverse {
      stroke: var(--color-icon-base-inverse)
    }

    .gds-circular-loader-variant-inherit {
      stroke: currentcolor
    }

    .gds-circular-loader-small {
      stroke-width: 5px
    }

    .gds-circular-loader-medium {
      stroke-width: 5.5px
    }

    .gds-circular-loader-large {
      stroke-width: 6px
    }

    @media (prefers-reduced-motion:reduce) {
      .gds-circular-loader {
        animation: none;
        stroke-dasharray: 89px, 200px;
        stroke-dashoffset: -35px
      }
    }

    .gds-branded-loader-container-size-small {
      height: 24px;
      width: 24px
    }

    .gds-branded-loader-container-size-medium {
      height: 64px;
      width: 64px
    }

    .gds-branded-loader-bobble {
      animation: show-pulse-hide 2.5s ease-in-out infinite forwards;
      transform: scale(0);
      transform-origin: 50% 50%
    }

    .gds-branded-loader-bottom-right {
      animation-delay: 0s
    }

    .gds-branded-loader-top-left {
      animation-delay: .2s
    }

    .gds-branded-loader-top-right {
      animation-delay: .4s
    }

    .gds-branded-loader-bottom-left {
      animation-delay: .6s
    }

    @media (prefers-reduced-motion:reduce) {
      .gds-branded-loader-bobble {
        animation: show-pulse-hide-5-sec-pause 6.5s ease-in-out infinite forwards
      }

      .gds-branded-loader-bottom-right {
        animation-delay: 0s
      }

      .gds-branded-loader-top-left {
        animation-delay: .2s
      }

      .gds-branded-loader-top-right {
        animation-delay: .4s
      }

      .gds-branded-loader-bottom-left {
        animation-delay: .6s
      }
    }

    @keyframes show-pulse-hide {
      0% {
        transform: scale(0)
      }

      18.75% {
        transform: scale(.9)
      }

      37.5% {
        transform: scale(.7)
      }

      56% {
        transform: scale(.9)
      }

      75% {
        transform: scale(0)
      }

      to {
        transform: scale(0)
      }
    }

    @keyframes show-pulse-hide-5-sec-pause {
      0% {
        transform: scale(0)
      }

      6.25% {
        transform: scale(.9)
      }

      12.5% {
        transform: scale(.7)
      }

      18.75% {
        transform: scale(.9)
      }

      95% {
        transform: scale(.9)
      }

      to {
        transform: scale(0)
      }
    }

    .simulate-reduced-motion path[class^=gds-branded-loader] {
      animation: none !important;
      transform: scale(.9)
    }

    .gds-checkbox {
      --gds-checkbox-size-large: 20px;
      --gds-checkbox-size-medium: 16px;
      --gds-checkbox-size-xlarge: 24px;
      border-radius: var(--space-half);
      display: flex;
      flex-direction: column;
      gap: var(--space-1);
      position: relative;
      width: fit-content
    }

    .gds-checkbox-input {
      left: 0;
      margin: 0;
      position: absolute;
      top: 2px
    }

    .gds-checkbox-input-medium {
      height: var(--gds-checkbox-size-medium);
      width: var(--gds-checkbox-size-medium)
    }

    .gds-checkbox-input-large {
      height: var(--gds-checkbox-size-large);
      width: var(--gds-checkbox-size-large)
    }

    .gds-checkbox-input-xlarge {
      height: var(--gds-checkbox-size-xlarge);
      width: var(--gds-checkbox-size-xlarge)
    }

    .gds-checkbox-icon,
    .gds-checkbox .gds-input-label {
      cursor: pointer
    }

    .gds-checkbox-icon {
      border-radius: var(--radius-1);
      box-sizing: border-box;
      transition-duration: .15s;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .gds-checkbox-icon-medium {
      height: var(--gds-checkbox-size-medium);
      min-width: var(--gds-checkbox-size-medium);
      width: var(--gds-checkbox-size-medium)
    }

    .gds-checkbox-icon-large {
      height: var(--gds-checkbox-size-large);
      min-width: var(--gds-checkbox-size-large);
      width: var(--gds-checkbox-size-large)
    }

    .gds-checkbox-icon-xlarge {
      border-radius: calc(var(--radius-1) + var(--space-half));
      height: var(--gds-checkbox-size-xlarge);
      min-width: var(--gds-checkbox-size-xlarge);
      width: var(--gds-checkbox-size-xlarge)
    }

    .gds-checkbox-focus-visible {
      outline: 2px solid var(--color-background-brand-default);
      outline-offset: 2px
    }

    .gds-checkbox-disabled .gds-input-label {
      cursor: not-allowed
    }

    .gds-checkbox-element-disabled {
      background: var(--color-background-base-subdued);
      cursor: not-allowed;
      opacity: .4
    }

    .gds-checkbox-group {
      all: unset
    }

    .gds-checkbox-group legend {
      padding: 0
    }

    .gds-checkbox-group-columns {
      border: 1px solid transparent;
      border-radius: var(--space-1);
      column-gap: var(--space-4);
      display: grid;
      grid-template-columns: 1fr auto;
      margin-top: var(--space-1);
      padding: var(--space-1);
      row-gap: var(--space-3)
    }

    .gds-checkbox-column-1 {
      grid-template-columns: 1fr
    }

    .gds-checkbox-column-2 {
      column-gap: var(--space-4);
      grid-template-columns: 1fr auto
    }

    .gds-checkbox-group-row {
      display: flex
    }

    .gds-checkbox-group-error {
      border: 1px solid var(--color-border-critical-default);
      margin-bottom: var(--space-1);
      padding: var(--space-1)
    }

    .gds-checkbox-group-large .gds-checkbox-group-error,
    .gds-checkbox-group-medium .gds-checkbox-group-error {
      border-radius: calc(var(--radius-1) + var(--radius-half))
    }

    .gds-checkbox-group-xlarge .gds-checkbox-group-error {
      border-radius: var(--radius-2)
    }

    .gds-checkbox-label-margin,
    .gds-checkbox .gds-input-label-helper {
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone
    }

    .gds-checkbox-medium .gds-checkbox-label-margin,
    .gds-checkbox-medium .gds-input-label-helper {
      margin-inline-start: calc(var(--space-2) + var(--gds-checkbox-size-medium))
    }

    .gds-checkbox-large .gds-checkbox-label-margin,
    .gds-checkbox-large .gds-input-label-helper {
      margin-inline-start: calc(var(--space-2) + var(--gds-checkbox-size-large))
    }

    .gds-checkbox-xlarge .gds-checkbox-label-margin,
    .gds-checkbox-xlarge .gds-input-label-helper {
      margin-inline-start: calc(var(--space-2) + var(--gds-checkbox-size-xlarge))
    }

    .gds-flex {
      display: flex;
      flex-flow: row nowrap
    }

    .gds-flex-direction-column {
      flex-direction: column
    }

    .gds-flex-wrap {
      flex-wrap: wrap
    }

    .gds-flex-elevation-low {
      border: var(--elevation-low-border);
      box-shadow: var(--elevation-low-shadow)
    }

    .gds-flex-elevation-medium {
      border: var(--elevation-medium-border);
      box-shadow: var(--elevation-medium-shadow)
    }

    .gds-flex-elevation-high {
      border: var(--elevation-high-border);
      box-shadow: var(--elevation-high-shadow)
    }

    .gds-flex-align-self-start {
      align-self: flex-start
    }

    .gds-flex-align-self-end {
      align-self: flex-end
    }

    .gds-flex-align-self-center {
      align-self: center
    }

    .gds-flex-align-self-baseline {
      align-self: baseline
    }

    .gds-flex-align-self-stretch {
      align-self: stretch
    }

    [data-gds-theme] {
      color: var(--color-text-base-default)
    }

    .gds-combobox {
      display: flex;
      flex: 1;
      flex-direction: column;
      position: relative
    }

    .gds-combobox-icon-button {
      background: transparent;
      border: none;
      top: 32px
    }

    .gds-combobox-icon-button-content {
      align-self: center
    }

    .gds-combobox-listbox {
      background-color: var(--color-background-base-default);
      border: 1px solid var(--color-border-base-default);
      border-radius: var(--radius-1);
      cursor: pointer;
      list-style: none;
      margin: 0;
      margin-top: var(--space-1);
      max-height: 165px;
      overflow: auto;
      padding: var(--space-2)
    }

    .gds-combobox-listbox-item {
      --combobox-item-hover: var(--neutral-gray-60);
      align-items: center;
      border-radius: var(--radius-1);
      display: flex;
      gap: var(--space-1);
      justify-content: space-between;
      min-height: 32px;
      padding: var(--space-half) var(--space-2)
    }

    .gds-combobox-listbox-item[aria-disabled=true] {
      cursor: not-allowed;
      opacity: .4
    }

    .gds-combobox-listbox-item-focused {
      background-color: var(--combobox-item-hover);
      color: var(--color-text-base-inverse)
    }

    .gds-combobox-listbox-item-focused p,
    .gds-combobox-listbox-item-focused span {
      color: var(--color-text-base-inverse) !important
    }

    .gds-combobox-listbox-item-focused .gds-icon path {
      stroke: var(--color-icon-base-inverse)
    }

    .gds-combobox .gds-input-decoration {
      align-items: center;
      display: flex;
      height: 24px;
      justify-content: center;
      left: 8px;
      position: absolute;
      width: 24px
    }

    .gds-combobox .gds-input-decoration+.gds-text-field-input {
      padding-left: 40px
    }

    .gds-form {
      --form-fieldset-margin-top: var(--space-1);
      --form-footer-margin-top: var(--space-2);
      --form-header-margin-bottom: var(--space-0);
      --form-row-spacing: var(--space-2);
      display: flex;
      flex-direction: column;
      gap: var(--form-row-spacing)
    }

    .gds-form.gds-form-standard {
      --form-fieldset-margin-top: var(--space-3);
      --form-footer-margin-top: var(--space-3);
      --form-header-margin-bottom: var(--space-1);
      --form-row-spacing: var(--space-3)
    }

    .gds-form.gds-form-spacious {
      --form-fieldset-margin-top: var(--space-8);
      --form-footer-margin-top: var(--space-6);
      --form-header-margin-bottom: var(--space-4);
      --form-row-spacing: var(--space-4)
    }

    .gds-form-header {
      display: flex;
      flex-direction: column;
      gap: var(--space-half);
      margin-bottom: var(--form-header-margin-bottom)
    }

    .gds-form-row {
      display: flex;
      flex-flow: wrap;
      gap: var(--space-3)
    }

    .gds-form-fieldset {
      border: none;
      display: flex;
      flex-direction: column;
      gap: var(--form-row-spacing);
      margin: var(--form-fieldset-margin-top) 0;
      padding: 0
    }

    .gds-form-fieldset legend {
      display: flex;
      flex-direction: column;
      margin-bottom: var(--form-row-spacing);
      padding: 0
    }

    .gds-form-fieldset .gds-form-legend-indicator {
      color: var(--color-text-base-subdued);
      padding-inline-start: var(--space-2)
    }

    .gds-form-footer {
      display: flex;
      gap: var(--space-2);
      margin-top: var(--form-footer-margin-top)
    }

    .gds-illustration {
      display: block;
      width: 100%
    }

    .gds-illustration-large>svg,
    .gds-illustration-medium>svg,
    .gds-illustration-small>svg,
    .gds-illustration-xlarge>svg {
      height: 100%;
      width: 100%
    }

    .gds-illustration-small {
      height: 32px;
      width: 32px
    }

    .gds-illustration-medium {
      height: 56px;
      width: 56px
    }

    .gds-illustration-large {
      height: 80px;
      width: 80px
    }

    .gds-illustration-xlarge {
      height: 96px;
      width: 96px
    }

    .gds-link {
      --link-underline-thickness: max(1.5px, 0.0625rem);
      appearance: none;
      display: inline;
      text-decoration: underline;
      text-decoration-skip-ink: none;
      text-decoration-thickness: var(--link-underline-thickness);
      text-underline-offset: .2em
    }

    .gds-link-block {
      display: block;
      width: fit-content
    }

    .gds-link-inline-block {
      display: inline-block
    }

    .gds-link-bold {
      font-weight: 700
    }

    .gds-link-underline-hover {
      text-decoration-line: none
    }

    .gds-link:hover,
    .gds-link[data-simulate=hover] {
      text-decoration-line: underline;
      text-decoration-thickness: max(3px, .1875rem, .12em)
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {

      :root .gds-link:hover,
      _::-webkit-full-page-media,
      _:future {
        text-decoration-thickness: var(--link-underline-thickness)
      }
    }

    .gds-link-primary {
      color: var(--color-text-brand-default);
      text-decoration-color: var(--color-border-brand-default)
    }

    .gds-link-secondary {
      color: var(--color-text-base-subdued);
      text-decoration-color: var(--color-text-base-subdued)
    }

    .gds-link-inherit {
      color: inherit;
      text-decoration-color: inherit
    }

    .gds-link-focus-visible {
      border-radius: var(--radius-half);
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: 2px
    }

    .gds-menu-container {
      display: inline-block;
      position: relative
    }

    .gds-menu-dropdown {
      --color-menu-background-active: var(--neutral-gray-20);
      --color-menu-background-hover: var(--neutral-gray-10);
      --color-menu-icon-hover: var(--neutral-gray-100);
      border: var(--elevation-low-border);
      border-radius: var(--radius-1);
      box-shadow: var(--elevation-low-shadow);
      z-index: var(--z-index-popover)
    }

    [data-gds-theme=dark] .gds-menu-dropdown {
      --color-menu-background-active: var(--neutral-gray-60);
      --color-menu-background-hover: var(--neutral-gray-80);
      --color-menu-icon-hover: var(--white)
    }

    .gds-menu-list {
      background-color: var(--color-background-base-default);
      border-radius: var(--radius-1);
      display: flex;
      flex-direction: column;
      gap: var(--space-1);
      list-style: none;
      margin: 0;
      padding: var(--space-2)
    }

    .gds-menu-item {
      align-items: center;
      border-radius: var(--radius-0);
      box-sizing: border-box;
      color: var(--color-text-base-default);
      cursor: pointer;
      display: flex;
      gap: var(--space-2);
      justify-content: start;
      min-height: 32px;
      min-width: 100%;
      padding: 0 var(--space-2);
      width: max-content
    }

    .gds-menu-item:hover:not(.gds-menu-item-disabled) {
      background: var(--color-menu-background-hover);
      border-radius: var(--radius-1)
    }

    .gds-menu-item:hover:not(.gds-menu-item-disabled) .gds-icon [stroke] {
      stroke: var(--color-menu-icon-hover)
    }

    .gds-menu-item:hover:not(.gds-menu-item-disabled) .gds-icon [fill] {
      fill: var(--color-menu-icon-hover)
    }

    .gds-menu-item:active:not(.gds-menu-item-disabled) {
      background-color: var(--color-menu-background-active)
    }

    .gds-menu-group li {
      padding: var(--space-1) var(--space-2)
    }

    .gds-menu-item-pressed li:focus {
      border-radius: var(--radius-1);
      opacity: 1;
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: 2px;
      position: relative;
      z-index: 10
    }

    .gds-menu-item-container li:focus {
      background-color: var(--color-menu-background-active);
      border-radius: var(--radius-1);
      outline: none
    }

    .gds-menu-item-disabled {
      cursor: not-allowed
    }

    .gds-menu-item-disabled span,
    .gds-menu-item-disabled svg {
      opacity: .4
    }

    .gds-menu-separator {
      border-radius: var(--radius-0);
      border-top: 1px solid var(--color-border-base-subdued);
      margin: var(--space-1) calc(-1 * var(--space-2))
    }

    .gds-menu-section {
      display: flex;
      flex-direction: column;
      gap: var(--space-1)
    }

    .gds-menu-section-label {
      display: block;
      padding: var(--space-1) var(--space-2)
    }

    .gds-menu-item-link {
      background: none;
      color: inherit;
      display: block;
      text-decoration: none;
      width: 100%
    }

    .gds-menu-group {
      display: flex;
      flex-direction: column;
      gap: var(--space-1);
      padding: var(--space-0)
    }

    .gds-modal-backdrop {
      display: none;
      inset: 0;
      overflow-y: auto;
      position: fixed;
      z-index: 1
    }

    .gds-modal-backdrop-active {
      display: block
    }

    :host,
    :root {
      --animation-duration: 0.2s
    }

    .gds-modal-container {
      align-items: center;
      animation: fade-in var(--animation-duration) ease-in-out forwards;
      background-color: rgba(71, 75, 88, .6);
      display: flex;
      height: 100%;
      justify-content: center;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: var(--z-index-modal)
    }

    .gds-modal-container.hide {
      animation: fade-out var(--animation-duration) ease-in-out forwards
    }

    .gds-modal-overlay {
      animation: fade-in var(--animation-duration) ease-in-out forwards, scale-in var(--animation-duration) ease-in-out forwards;
      background-color: var(--color-background-base-default);
      border: 1px solid var(--color-border-base-subdued);
      border-radius: var(--radius-2);
      box-shadow: var(--elevation300-shadow);
      position: relative
    }

    .gds-modal-overlay.hide {
      animation: fade-out var(--animation-duration) ease-in-out forwards, scale-out var(--animation-duration) ease-in-out forwards
    }

    .gds-modal-content {
      display: flex;
      flex-direction: column;
      max-height: 75vh;
      min-width: 320px;
      position: relative;
      word-wrap: break-word
    }

    .gds-modal-small {
      width: 480px
    }

    .gds-modal-medium {
      width: 640px
    }

    .gds-modal-header {
      overflow-wrap: break-word;
      padding: var(--space-4) var(--space-20) var(--space-4) var(--space-8)
    }

    .gds-modal-header-description {
      margin-top: var(--space-3)
    }

    .gds-modal-close-button {
      padding: var(--space-4);
      position: absolute;
      right: 0;
      z-index: 10
    }

    .gds-modal-body {
      flex-grow: 1;
      overflow: auto;
      padding: var(--space-2) var(--space-8) var(--space-8)
    }

    .gds-modal-body-border-top {
      border-top: 1px solid var(--color-border-base-subdued)
    }

    .gds-modal-footer {
      align-items: center;
      background-color: var(--color-background-base-subdued);
      border-bottom-left-radius: var(--radius-2);
      border-bottom-right-radius: var(--radius-2);
      box-sizing: content-box;
      display: flex;
      max-height: var(--space-8);
      min-height: var(--space-8);
      padding: var(--space-3) var(--space-8)
    }

    @keyframes fade-in {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @keyframes fade-out {
      0% {
        opacity: 1
      }

      to {
        opacity: 0
      }
    }

    @keyframes scale-in {
      0% {
        transform: scale(.8)
      }

      to {
        transform: scale(1)
      }
    }

    @keyframes scale-out {
      0% {
        transform: scale(1)
      }

      to {
        transform: scale(.8)
      }
    }

    .gds-modal-overlay .gds-button:focus {
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: 2px
    }

    @media (prefers-reduced-motion:reduce) {

      .gds-modal-container,
      .gds-modal-container.hide,
      .gds-modal-overlay,
      .gds-modal-overlay.hide {
        animation: none
      }
    }

    .gds-plan-tag {
      height: var(--plan-tag-height);
      width: fit-content
    }

    .gds-plan-tag svg {
      height: 100%;
      width: auto
    }

    .gds-plan-tag-xsmall {
      --plan-tag-height: 22px
    }

    .gds-plan-tag-small {
      --plan-tag-height: 32px
    }

    .gds-plan-tag-medium {
      --plan-tag-height: 48px
    }

    .gds-plan-tag-large {
      --plan-tag-height: 72px
    }

    .gds-popover {
      border: 1px solid var(--color-border-elevated-default);
      border-radius: var(--radius-2);
      max-width: calc(480px - var(--space-4) * 2);
      min-width: 225px;
      z-index: var(--z-index-popover)
    }

    .gds-popover .gds-arrow {
      fill: var(--neutral-gray-90);
      height: 14px;
      width: 14px
    }

    .gds-popover-content {
      background: var(--color-background-base-subdued);
      border-radius: var(--radius-2);
      color: var(--color-text-light-default);
      padding: var(--space-4);
      position: relative
    }

    .gds-popover-close-button {
      padding: var(--space-2);
      position: absolute;
      right: 0;
      top: 0
    }

    .gds-radio-group {
      all: unset;
      border-width: 0;
      color: var(--color-text-base-default);
      display: block;
      margin: 0;
      min-width: 0;
      padding: 0
    }

    .gds-radio-group,
    .gds-radio-group * {
      box-sizing: border-box
    }

    .gds-radio-group legend {
      padding: 0
    }

    .gds-radio-group-border-error {
      border: 1px solid var(--color-border-critical-default);
      border-radius: calc(var(--radius-1) + var(--radius-half))
    }

    .gds-radio-group-xlarge .gds-radio-group-border-error {
      border-radius: var(--radius-2)
    }

    .gds-radio-button-container {
      margin-inline-start: calc(-1 * var(--space-half));
      margin-top: var(--space-1);
      min-width: 150px;
      row-gap: var(--space-2);
      width: fit-content
    }

    .gds-radio-button-container+.gds-input-error {
      margin-top: var(--space-1)
    }

    .gds-radio-button-container-column-1 {
      display: grid;
      grid-template-columns: 1fr
    }

    .gds-radio-button-container-column-2 {
      column-gap: var(--space-5);
      display: grid;
      grid-template-columns: 1fr 1fr
    }

    .gds-radio-button-container-single-row {
      column-gap: var(--space-3);
      display: flex;
      flex-wrap: wrap
    }

    .gds-radio-button {
      border: 2px solid transparent;
      border-radius: var(--radius-1);
      margin: -1px;
      padding: var(--space-1)
    }

    .gds-radio-button-label {
      align-items: flex-start;
      cursor: pointer;
      display: flex
    }

    .gds-radio-button-label-disabled {
      cursor: not-allowed
    }

    .gds-radio-button .gds-radio-button-input {
      background-color: var(--color-background-base-default);
      border: solid;
      border-radius: 50%;
      margin-inline-end: var(--space-2);
      margin-top: var(--space-half);
      position: relative
    }

    .gds-radio-button .gds-radio-button-input-medium {
      height: var(--space-4);
      min-width: var(--space-4);
      width: var(--space-4)
    }

    .gds-radio-button .gds-radio-button-input-large {
      height: var(--space-5);
      min-width: var(--space-5);
      width: var(--space-5)
    }

    .gds-radio-button .gds-radio-button-input-xlarge {
      height: var(--space-6);
      margin-top: var(--space-1);
      min-width: var(--space-6);
      width: var(--space-6)
    }

    .gds-radio-button-input.gds-radio-button-input-disabled {
      background-color: var(--color-background-base-subdued);
      opacity: .4
    }

    .gds-radio-button input {
      cursor: pointer;
      height: var(--space-4);
      left: -2px;
      margin: 1px;
      opacity: 0;
      position: absolute;
      top: -2px;
      width: var(--space-4)
    }

    .gds-radio-button-input-large input {
      height: var(--space-5);
      width: var(--space-5)
    }

    .gds-radio-button-input-xlarge input {
      height: var(--space-6);
      width: var(--space-6)
    }

    .gds-radio-button-input-disabled,
    .gds-radio-button-input-disabled input {
      cursor: not-allowed
    }

    .gds-radio-button-input.gds-radio-button-input-checked {
      background-color: var(--color-background-base-default);
      border-color: var(--color-background-brand-default);
      border-width: 5px
    }

    .gds-radio-button-input-large.gds-radio-button-input-checked {
      border-width: 6px
    }

    .gds-radio-button-input-xlarge.gds-radio-button-input-checked {
      border-width: 7px
    }

    .gds-radio-button-input-checked input {
      left: -6px;
      top: -6px
    }

    .gds-radio-button-focus-visible {
      outline: 2px solid var(--color-background-brand-default);
      outline-offset: -2px
    }

    .gds-radio-button-helper-message {
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      margin-inline-start: var(--space-6)
    }

    .gds-radio-group-large .gds-radio-button-helper-message {
      margin-inline-start: calc(var(--space-6) + var(--space-1))
    }

    .gds-radio-group-xlarge .gds-radio-button-helper-message {
      margin-inline-start: var(--space-8)
    }

    .gds-text-field {
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: var(--space-1);
      min-width: 130px;
      text-align: start
    }

    .gds-text-field .gds-text-field-input {
      all: unset;
      border: 1px solid var(--color-border-base-default);
      border-radius: calc(var(--radius-1) + var(--radius-half));
      box-sizing: border-box;
      color: var(--color-text-base-default);
      padding: var(--space-1) var(--space-3);
      width: 100%
    }

    .gds-text-field-container {
      align-items: center;
      border-radius: calc(var(--radius-1) + var(--radius-half));
      display: flex;
      position: relative
    }

    .gds-text-field-medium .gds-text-field-input {
      font-size: 14px;
      height: 32px
    }

    .gds-text-field-large .gds-text-field-input {
      font-size: 16px;
      height: 40px
    }

    .gds-text-field-large .gds-text-field-container {
      margin-top: var(--space-half)
    }

    .gds-text-field-xlarge .gds-text-field-input {
      border-radius: var(--radius-2);
      font-size: 18px;
      height: 48px
    }

    .gds-text-field-xlarge .gds-text-field-container {
      border-radius: var(--radius-2);
      margin-top: var(--space-1)
    }

    .gds-text-field-xlarge .gds-text-field-icon-start svg {
      height: 24px;
      width: 24px
    }

    .gds-text-field-input[type=number]::-webkit-inner-spin-button,
    .gds-text-field-input[type=number]::-webkit-outer-spin-button {
      opacity: 0
    }

    .gds-text-field-input[type=number] {
      -moz-appearance: textfield !important
    }

    .gds-text-field-icon-start {
      display: flex;
      padding: 0 var(--space-3);
      pointer-events: none;
      position: absolute
    }

    .gds-text-field-input[aria-invalid=true] {
      border-color: var(--color-border-critical-default)
    }

    .gds-text-field-icon-start+.gds-text-field-input {
      padding-inline-start: calc(var(--space-3) + 20px + var(--space-3))
    }

    .gds-text-field-container-password .gds-text-field-input {
      padding-inline-end: var(--space-8)
    }

    .gds-text-field-input::placeholder {
      color: var(--color-text-base-subdued);
      opacity: 1
    }

    .gds-text-field-input:disabled {
      border-color: var(--color-border-base-subdued);
      cursor: not-allowed
    }

    .gds-text-field-input:active:not([disabled]),
    .gds-text-field-input[data-simulate=active] {
      border-color: var(--color-border-brand-default)
    }

    .gds-text-field-container:focus-within,
    .gds-text-field-container:has([data-simulate=focus]) {
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: 2px
    }

    .gds-text-field button {
      align-items: center;
      all: unset;
      background: 0 0;
      border: 1px solid transparent;
      border-radius: var(--radius-1);
      cursor: pointer;
      display: flex;
      height: 24px;
      justify-content: center;
      margin-inline-end: var(--space-2);
      outline: none;
      padding: 0;
      position: absolute;
      right: 0;
      width: 24px
    }

    .gds-text-field button:focus-visible,
    .gds-text-field button[data-simulate=focus] {
      border-color: var(--color-border-brand-default)
    }

    .gds-text-field-input::-webkit-search-cancel-button {
      display: none
    }

    .gds-text-field-input::-webkit-textfield-decoration-container {
      margin-inline-end: var(--space-4)
    }

    .gds-select {
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: var(--space-1);
      text-align: start
    }

    .gds-select .gds-select-inner {
      appearance: none;
      background-color: unset;
      border: 1px solid var(--color-border-base-default);
      border-radius: var(--radius-1);
      box-sizing: border-box;
      color: var(--color-text-base-default);
      font-family: inherit;
      font-size: 14px;
      height: 32px;
      line-height: 1.5;
      margin: 0;
      padding: var(--space-1) var(--space-8) var(--space-1) var(--space-3);
      width: 100%
    }

    .gds-select-inner[aria-invalid=true] {
      border-color: var(--color-border-critical-default)
    }

    .gds-select-inner:focus-visible {
      outline: none
    }

    .gds-select-inner:disabled {
      border-color: var(--color-border-base-subdued);
      cursor: not-allowed;
      resize: none
    }

    .gds-select-inner:active:not([disabled]),
    .gds-select-inner[data-simulate=active]:not([disabled]) {
      border-color: var(--color-border-brand-default)
    }

    .gds-select-container {
      align-items: center;
      border: 1px solid transparent;
      border-radius: var(--radius-1);
      display: flex;
      margin-inline-start: calc(-1 * var(--space-half));
      position: relative
    }

    .gds-select-container .gds-icon {
      position: absolute;
      right: var(--space-3)
    }

    .gds-select-container:focus-within,
    .gds-select-container:has([data-simulate=focus]) {
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: 1px
    }

    .gds-select-icon {
      pointer-events: none
    }

    .gds-skeleton-circle {
      aspect-ratio: 1;
      border-radius: 50%;
      flex: 0 0 auto;
      height: 100%;
      overflow: hidden
    }

    .gds-skeleton-rectangle {
      border-radius: var(--space-half)
    }

    .gds-skeleton-frame {
      position: relative;
      width: auto
    }

    .gds-skeleton-label {
      animation: fade-in-down ease-in-out .3s;
      background: var(--color-background-base-default);
      border: var(--elevation100-border);
      border-color: var(--color-border-base-subdued);
      border-radius: var(--radius-3);
      box-shadow: var(--elevation100-shadow);
      left: 0;
      margin: 0 auto;
      padding: 0 var(--space-2) var(--space-half);
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      user-select: none;
      width: fit-content;
      z-index: 1
    }

    [data-gds-theme=dark] .gds-skeleton-label {
      box-shadow: none
    }

    @keyframes fade-in-down {
      0% {
        opacity: 0;
        transform: translateY(-10px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .gds-skeleton-item {
      width: 100%
    }

    .gds-skeleton-item-inner {
      --skeleton-bg: var(--neutral-gray-10);
      --skeleton-shimmer: var(--neutral-gray-20);
      background-color: var(--skeleton-bg);
      border-radius: var(--radius-1);
      display: block;
      mix-blend-mode: multiply;
      overflow: hidden;
      position: relative
    }

    .gds-skeleton-item-inner:after {
      animation: shimmer 2s ease-in-out infinite;
      background-image: linear-gradient(90deg, transparent, var(--skeleton-shimmer) 50%, transparent);
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transform: translateX(-100%);
      width: 100%
    }

    @keyframes shimmer {
      to {
        transform: translateX(100%)
      }
    }

    .gds-skeleton-item-circle {
      aspect-ratio: 1;
      border-radius: 50%
    }

    [data-gds-theme=dark] .gds-skeleton-item-inner {
      --skeleton-bg: var(--color-background-base-subdued);
      --skeleton-shimmer: var(--neutral-gray-80);
      mix-blend-mode: screen
    }

    @media (prefers-reduced-motion:reduce) {

      .gds-skeleton-item-inner:after,
      .gds-skeleton-label {
        animation: none
      }
    }

    .gds-sticker {
      background-size: contain;
      font-family: var(--font-stack-matter);
      font-weight: 600;
      position: relative
    }

    .gds-sticker,
    .gds-sticker-discount {
      display: flex;
      height: var(--sticker-size);
      width: var(--sticker-size)
    }

    .gds-sticker-discount {
      align-items: center;
      color: var(--color-text-pro-default);
      flex-direction: column;
      justify-content: center;
      line-height: normal;
      z-index: 1
    }

    .gds-sticker-discount p {
      margin: 0
    }

    .gds-sticker-flap {
      z-index: 10
    }

    .gds-sticker-background {
      height: var(--sticker-size);
      position: absolute;
      width: var(--sticker-size)
    }

    .gds-sticker-discount .gds-sticker-discount-text {
      font-size: var(--sticker-discount-text-size)
    }

    .gds-sticker-discount .gds-sticker-percent-text {
      font-size: var(--sticker-percent-text-size)
    }

    .gds-sticker-discount .gds-sticker-off-text {
      font-size: var(--sticker-off-text-size);
      line-height: var(--sticker-off-line-height);
      text-transform: uppercase
    }

    .gds-sticker-discount .gds-sticker-plan-text {
      font-size: var(--sticker-plan-text-size)
    }

    .gds-sticker-small {
      --sticker-discount-text-size: 35px;
      --sticker-off-line-height: 9px;
      --sticker-off-text-size: 9px;
      --sticker-percent-text-size: 21px;
      --sticker-plan-text-size: 9px;
      --sticker-size: 96px
    }

    .gds-sticker-medium {
      --sticker-discount-text-size: 44px;
      --sticker-off-line-height: 11px;
      --sticker-off-text-size: 11px;
      --sticker-percent-text-size: 26px;
      --sticker-plan-text-size: 11px;
      --sticker-size: 120px
    }

    .gds-sticker-large {
      --sticker-discount-text-size: 53px;
      --sticker-off-line-height: 13px;
      --sticker-off-text-size: 13px;
      --sticker-percent-text-size: 31px;
      --sticker-plan-text-size: 13px;
      --sticker-size: 144px
    }

    .gds-switch {
      display: flex;
      gap: var(--space-2);
      max-width: 480px;
      position: relative
    }

    .gds-switch-indicator,
    .gds-switch-input,
    .gds-switch-label {
      cursor: pointer
    }

    .gds-switch-input {
      margin: 2px;
      opacity: 0;
      position: absolute
    }

    .gds-switch-label {
      display: flex
    }

    .gds-switch [data-size=small] {
      height: 20px;
      width: 36px
    }

    .gds-switch [data-size=medium] {
      height: 23px;
      width: 42px
    }

    .gds-switch [data-size=large] {
      height: 26px;
      width: 46px
    }

    .gds-switch [data-size=xlarge] {
      height: 34px;
      width: 62px
    }

    .gds-switch-animation {
      transition: all .3s;
      transition-timing-function: ease-out
    }

    .gds-switch-check-animation-turning-on {
      transition: opacity .2s;
      transition-delay: .2s
    }

    .gds-switch-check-animation-turning-off {
      transition: opacity .1s;
      transition-delay: 0s
    }

    .gds-switch[data-label-display=top] {
      flex-wrap: wrap
    }

    .gds-switch[data-label-display=right] {
      flex-direction: row-reverse
    }

    .gds-switch[data-label-display=hidden] {
      width: fit-content
    }

    .gds-switch[data-disabled] .gds-switch-indicator,
    .gds-switch[data-disabled] .gds-switch-input,
    .gds-switch[data-disabled] .gds-switch-label {
      cursor: not-allowed
    }

    .gds-switch[data-disabled] .gds-switch-indicator {
      opacity: .4
    }

    @supports selector(:has(a, b)) {
      .gds-switch:has(.gds-switch-input:focus-visible) {
        border-radius: var(--radius-half);
        outline: 2px solid var(--color-border-brand-default);
        outline-offset: 2px
      }
    }

    @supports (not selector(:has(a, b))) and (selector(:focus-visible)) {
      .gds-switch-input:focus-visible+.gds-switch-indicator {
        border-radius: var(--radius-half);
        outline: 2px solid var(--color-border-brand-default);
        outline-offset: 2px
      }
    }

    @supports (not selector(:has(a, b))) and (not selector(:focus-visible)) {
      .gds-switch-input:focus+.gds-switch-indicator {
        border-radius: var(--radius-half);
        outline: 2px solid var(--color-border-brand-default);
        outline-offset: 2px
      }
    }

    .gds-tabs {
      display: block;
      width: 100%
    }

    .gds-tabs-list-container {
      border-bottom: 1px solid var(--color-border-base-subdued);
      box-sizing: border-box;
      height: var(--tabs-list-height);
      overflow: hidden;
      position: relative
    }

    .gds-tabs-list-container-small {
      --tabs-list-height: 32px;
      --tabs-tab-font-size: 12px;
      --tabs-tab-padding: 6px;
      --tabs-tab-underline-height: 2px
    }

    .gds-tabs-list-container-medium {
      --tabs-list-height: 40px;
      --tabs-tab-font-size: 14px;
      --tabs-tab-padding: var(--space-2);
      --tabs-tab-underline-height: 3px
    }

    .gds-tabs-list-container-large {
      --tabs-list-height: 48px;
      --tabs-tab-font-size: 16px;
      --tabs-tab-padding: var(--space-3);
      --tabs-tab-underline-height: 3px
    }

    .gds-tabs-list-container-xlarge {
      --tabs-list-height: 72px;
      --tabs-tab-font-size: 18px;
      --tabs-tab-padding: var(--space-5);
      --tabs-tab-underline-height: 4px
    }

    .gds-tabs-list-container-auto {
      --tabs-list-height: auto;
      --tabs-tab-underline-height: 3px
    }

    .gds-tabs-list-container.gds-tabs-border-none {
      border-bottom: 0
    }

    .gds-tabs-list {
      height: 100%;
      overflow: auto
    }

    .gds-tabs-list-container button[class*=gds-tabs-list-overflow-button-] {
      background: #fff;
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
    }

    .gds-tabs-list-container .gds-tabs-list-overflow-button-right {
      right: 0
    }

    .gds-tabs-tab-container {
      background-color: transparent;
      border: none;
      color: var(--color-text-base-subdued);
      cursor: pointer;
      height: 100%;
      padding: 0
    }

    .gds-tabs-full-width .gds-tabs-tab-container {
      width: 100%
    }

    .gds-tabs-tab-container:focus-visible {
      border-radius: var(--radius-1);
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: -2px
    }

    .gds-tabs-tab {
      border-bottom: var(--tabs-tab-underline-height) solid transparent;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      padding-left: var(--tabs-tab-padding);
      padding-right: var(--tabs-tab-padding);
      text-wrap: nowrap
    }

    .gds-tabs-tab-selected {
      font-weight: 600
    }

    .gds-tabs-tab-container[aria-selected=true] .gds-tabs-tab {
      border-bottom: var(--tabs-tab-underline-height) solid var(--color-border-brand-default);
      color: var(--color-text-brand-default)
    }

    .gds-tabs-tab:after {
      content: attr(data-text);
      font-size: calc(var(--tabs-tab-font-size) + 2px);
      font-weight: 600;
      height: 0;
      overflow: hidden;
      pointer-events: none;
      user-select: none;
      visibility: hidden
    }

    @media speech {
      .gds-tabs-tab:hover {
        border-bottom: 3px solid var(--neutral-gray-40)
      }

      .gds-tabs-tab:after {
        display: none
      }
    }

    .gds-tabs-panel {
      padding: var(--space-6) var(--space-12) var(--space-0) var(--space-1)
    }

    .gds-tag {
      align-items: center;
      all: unset;
      border-radius: var(--radius-1);
      box-sizing: border-box;
      display: flex;
      font-weight: 400;
      padding: 0 var(--space-1);
      vertical-align: middle;
      white-space: nowrap;
      width: fit-content
    }

    .gds-tag-inline {
      display: inline-flex
    }

    .gds-tag-neutral {
      background-color: var(--color-background-base-subdued);
      border: 1px solid var(--color-border-base-subdued);
      color: var(--color-text-base-subdued)
    }

    .gds-tag-business {
      background-color: var(--color-background-business-subdued);
      border: 1px solid var(--color-border-business-subdued);
      color: var(--color-text-business-default)
    }

    .gds-tag-addition {
      background-color: var(--color-background-addition-subdued);
      border: 1px solid var(--color-border-addition-subdued);
      color: var(--color-text-addition-default)
    }

    .gds-tag-critical {
      background-color: var(--color-background-critical-subdued);
      border: 1px solid var(--color-border-critical-subdued);
      color: var(--color-text-critical-default)
    }

    .gds-tag-deletion {
      background-color: var(--color-background-deletion-subdued);
      border: 1px solid var(--color-border-deletion-subdued);
      color: var(--color-text-deletion-default)
    }

    .gds-tag-premium,
    .gds-tag-premium-with-icon {
      background-color: var(--color-background-premium-default);
      border: 1px solid var(--color-border-premium-subdued);
      color: var(--color-text-premium-default)
    }

    .gds-tag-pro,
    .gds-tag-pro-with-icon {
      background-color: var(--color-background-pro-default);
      border: 1px solid var(--color-border-pro-default);
      color: var(--color-text-pro-default)
    }

    .gds-tag-icon {
      margin-right: var(--space-1)
    }

    .gds-tag-success {
      background-color: var(--color-background-success-subdued);
      border: 1px solid var(--color-border-success-subdued);
      color: var(--color-text-success-default)
    }

    .gds-tag-tip {
      background-color: var(--blue-0);
      border: 1px solid var(--blue-10);
      color: var(--blue-60)
    }

    .gds-tag-tip [fill] {
      fill: currentcolor
    }

    .gds-tag-warning {
      background-color: var(--color-background-warning-subdued);
      border: 1px solid var(--color-border-warning-subdued);
      color: var(--color-text-warning-default)
    }

    [data-gds-theme=dark] .gds-tag-tip {
      background-color: var(--blue-80);
      border: 1px solid var(--blue-40);
      color: var(--blue-10)
    }

    .gds-text-area {
      --g-text-area-border: var(--color-border-base-default);
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: var(--space-1);
      text-align: start
    }

    .gds-text-area .gds-text-area-input {
      appearance: none;
      background-color: unset;
      border: 1px solid var(--g-text-area-border);
      border-radius: var(--radius-1);
      box-sizing: border-box;
      color: var(--color-text-base-default);
      font-family: inherit;
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      padding: var(--space-1) var(--space-3);
      width: 100%
    }

    .gds-text-area-resize-on {
      resize: both
    }

    .gds-text-area-resize-off {
      resize: none
    }

    .gds-text-area-resize-horizontal {
      resize: horizontal
    }

    .gds-text-area-resize-vertical {
      resize: vertical
    }

    .gds-text-area-input[aria-invalid=true] {
      --g-text-area-border: var(--color-border-critical-default)
    }

    .gds-text-area-input::placeholder {
      color: var(--color-text-base-subdued);
      opacity: 1
    }

    .gds-text-area-input:disabled {
      --g-text-area-border: var(--color-border-base-subdued);
      cursor: not-allowed;
      resize: none
    }

    .gds-text-area-input:focus-visible,
    .gds-text-area-input[data-simulate=focus] {
      outline: none
    }

    .gds-text-area-input:active:not([disabled]),
    .gds-text-area-input[data-simulate=active] {
      --g-text-area-border: var(--color-border-brand-default)
    }

    .gds-text-area-container {
      align-items: center;
      border: 1px solid transparent;
      border-radius: var(--radius-1);
      display: flex;
      margin-inline-start: calc(-1 * var(--space-half));
      position: relative
    }

    .gds-text-area-container:focus-within,
    .gds-text-area-container:has([data-simulate=focus]) {
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: 1px
    }

    .gds-toast {
      border: 1px solid var(--color-border-elevated-default);
      border-radius: var(--radius-1);
      color: var(--color-text-base-inverse);
      display: inline-block;
      max-width: 400px;
      min-width: 210px
    }

    .gds-toast-success.inverse .gds-toast-icon-success path {
      fill: var(--color-icon-success-default)
    }

    .gds-toast-warning.inverse .gds-toast-icon-warning path {
      fill: var(--color-icon-warning-default)
    }

    .gds-toast-critical.inverse .gds-toast-icon-critical path {
      fill: var(--color-icon-critical-default)
    }

    .gds-toast-loading.inverse .gds-toast-icon-loading path {
      stroke: var(--color-icon-base-default)
    }

    .gds-toast-icon {
      line-height: 0
    }

    .gds-toast-text {
      display: block
    }

    .gds-toast .gds-icon-button-medium {
      flex-shrink: 0
    }

    .gds-verification-code {
      border: none;
      display: flex;
      flex-direction: column;
      margin: 0;
      padding: var(--space-2) 0
    }

    .gds-verification-code-large {
      --verification-code-border-radius: var(--space-1);
      --verification-code-font-size: 28px;
      --verification-code-height: 56px;
      --verification-code-width: 48px
    }

    .gds-verification-code-medium {
      --verification-code-border-radius: 3.29px;
      --verification-code-font-size: 24px;
      --verification-code-height: 48px;
      --verification-code-width: 40px
    }

    .gds-verification-code-small {
      --verification-code-border-radius: 2.74px;
      --verification-code-font-size: 18px;
      --verification-code-height: 40px;
      --verification-code-width: 32px
    }

    .gds-verification-code-input {
      background-color: var(--color-background-base-default);
      border: 1px solid var(--color-border-base-default);
      border-radius: var(--verification-code-border-radius);
      box-sizing: border-box;
      color: var(--color-text-base-default);
      font-size: var(--verification-code-font-size);
      height: var(--verification-code-height);
      padding: var(--space-1);
      text-align: center;
      width: var(--verification-code-width)
    }

    .gds-verification-code-input:focus-within,
    .gds-verification-code-input:has([data-simulate=focus]) {
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: 2px
    }

    .gds-verification-code-input[aria-invalid=true] {
      border-color: var(--color-border-critical-default)
    }

    .gds-verification-code-input:disabled {
      border-color: var(--color-border-base-subdued);
      color: var(--color-text-base-subdued);
      cursor: not-allowed
    }

    .gds-verification-code-input[type=number]::-webkit-inner-spin-button,
    .gds-verification-code-input[type=number]::-webkit-outer-spin-button {
      display: none
    }

    .gds-verification-code-input[type=number] {
      -moz-appearance: textfield !important
    }

    .gds-accordion {
      --accordion-animation-duration: 300ms;
      --accordion-animation-easing: cubic-bezier(0.87, 0, 0.13, 1);
      --color-menu-background-hover: var(--neutral-gray-10);
      display: block;
      overflow: hidden
    }

    [data-gds-theme=dark] .gds-accordion {
      --color-menu-background-hover: var(--neutral-gray-80)
    }

    .gds-accordion details:focus-visible {
      outline: none
    }

    .gds-accordion-list-item {
      overflow: hidden;
      width: 100%
    }

    .gds-accordion-list-separators .gds-accordion-list-item:not(:last-of-type) {
      border-bottom: 1px solid var(--color-border-base-subdued)
    }

    .gds-accordion-list-item .gds-accordion-arrow-icon {
      transition: transform var(--accordion-animation-duration) var(--accordion-animation-easing)
    }

    .gds-accordion-arrow-expanded {
      transform: rotate(-180deg)
    }

    details.gds-accordion-list-item>summary {
      list-style: none
    }

    details.gds-accordion-list-item>summary::-webkit-details-marker {
      display: none
    }

    .gds-accordion-list-item-summary {
      border-radius: var(--radius-2)
    }

    details.gds-accordion-list-item>summary:focus-visible {
      outline: none
    }

    details.gds-accordion-list-item>summary:focus-visible .gds-accordion-list-item-summary {
      outline: 2px solid var(--color-border-brand-default);
      outline-offset: -4px
    }

    details.gds-accordion-list-item>summary:hover {
      background-color: var(--color-menu-background-hover);
      cursor: pointer
    }

    .gds-accordion-content {
      height: 0;
      overflow: hidden;
      transition: height var(--accordion-animation-duration) var(--accordion-animation-easing)
    }

    .gds-accordion-list-item[open] .gds-accordion-content {
      height: auto
    }

    @media (prefers-reduced-motion:reduce) {
      .gds-accordion {
        --accordion-animation-duration: 0ms
      }

      .gds-accordion-content,
      .gds-accordion-list-item .gds-accordion-arrow-icon {
        transition: none
      }
    }

    .d1dac-overlay {
      -moz-box-align: center;
      -moz-box-pack: center;
      -moz-transition: opacity .3s ease-in;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -ms-flex-align: center;
      -ms-flex-pack: center;
      -ms-transition: opacity .3s ease-in;
      -o-box-align: center;
      -o-box-pack: center;
      -o-transition: opacity .3s ease-in;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -webkit-transition: opacity .3s ease-in;
      align-items: center;
      background: rgba(0, 0, 0, .8);
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      filter: alpha(opacity=0);
      inset: 0;
      justify-content: center;
      opacity: 0;
      position: fixed;
      transition: opacity .3s ease-in;
      z-index: 100
    }

    ._1Vu-q-overlayAfterOpen {
      -ms-filter: none;
      filter: none;
      opacity: 1
    }

    .en4RC-overlayBeforeClose {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0
    }

    ._2DCBo-content {
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      inset: 50% auto auto 50%;
      margin-right: -50%;
      position: absolute;
      transform: translate(-50%, -50%)
    }

    ._15JSA-closeIcon {
      -moz-box-align: center;
      -moz-box-pack: center;
      -ms-flex-align: center;
      -ms-flex-pack: center;
      -o-box-align: center;
      -o-box-pack: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      align-items: center;
      background: none;
      border: none;
      cursor: pointer;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      justify-content: center;
      position: absolute;
      right: 15px;
      top: 20px
    }
  </style>
  <style data-href="https://static.grammarly.com/assets/styles/e8eed5f4db33315f2e20v1/pageStyle.css">
    ._3qiHD-pageDeprecatedStyle h1 {
      font: normal 400 32px/45px AkkuratPro, sans-serif;
      letter-spacing: -.2px
    }

    ._3qiHD-pageDeprecatedStyle,
    ._3qiHD-pageDeprecatedStyle h4 {
      font: normal 400 16px/25px AkkuratPro, sans-serif;
      letter-spacing: 0
    }

    ._1fa3y-notificationText {
      font: normal 400 15px/22px AkkuratPro, sans-serif;
      letter-spacing: 0
    }

    ._9eNAB-page {
      background: #fff;
      color: #0e101a;
      font-family: Glyph, sans-serif
    }

    ._3qiHD-pageDeprecatedStyle,
    ._9eNAB-page {
      -moz-box-orient: vertical;
      -moz-box-pack: justify;
      -ms-flex-direction: column;
      -ms-flex-pack: justify;
      -o-box-orient: vertical;
      -o-box-pack: justify;
      -webkit-box-orient: vertical;
      -webkit-box-pack: justify;
      -webkit-flex-direction: column;
      -webkit-justify-content: space-between;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex-direction: column;
      height: auto !important;
      justify-content: space-between;
      min-height: 100vh;
      overflow: hidden;
      position: relative;
      width: 100%
    }

    ._3qiHD-pageDeprecatedStyle {
      background: #f9faff;
      color: #8189a9;
      font-family: AkkuratPro, sans-serif, Helvetica, Arial
    }

    ._3qiHD-pageDeprecatedStyle h1 {
      color: #323439;
      letter-spacing: -.5px;
      margin: 0 0 13px;
      text-align: center
    }

    ._3qiHD-pageDeprecatedStyle h4 {
      color: #8189a9;
      margin: 0 0 26px;
      text-align: center
    }

    .rajMz-notification {
      -moz-box-align: center;
      -moz-box-pack: justify;
      -moz-transition: top .4s;
      -ms-flex-align: center;
      -ms-flex-pack: justify;
      -ms-transition: top .4s;
      -o-box-align: center;
      -o-box-pack: justify;
      -o-transition: top .4s;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -webkit-transition: top .4s;
      align-items: center;
      background-color: rgba(77, 83, 110, .96);
      border-radius: 4px;
      color: #fff;
      justify-content: space-between;
      margin-top: 10px;
      min-height: 80px;
      position: absolute;
      transition: top .4s;
      visibility: visible;
      width: 380px
    }

    ._3whGu-notificationStack,
    .rajMz-notification {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    ._3whGu-notificationStack {
      -moz-box-align: stretch;
      -moz-box-orient: vertical;
      -moz-box-sizing: border-box;
      -ms-flex-align: stretch;
      -ms-flex-direction: column;
      -o-box-align: stretch;
      -o-box-orient: vertical;
      -webkit-align-items: stretch;
      -webkit-box-align: stretch;
      -webkit-box-orient: vertical;
      -webkit-box-sizing: border-box;
      -webkit-flex-direction: column;
      align-items: stretch;
      box-sizing: border-box;
      flex-direction: column;
      height: 100%;
      overflow: hidden;
      position: fixed;
      right: 0;
      top: 0;
      visibility: hidden;
      width: 390px;
      z-index: 20
    }

    ._3whGu-notificationStack._34bbU-scroll {
      overflow: scroll;
      visibility: visible;
      width: 400px
    }

    ._2XPJu-notificationIcon {
      -moz-user-select: none;
      -ms-flex: 0 0 auto;
      -ms-user-select: none;
      -webkit-flex: 0 0 auto;
      -webkit-user-select: none;
      flex: 0 0 auto;
      height: 24px;
      margin: 0 20px 0 25px;
      user-select: none;
      width: 24px
    }

    ._1fa3y-notificationText,
    ._2XPJu-notificationIcon {
      -moz-box-flex: 1;
      -o-box-flex: 1;
      -webkit-box-flex: 1;
      box-flex: 1
    }

    ._1fa3y-notificationText {
      -ms-box-flex: 1;
      -webkit-flex-grow: 1;
      flex-grow: 1;
      line-height: 20px;
      margin: 20px 0
    }

    ._1fa3y-notificationText a {
      color: inherit
    }

    ._2YywV-notificationClose {
      -moz-box-align: center;
      -moz-box-flex: 1;
      -moz-box-pack: center;
      -moz-user-select: none;
      -ms-flex: 0 0 auto;
      -ms-flex-align: center;
      -ms-flex-item-align: start;
      -ms-flex-pack: center;
      -ms-user-select: none;
      -o-box-align: center;
      -o-box-flex: 1;
      -o-box-pack: center;
      -webkit-align-items: center;
      -webkit-align-self: flex-start;
      -webkit-box-align: center;
      -webkit-box-flex: 1;
      -webkit-box-pack: center;
      -webkit-flex: 0 0 auto;
      -webkit-justify-content: center;
      -webkit-user-select: none;
      align-items: center;
      align-self: flex-start;
      background-color: transparent;
      border: none;
      box-flex: 1;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex: 0 0 auto;
      height: 24px;
      justify-content: center;
      margin: 5px 5px 0 0;
      padding: 0;
      user-select: none;
      width: 24px
    }

    ._2YywV-notificationClose:focus {
      -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #79a8f2;
      box-shadow: 0 0 0 1px #fff, 0 0 0 2px #79a8f2
    }

    ._2YywV-notificationClose:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      cursor: pointer;
      filter: alpha(opacity=70);
      opacity: .7
    }

    ._18yLp-notificationEnter {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0
    }

    .-ydvv-notificationEnterActive {
      -moz-transition: top .4s, opacity .35s .2s;
      -ms-filter: none;
      -ms-transition: top .4s, opacity .35s .2s;
      -o-transition: top .4s, opacity .35s .2s;
      -webkit-transition: top .4s, opacity .35s .2s;
      filter: none;
      opacity: 1;
      transition: top .4s, opacity .35s .2s
    }

    ._2y1UZ-notificationExit {
      -ms-filter: none;
      filter: none;
      opacity: 1
    }

    ._2lwty-notificationExitActive,
    ._2y1UZ-notificationExit {
      -moz-transition: opacity .35s, top .4s;
      -ms-transition: opacity .35s, top .4s;
      -o-transition: opacity .35s, top .4s;
      -webkit-transition: opacity .35s, top .4s;
      transition: opacity .35s, top .4s
    }

    ._2lwty-notificationExitActive {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0
    }

    @media (max-width:420px) {
      .rajMz-notification {
        width: 343px
      }

      ._3whGu-notificationStack {
        right: calc(50% - 171.5px);
        width: 343px
      }
    }
  </style>
  <style data-href="https://static.grammarly.com/assets/styles/889ddc0a3ef9d7f476d9v1/vendors~adjustRedirectLandingPage~affiliateHome~businessAdminWelcome~businessExperienceSurvey~busine~6e500140.css">
    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH {
      background: #0d8065;
      border: 1px solid transparent;
      color: #fff;
      outline: none
    }

    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH[data-status=loading] {
      background: #0d8065;
      color: #fff
    }

    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH:active[data-status=enabled],
    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH:hover[data-status=enabled] {
      background: #006c51;
      color: #fff
    }

    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d8065
    }

    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH {
      background: #fff;
      border: 1px solid #0d8065;
      color: #0d8065;
      outline: none
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #0d8065
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH:hover[data-status=enabled] {
      background: #e0fff8;
      color: #0d8065
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d8065
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH {
      background: #fff;
      border: 1px solid transparent;
      color: #293589;
      outline: none
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #293589
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH:hover[data-status=enabled] {
      background: #d7e0fe;
      color: #293589
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #02289e, 0 0 0 4px #fff
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #fff;
      color: #fff;
      outline: none
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #fff
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH:hover[data-status=enabled] {
      background: #02289e;
      color: #fff
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #02289e, 0 0 0 4px #fff
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid transparent;
      color: #646b81;
      outline: none
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #646b81
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH:hover[data-status=enabled] {
      background: #e2e4e9;
      color: #646b81
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d8065
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH {
      background: #fff;
      border: 1px solid transparent;
      color: #00231f;
      outline: none
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #00231f
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH:active[data-status=enabled],
    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH:hover[data-status=enabled] {
      background: #c1dee5;
      color: #00231f
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #00231f, 0 0 0 4px #fff
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #fff;
      color: #fff;
      outline: none
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #fff
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH:active[data-status=enabled],
    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH:hover[data-status=enabled] {
      background: #d5ff7d;
      color: #00231f
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #00231f, 0 0 0 4px #fff
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH {
      background: #027e6f;
      border: 1px solid transparent;
      color: #fff;
      outline: none
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH[data-status=loading] {
      background: #027e6f;
      color: #fff
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH:active[data-status=enabled],
    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH:hover[data-status=enabled] {
      background: #014c43;
      color: #fff
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH:focus-visible {
      outline: 2px solid #027e6f;
      outline-offset: 2px
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #027e6f;
      color: #027e6f;
      outline: none
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #027e6f
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH:focus-visible {
      outline: 2px solid #027e6f;
      outline-offset: 2px
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH:hover[data-status=enabled] {
      box-shadow: 0 0 0 1px #027e6f
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid transparent;
      color: #027e6f;
      outline: none
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #027e6f
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH:hover[data-status=enabled] {
      background: hsla(0, 0%, 100%, 0);
      color: #00231f
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH:focus-visible {
      outline: 2px solid #027e6f;
      outline-offset: 0
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH {
      background: #fff;
      border: 1px solid transparent;
      color: #1c1c1c;
      outline: none
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #1c1c1c
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH:hover[data-status=enabled] {
      background: #fff;
      color: #027e6f
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 2px
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH {
      background: #fff;
      border: 1px solid #d9d9d9;
      color: #1c1c1c;
      outline: none
    }

    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #1c1c1c
    }

    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH:hover[data-status=enabled] {
      background: #ebebeb;
      color: #1c1c1c
    }

    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH[data-status=disabled] {
      border: 1px solid
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #fff;
      color: #fff;
      outline: none
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #fff
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 2px
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH:hover[data-status=enabled] {
      box-shadow: 0 0 0 1px #fff
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid transparent;
      color: #fff;
      outline: none
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #fff
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH:hover[data-status=enabled] {
      background: hsla(0, 0%, 100%, 0);
      color: #ebebeb
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 0
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #d5ff00;
      color: #d5ff00;
      outline: none
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #d5ff00
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH:focus-visible {
      outline-offset: 0
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH[data-status=disabled] {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid;
      color: #d5ff00
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH:hover[data-status=enabled] {
      box-shadow: 0 0 0 1px #d5ff00
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH:focus-visible {
      box-shadow: none;
      outline: 2px solid #fff
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH[data-status=disabled] {
      opacity: .4
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH {
      background: #d5ff00;
      border: 1px solid #d5ff00;
      color: #1c1c1c;
      outline: none
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH[data-status=loading] {
      background: #d5ff00;
      color: #1c1c1c
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:focus-visible {
      outline-offset: 0
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH[data-status=disabled] {
      background: #d5ff00;
      border: 1px solid;
      color: #1c1c1c
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:active[data-status=enabled],
    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:hover[data-status=enabled] {
      background: hsla(0, 0%, 100%, 0);
      color: #d5ff00
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:active[data-status=enabled] {
      box-shadow: 0 0 0 1px #d5ff00
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:focus-visible {
      box-shadow: none;
      outline: 2px solid #fff
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH[data-status=disabled] {
      border-color: #d5ff00;
      opacity: .4
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH {
      background: #1c1c1c;
      border: 1px solid #f5f5f5;
      color: #f5f5f5;
      outline: none
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH[data-status=loading] {
      background: #1c1c1c;
      color: #f5f5f5
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      border: 1px solid
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH:active,
    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH:hover {
      background: #1c1c1c;
      box-shadow: 0 0 0 1px #f5f5f5
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH:active {
      box-shadow: 0 0 0 1px #f5f5f5
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH:focus-visible {
      box-shadow: none;
      outline: 2px solid #fff
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      border-color: #f5f5f5;
      opacity: .4
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH {
      background: #1c1c1c;
      border: 1px solid transparent;
      color: #f5f5f5;
      outline: none
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH[data-status=loading] {
      background: #1c1c1c;
      color: #f5f5f5
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH:focus-visible {
      outline: 2px solid #1c1c1c;
      outline-offset: 2px
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH:active,
    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH:hover {
      background: #545454
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      opacity: .4
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH {
      background: #fff;
      border: 1px solid #1c1c1c;
      color: #1c1c1c;
      outline: none
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #1c1c1c
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH:focus-visible {
      outline-offset: 2px
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH[data-status=disabled] {
      border: 1px solid
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH:active,
    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH:hover {
      background: #fff;
      box-shadow: 0 0 0 1px #1c1c1c
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH:focus-visible {
      box-shadow: none;
      outline: 2px solid #1c1c1c
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH[data-status=disabled] {
      border-color: #1c1c1c;
      opacity: .4
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH {
      background: #4a6ee0;
      border: 1px solid transparent;
      color: #fff;
      outline: none
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH[data-status=loading] {
      background: #4a6ee0;
      color: #fff
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH:active[data-status=enabled],
    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH:hover[data-status=enabled] {
      background: #3659b5;
      color: #fff
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4a6ee0
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH {
      background: #f0f2fc;
      border: 1px solid transparent;
      color: #11a683;
      outline: none
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH[data-status=loading] {
      background: #f0f2fc;
      color: #11a683
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH:active[data-status=enabled],
    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH:hover[data-status=enabled] {
      background: #e7e9f5;
      color: #11a683
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #11a683, 0 0 0 4px #fff
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH {
      background: #f0f2fc;
      border: 1px solid transparent;
      color: #3659b5;
      outline: none
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH[data-status=loading] {
      background: #f0f2fc;
      color: #3659b5
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH:active[data-status=enabled],
    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH:hover[data-status=enabled] {
      background: #e7e9f5;
      color: #3659b5
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #4a6ee0, 0 0 0 4px #fff
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH {
      background: #fff;
      border: 1px solid #3659b5;
      color: #3659b5;
      outline: none
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #3659b5
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH:hover[data-status=enabled] {
      background: #edf5ff;
      color: #3659b5
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3659b5
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .spin_FJdjscKR {
      animation: spin-animation_FJdjscKR 1.5s linear infinite;
      display: inline-block
    }

    @keyframes spin-animation_FJdjscKR {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    .base_PbRSndwM {
      align-items: center;
      background: hsla(0, 0%, 100%, 0);
      border: none;
      border-radius: .375rem;
      box-sizing: border-box;
      cursor: pointer;
      display: flex;
      font-family: inherit;
      font-size: .875rem;
      justify-content: center;
      max-width: 100%;
      outline: none;
      text-decoration: none;
      width: max-content
    }

    .base_PbRSndwM:disabled {
      cursor: not-allowed
    }

    .base_PbRSndwM:focus {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #638eeb
    }

    .base_PbRSndwM:focus:not(:focus-visible) {
      box-shadow: none
    }

    .paddingDefault_PbRSndwM {
      line-height: 2rem;
      min-height: 3rem;
      padding: .5rem 2rem
    }

    .paddingDefault_PbRSndwM.buttons24_PbRSndwM {
      line-height: 1.5rem;
      min-height: 3.75rem;
      padding: 1rem 1.5rem
    }

    .paddingCompact_PbRSndwM {
      line-height: 2rem;
      min-height: 2rem;
      padding: 0 .5rem
    }

    .paddingNone_PbRSndwM {
      padding: 0
    }

    .content_PbRSndwM,
    .iconWrapper_PbRSndwM,
    .spinnerContainer_PbRSndwM {
      align-items: center;
      display: flex;
      justify-content: center
    }

    .hide_PbRSndwM {
      visibility: hidden
    }

    .loadingContainer_PbRSndwM {
      margin: auto;
      position: absolute
    }

    .bannerContainer_zTdhbQNd {
      background-color: #1f243c
    }

    .bannerContent_zTdhbQNd {
      align-items: center;
      display: flex;
      justify-content: center;
      text-decoration: none;
      width: 100%
    }

    .bannerContent_zTdhbQNd:hover {
      cursor: pointer
    }

    .icon_zTdhbQNd {
      flex-shrink: 0
    }

    .text_zTdhbQNd {
      color: #fff;
      margin: 0 1rem
    }

    @media (max-width:512px) {
      .text_zTdhbQNd {
        margin: 0 .5rem
      }
    }

    .button_zTdhbQNd.button_zTdhbQNd.button_zTdhbQNd {
      align-items: center;
      border-radius: 6px;
      display: flex;
      font-weight: 700;
      justify-content: center;
      min-height: 2rem;
      padding: 0 .5rem;
      text-align: center
    }

    .bannerContainer_IQpaV_Sc {
      align-items: center;
      background-color: #5e47e5;
      border-radius: .5rem;
      display: flex;
      gap: .75rem;
      height: 5rem;
      padding: .75rem 1rem;
      width: 100%
    }

    .bannerContainer_IQpaV_Sc.center_IQpaV_Sc {
      justify-content: center
    }

    .bannerContainer_IQpaV_Sc.left_IQpaV_Sc {
      justify-content: space-between
    }

    .bannerContent_IQpaV_Sc {
      align-items: center;
      display: flex;
      flex: 0 1 auto;
      gap: 1rem;
      overflow-wrap: break-word
    }

    .bannerContent_IQpaV_Sc.centerContent_IQpaV_Sc {
      justify-content: center
    }

    .bannerContent_IQpaV_Sc.leftContent_IQpaV_Sc {
      justify-content: flex-start
    }

    .bannerText_IQpaV_Sc {
      color: #fff;
      display: flex;
      flex: 0 1 auto;
      font-family: matter, sans-serif;
      font-size: 1.25rem;
      font-style: normal;
      font-weight: 500;
      overflow-wrap: break-word
    }

    .bannerIcon_IQpaV_Sc {
      align-items: center;
      background-color: #3d27c0;
      border-radius: .5rem;
      display: flex;
      flex-shrink: 0;
      height: 3rem;
      justify-content: center;
      width: 3rem
    }

    .bannerIcon_IQpaV_Sc svg[data-icon=InterfaceSparkles] {
      height: 2.5rem;
      stroke: #fff;
      width: 2.5rem
    }

    .bannerIcon_IQpaV_Sc svg[data-icon=InterfaceSparkles] path {
      fill: none;
      stroke: #fff
    }

    .bannerCTAContainer_IQpaV_Sc {
      align-items: center;
      display: flex;
      flex-shrink: 0;
      flex-wrap: nowrap;
      gap: 1rem;
      padding: .25rem .5rem
    }

    .bannerCTAContainer_IQpaV_Sc.centerCTA_IQpaV_Sc {
      justify-content: center
    }

    .bannerCTAContainer_IQpaV_Sc.leftCTA_IQpaV_Sc {
      justify-content: flex-end
    }

    .bannerCTA_IQpaV_Sc {
      align-items: center;
      background-color: #fff;
      border-radius: .5rem;
      cursor: pointer;
      display: flex;
      flex-shrink: 0;
      height: 2.5rem;
      justify-content: center;
      max-width: 100%;
      padding: .5rem 1rem;
      white-space: nowrap
    }

    .bannerCTA_IQpaV_Sc:focus .bannerCTAContent_IQpaV_Sc,
    .bannerCTA_IQpaV_Sc:hover .bannerCTAContent_IQpaV_Sc {
      color: #027e6f
    }

    .bannerCTA_IQpaV_Sc:focus [class*=iconWrapper],
    .bannerCTA_IQpaV_Sc:hover [class*=iconWrapper] {
      transform: translateX(.5rem)
    }

    [class*=iconWrapper] {
      transition: transform .3s ease-out
    }

    .bannerCTAContent_IQpaV_Sc {
      align-items: center;
      color: #1c1c1c;
      display: flex;
      font-family: Glyph, sans-serif;
      font-size: 1rem;
      font-style: normal;
      font-weight: 600;
      justify-content: center;
      line-height: 1.5rem
    }

    @keyframes slideIn_IQpaV_Sc {
      0% {
        opacity: 0;
        transform: translateY(100%)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    @keyframes fadeIn_IQpaV_Sc {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    .slideIn_IQpaV_Sc {
      animation: slideIn_IQpaV_Sc .5s ease-out forwards
    }

    .fadeIn_IQpaV_Sc {
      animation: fadeIn_IQpaV_Sc .5s ease-out forwards
    }

    .primaryHeaderBase_MLJ1wzb3 {
      align-items: center;
      background-color: #fff;
      border: none;
      box-sizing: border-box;
      display: flex;
      font-family: inherit;
      height: calc(4rem + 1px);
      padding: 0 3rem;
      width: 100%
    }

    @media (max-width:1280px) {
      .primaryHeaderBase_MLJ1wzb3 {
        padding: 0 1.5rem
      }
    }

    @media (max-width:768px) {
      .primaryHeaderBase_MLJ1wzb3 {
        padding: 0 1rem
      }
    }

    .primaryHeaderBase_MLJ1wzb3 * {
      box-sizing: border-box
    }

    .primaryHeaderBase_MLJ1wzb3.primaryHeaderSticky_MLJ1wzb3 {
      border-bottom: 1px solid #d9d9d9
    }

    @media (max-width:1030px) {
      .primaryHeaderBase_MLJ1wzb3 {
        border-bottom: 1px solid #d9d9d9
      }
    }

    .primaryHeaderNoNav_MLJ1wzb3 {
      display: flex;
      justify-content: space-between
    }

    .noNavLoginAndCtasContainer_MLJ1wzb3 {
      align-items: center;
      display: flex;
      gap: 1rem
    }

    .noNavLoginAndCtasContainer_MLJ1wzb3 button {
      text-wrap: nowrap
    }

    .logo_MLJ1wzb3 {
      height: 34px;
      width: 158px
    }

    @media (max-width:512px) {
      .logo_MLJ1wzb3 {
        height: 32px;
        width: 149px
      }
    }

    .smallLogo_MLJ1wzb3 {
      height: 34px;
      width: 34px
    }

    @media (max-width:512px) {
      .smallLogo_MLJ1wzb3 {
        height: 32px;
        width: 32px
      }
    }

    .headerContainerRelative_QHpyYVio {
      box-sizing: border-box;
      position: relative;
      width: 100%
    }

    .primaryHeaderContainerRelative_QHpyYVio {
      height: calc(4rem + 1px)
    }

    .secondaryHeaderContainerRelative_QHpyYVio {
      height: calc(3.25rem + 1px)
    }

    .primaryAndSecondaryHeaderContainer_QHpyYVio {
      height: calc(7.25rem + 2px)
    }

    .headerAbsolute_QHpyYVio {
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 100
    }

    .headerFixed_QHpyYVio {
      position: fixed
    }

    .headerMobileContainer_kZ8afyJa {
      display: flex;
      flex: 1;
      justify-content: flex-end
    }

    @media (min-width:1030px) {
      .headerMobileContainer_kZ8afyJa {
        display: none
      }
    }

    .headerMobileContainer_kZ8afyJa .closeButton_kZ8afyJa.closeButton_kZ8afyJa:hover,
    .headerMobileContainer_kZ8afyJa .openButton_kZ8afyJa.openButton_kZ8afyJa:hover {
      background-color: transparent;
      outline: 1px solid #027e6f
    }

    .headerMobileContainer_kZ8afyJa .closeButton_kZ8afyJa.closeButton_kZ8afyJa:focus-visible,
    .headerMobileContainer_kZ8afyJa .openButton_kZ8afyJa.openButton_kZ8afyJa:focus-visible {
      box-shadow: none;
      outline: 2px solid #027e6f
    }

    .headerMobileContainer_kZ8afyJa .headerMobileMenuCtasContainer_kZ8afyJa {
      gap: .75rem
    }

    @media (max-width:512px) {
      .headerMobileContainer_kZ8afyJa .headerMobileMenuCtasContainer_kZ8afyJa>:is(button, a) {
        min-height: 3rem
      }
    }

    .headerMobileCTAContainer_kZ8afyJa {
      align-items: center;
      display: none;
      gap: .25rem;
      text-wrap: nowrap
    }

    .headerMobileCTAContainer_kZ8afyJa.headerMobileCTAContainer_kZ8afyJa a:last-child {
      height: auto;
      margin-inline: 8px;
      padding-block: 0;
      padding-inline: 8px;
      width: auto
    }

    .headerMobileCTAContainer_kZ8afyJa.headerMobileCTAContainer_kZ8afyJa a:last-child span {
      text-wrap: nowrap
    }

    .headerMobileCTAContainer_kZ8afyJa.headerMobileCTAContainer_kZ8afyJa button {
      margin-inline: 8px;
      padding-block: 0;
      padding-inline: 8px;
      width: auto
    }

    .headerMobileCTAContainer_kZ8afyJa.headerMobileCTAContainer_kZ8afyJa button span {
      text-wrap: nowrap
    }

    @media (min-width:768px) and (max-width:1030px) {
      .headerMobileCTAContainer_kZ8afyJa {
        display: flex
      }
    }

    .headerMobileCTASmallContainer_kZ8afyJa {
      align-items: center;
      display: none;
      gap: .25rem;
      text-wrap: nowrap
    }

    .headerMobileCTASmallContainer_kZ8afyJa.headerMobileCTASmallContainer_kZ8afyJa.headerMobileCTASmallContainer_kZ8afyJa a:last-child {
      height: auto;
      margin-inline: 8px;
      padding-block: 0;
      padding-inline: 8px;
      width: auto
    }

    .headerMobileCTASmallContainer_kZ8afyJa.headerMobileCTASmallContainer_kZ8afyJa.headerMobileCTASmallContainer_kZ8afyJa a:last-child span {
      text-wrap: nowrap
    }

    .headerMobileCTASmallContainer_kZ8afyJa.headerMobileCTASmallContainer_kZ8afyJa.headerMobileCTASmallContainer_kZ8afyJa button {
      margin-inline: 8px;
      padding-block: 0;
      padding-inline: 8px;
      width: auto
    }

    .headerMobileCTASmallContainer_kZ8afyJa.headerMobileCTASmallContainer_kZ8afyJa.headerMobileCTASmallContainer_kZ8afyJa button span {
      text-wrap: nowrap
    }

    @media (max-width:768px) {
      .headerMobileCTASmallContainer_kZ8afyJa {
        display: flex
      }
    }

    .headerMobileMenu_kZ8afyJa {
      background-color: #fff;
      display: flex;
      flex-direction: column;
      height: 100vh;
      position: fixed;
      right: 0;
      top: 0;
      transform: translateX(100%);
      transition: visibility .3s, transform .3s ease-in;
      visibility: hidden;
      width: 100vw;
      z-index: 101
    }

    .headerMobileMenuOpen_kZ8afyJa {
      transform: translateX(0);
      visibility: visible
    }

    .headerMobileMenuTopContainer_kZ8afyJa {
      align-items: center;
      border-bottom: 1px solid #cdd1dc;
      display: flex;
      justify-content: space-between;
      padding: 1rem 1.5rem
    }

    .headerMobileMenuTopContainerSecondary_kZ8afyJa {
      background-color: #f4f4f6
    }

    .headerMobileMenuListContainer_kZ8afyJa {
      flex: 1;
      list-style: none;
      margin: 0;
      overflow-y: auto;
      padding: 1.25rem 2rem
    }

    .headerMobileMenuListItem_kZ8afyJa {
      border-bottom: 1px solid #cdd1dc;
      padding: .625rem
    }

    .headerMobileMenuListItem_kZ8afyJa:last-child {
      border-bottom: none
    }

    .headerMobileMenuCtasContainer_kZ8afyJa {
      box-shadow: 0 0 0 .5px #878da2, 0 0 2px .5px rgba(135, 141, 162, .5), 0 1px 8px .5px rgba(135, 141, 162, .1), 0 2px 12px .5px rgba(135, 141, 162, .25);
      display: flex;
      flex-direction: column;
      gap: .75rem;
      padding: 2rem 3rem
    }

    .headerMobileMenuCtasContainer_kZ8afyJa>:is(button, a) {
      flex: 1;
      min-height: 3rem
    }

    .headerMobileMenuCtasContainer_kZ8afyJa a:first-child,
    .headerMobileMenuCtasContainer_kZ8afyJa button:first-child {
      line-height: 1.5rem;
      padding: 1rem 1.5rem;
      width: 100%
    }

    @media (max-width:512px) {
      .headerMobileMenuCtasContainer_kZ8afyJa {
        flex-direction: column;
        gap: .5rem
      }

      .headerMobileMenuCtasContainer_kZ8afyJa>:is(button, a) {
        box-sizing: border-box;
        flex: unset;
        max-width: 100%;
        min-height: 2rem;
        width: 100%
      }
    }

    .headerMobileCta_kZ8afyJa {
      width: 100%
    }

    .closeButton_kZ8afyJa.closeButton_kZ8afyJa:hover,
    .openButton_kZ8afyJa.openButton_kZ8afyJa:hover {
      background-color: #e2e4e9
    }

    .closeButton_kZ8afyJa.closeButton_kZ8afyJa:focus-visible,
    .openButton_kZ8afyJa.openButton_kZ8afyJa:focus-visible {
      box-shadow: none;
      outline: 2px solid #565b6c
    }

    .headerDesktopContainer_InJ6meKi {
      display: flex;
      flex: 1;
      height: 100%;
      justify-content: space-between
    }

    @media (max-width:1030px) {
      .headerDesktopContainer_InJ6meKi {
        display: none
      }
    }

    .headerDesktopCenterItemsContainer_InJ6meKi {
      display: flex;
      flex: 1;
      gap: 1rem;
      list-style: none;
      margin: 0 3rem;
      padding-inline-start: 0
    }

    @media (max-width:1280px) {
      .headerDesktopCenterItemsContainer_InJ6meKi {
        gap: .25rem;
        margin: 0 .5rem
      }
    }

    .headerDesktopTopLevelListItem_InJ6meKi {
      align-items: center;
      display: flex
    }

    .headerDesktopRightItemsContainer_InJ6meKi {
      align-items: center;
      display: flex;
      gap: 1rem
    }

    .headerDesktopRightItemsContainer_InJ6meKi button {
      text-wrap: nowrap
    }

    .secondaryHeaderBase_L6lnxgwR {
      align-items: center;
      background-color: #f4f4f6;
      border-bottom: 1px solid #cdd1dc;
      box-sizing: border-box;
      display: flex;
      font-family: inherit;
      height: calc(3.25rem + 1px);
      padding: 0 3rem;
      width: 100%
    }

    @media (max-width:1280px) {
      .secondaryHeaderBase_L6lnxgwR {
        padding: 0 1.5rem
      }
    }

    @media (max-width:768px) {
      .secondaryHeaderBase_L6lnxgwR {
        padding: 0 1rem
      }
    }

    .secondaryHeaderBase_L6lnxgwR * {
      box-sizing: border-box
    }

    .headerItemLink_CLKm5yp3 {
      text-decoration: none
    }

    .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3 {
      align-items: center;
      border: 1px solid transparent;
      border-radius: .25rem;
      color: #1c1c1c;
      display: flex;
      font-size: .875rem;
      height: auto;
      line-height: 1.25rem;
      margin: 0;
      min-height: 2rem;
      padding: 0 .75rem;
      position: relative;
      text-align: center;
      width: auto
    }

    .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3:active,
    .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3:hover {
      background-color: transparent;
      text-decoration: underline;
      text-decoration-color: #027e6f;
      text-underline-offset: .5rem
    }

    .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3:hover {
      text-decoration-thickness: 2px
    }

    .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3:active {
      text-decoration-thickness: 3px
    }

    .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3:focus-visible {
      box-shadow: none;
      outline: 2px solid #027e6f
    }

    @media (max-width:1030px) {
      .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3.headerTabletLink_CLKm5yp3 {
        padding: .5rem;
        width: auto
      }

      .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3:not(.headerTabletLink_CLKm5yp3) {
        padding: .5rem;
        width: 100%
      }
    }

    @media (max-width:1280px) {
      .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3 {
        padding: 0 .375rem
      }
    }

    @media (max-width:1010px) {
      .headerItemTopLevel_CLKm5yp3.headerItemTopLevel_CLKm5yp3 {
        padding: .5rem;
        width: 100%
      }
    }

    .headerItemTopLevel_CLKm5yp3.headerItemTopLevelBold_CLKm5yp3 {
      font-weight: 700
    }

    .headerItemLogo_CLKm5yp3 {
      display: flex
    }

    .headerItemLogo_CLKm5yp3:focus-visible {
      border-radius: .25rem;
      outline: 2px solid #027e6f
    }

    .headerItemExpandableContainer_CLKm5yp3 {
      display: flex;
      height: auto;
      position: relative
    }

    .headerItemExpandableActive_CLKm5yp3 {
      background-color: #e2e4e9
    }

    .iconExpandable_CLKm5yp3 {
      line-height: 0
    }

    .iconExpandableActive_CLKm5yp3 {
      transform: rotate(180deg)
    }

    .headerItemExpandableButtonContent_CLKm5yp3.headerItemExpandableButtonContent_CLKm5yp3 {
      display: flex;
      justify-content: space-between;
      width: 100%
    }

    .flyoutAlignLeft_CLKm5yp3 {
      left: -3rem
    }

    .flyoutAlignRight_CLKm5yp3 {
      right: -9.5rem
    }

    .flyoutContainer_CLKm5yp3 {
      background: #fff;
      box-shadow: 0 2px 12px .5px rgba(135, 141, 162, .25), 0 1px 8px .5px rgba(135, 141, 162, .1), 0 0 2px .5px rgba(135, 141, 162, .5), 0 0 0 .5px #878da2;
      display: none;
      position: absolute;
      z-index: 110
    }

    .flyoutContainerPrimary_CLKm5yp3 {
      top: calc(4rem + 1px)
    }

    .flyoutContainerPrimary24_CLKm5yp3 {
      top: calc(3.5rem + 1px)
    }

    .flyoutContainerSecondary_CLKm5yp3 {
      top: calc(3.25rem + 1px)
    }

    .flyoutContainerShow_CLKm5yp3 {
      display: block
    }

    .flyoutContainerIE11_CLKm5yp3 {
      display: flex
    }

    .flyoutContainerWithMultiColumns_CLKm5yp3 {
      padding: .625rem 1rem 2rem
    }

    .mobileColumnsContainer_CLKm5yp3 {
      display: none;
      flex-direction: column;
      margin: 1.5rem 0 0 1.5rem
    }

    .mobileColumnsContainerShow_CLKm5yp3 {
      display: flex
    }

    .mobileHeaderItemLogin24_CLKm5yp3.mobileHeaderItemLogin24_CLKm5yp3.mobileHeaderItemLogin24_CLKm5yp3,
    .mobileHeaderItemLogin_CLKm5yp3.mobileHeaderItemLogin_CLKm5yp3.mobileHeaderItemLogin_CLKm5yp3 {
      align-items: center;
      border-radius: .25rem;
      display: flex;
      font-weight: 700;
      justify-content: center;
      line-height: 2rem
    }

    .mobileHeaderItemLogin24_CLKm5yp3.mobileHeaderItemLogin24_CLKm5yp3.mobileHeaderItemLogin24_CLKm5yp3 {
      color: #545454
    }

    .mobileHeaderItemLogin24_CLKm5yp3.mobileHeaderItemLogin24_CLKm5yp3.mobileHeaderItemLogin24_CLKm5yp3:hover {
      outline: 2px solid #027e6f;
      outline-offset: 0
    }

    .mobileHeaderItemLogin24_CLKm5yp3.mobileHeaderItemLogin24_CLKm5yp3.mobileHeaderItemLogin24_CLKm5yp3:focus-visible {
      outline: 2px solid #027e6f;
      outline-offset: 0
    }

    .mobileHeaderItemContactSales_CLKm5yp3 {
      align-items: center;
      border-radius: .25rem;
      display: flex;
      font-weight: 700;
      justify-content: center
    }

    .allColumnsList_CLKm5yp3 {
      display: flex;
      flex-direction: row;
      list-style: none;
      padding-inline-start: 0
    }

    @media (max-width:1030px) {
      .allColumnsList_CLKm5yp3 {
        flex-direction: column
      }
    }

    .allColumnsList_CLKm5yp3 .columnContainer_CLKm5yp3 {
      border-right: 1px solid #d9d9d9
    }

    .allColumnsList_CLKm5yp3 .columnContainer_CLKm5yp3:last-child {
      border-right: none
    }

    @media (max-width:1030px) {
      .allColumnsList_CLKm5yp3 .columnContainer_CLKm5yp3 {
        border-right: unset;
        margin: 0;
        padding: 0 0 2rem;
        width: 100%
      }
    }

    .allColumnsList_CLKm5yp3 .columnLabel_CLKm5yp3 {
      color: #1c1c1c;
      display: block;
      font-weight: 700;
      letter-spacing: .03375rem;
      margin-bottom: 1.5rem;
      text-transform: none
    }

    .allColumnsList_CLKm5yp3 .columnLinkRow_CLKm5yp3 {
      align-items: center;
      display: flex;
      gap: .75rem
    }

    .allColumnsList_CLKm5yp3 .columnLink_CLKm5yp3:hover {
      background-color: unset;
      outline: 1px solid #027e6f
    }

    .allColumnsList_CLKm5yp3 .columnLink_CLKm5yp3:focus-visible {
      background-color: unset;
      outline: 2px solid #027e6f
    }

    @media (max-width:1030px) {
      .allColumnsList_CLKm5yp3 .columnLink_CLKm5yp3 {
        margin: 0
      }
    }

    .allColumnsList_CLKm5yp3 .columnLinkLabel_CLKm5yp3 {
      color: #1c1c1c
    }

    .columnContainer_CLKm5yp3 {
      border-right: 1px solid #cdd1dc;
      margin: .625rem;
      padding: 1.5rem 2.125rem;
      width: 18.125rem
    }

    .columnContainer_CLKm5yp3:last-child {
      border-right: none
    }

    @media (max-width:1010px) {
      .columnContainer_CLKm5yp3 {
        border-right: unset;
        margin: 0;
        padding: 0 0 2rem;
        width: 100%
      }
    }

    .columnImage_CLKm5yp3 {
      margin-top: 1rem;
      width: 100%
    }

    .singleColumnList_CLKm5yp3 {
      list-style: none;
      padding-inline-start: 0
    }

    .columnListItemNoDescription_CLKm5yp3 {
      margin-bottom: 2rem
    }

    .columnListItemNoDescription_CLKm5yp3:last-child {
      margin-bottom: 0
    }

    .columnListItemWithDescription_CLKm5yp3 {
      margin-bottom: 1.5rem
    }

    .columnListItemWithDescription_CLKm5yp3:last-child {
      margin-bottom: 0
    }

    .columnLink_CLKm5yp3 {
      border-radius: .25rem;
      display: block;
      margin: 0 -1rem;
      padding: .5rem 1rem
    }

    .columnLink_CLKm5yp3:hover {
      background-color: #e5ebff
    }

    @media (max-width:1010px) {
      .columnLink_CLKm5yp3 {
        margin: 0
      }
    }

    .columnLinkLabel_CLKm5yp3 {
      color: #161719;
      display: block;
      font-size: .875rem;
      line-height: 1.375rem
    }

    .columnLinkLabelWithDescription_CLKm5yp3 {
      margin-bottom: .5rem
    }

    .columnLinkDescription_CLKm5yp3 {
      color: #707070;
      display: block;
      font-size: .75rem;
      line-height: 1.125rem;
      margin-top: .5rem;
      max-width: 188px
    }

    .codaLinkDescription_CLKm5yp3 svg {
      transform: translateY(-1px);
      vertical-align: middle
    }

    .columnContainer_DbPAKjMT {
      display: flex;
      flex-direction: column;
      margin-top: 1.5rem;
      min-width: 12.5rem;
      padding-right: 4rem;
      width: 20%
    }

    .columnContainer_DbPAKjMT .footerLinkWithIcon_DbPAKjMT {
      align-items: center;
      display: inline-flex;
      gap: .25rem
    }

    @media (max-width:1080px) {
      .columnContainer_DbPAKjMT {
        padding-right: 2rem
      }
    }

    @media (max-width:768px) {
      .columnContainer_DbPAKjMT {
        min-width: 10rem;
        padding-right: 2rem
      }
    }

    .columnContainer_DbPAKjMT:last-child {
      padding-right: 0
    }

    .columnLabel_DbPAKjMT {
      color: inherit;
      font-weight: 700;
      margin-bottom: .5rem
    }

    .columnList_DbPAKjMT {
      -webkit-padding-start: 0;
      list-style: none;
      padding-inline-start: 0
    }

    .footerItemButton_GBat7YpO {
      color: inherit
    }

    .item_GBat7YpO {
      color: inherit;
      display: block;
      font-weight: 400;
      line-height: 1.25;
      margin-bottom: 1rem;
      text-align: left;
      text-decoration: none
    }

    .item_GBat7YpO:hover {
      text-decoration: underline
    }

    .privacyIcon_GBat7YpO {
      margin-left: 4px;
      width: 50px
    }

    .footerContainer_oRdn42A4 {
      background-color: inherit;
      box-sizing: border-box;
      color: inherit;
      display: flex;
      font-family: inherit;
      font-size: .875rem;
      justify-content: center;
      padding: 1rem;
      width: 100%
    }

    .footerContainer_oRdn42A4 * {
      box-sizing: border-box
    }

    .footerContentContainer_oRdn42A4 {
      display: flex;
      flex-direction: column;
      max-width: 1080px;
      width: 100%
    }

    .footerColumnsContainer_oRdn42A4 {
      align-self: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%
    }

    .copyRightText_oRdn42A4 {
      font-size: .75rem
    }

    .logoContainer_oRdn42A4 {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-top: 2.5rem
    }

    .logo_oRdn42A4 {
      height: 34px;
      width: 158px
    }

    @media (max-width:512px) {
      .logo_oRdn42A4 {
        height: 32px;
        width: 149px
      }
    }

    .container_mowiQa3d {
      background: #f9faff;
      border-bottom-right-radius: inherit;
      border-left: 1px solid #c6cbde;
      border-top-right-radius: inherit;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 1rem;
      position: relative;
      width: 18.75rem
    }

    .containerBlog_mowiQa3d {
      background: #f5f5f5;
      border-left: 1px solid #d9d9d9
    }

    .containerBlogMobile_mowiQa3d {
      border-bottom-right-radius: 0;
      border-left: none;
      height: 18rem;
      width: 100%
    }

    @media (max-width:512px) {
      .containerBlogMobilePaywall_mowiQa3d {
        height: 25rem
      }
    }

    @media (max-width:375px) {
      .containerBlogMobilePaywall_mowiQa3d {
        height: 33rem
      }
    }

    .contentContainer_mowiQa3d {
      flex: 1;
      position: relative
    }

    .contentViewContainer_mowiQa3d {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: space-between;
      position: absolute;
      transition: opacity .5s ease-in
    }

    .suggestionsCountContainer_mowiQa3d {
      align-items: center;
      display: flex
    }

    .editorPluginGButtonContainer_mowiQa3d {
      margin-right: .25rem;
      pointer-events: none;
      z-index: 0
    }

    .getStartedList_mowiQa3d {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .getStartedList_blog_design_mowiQa3d li {
      margin-bottom: .75rem
    }

    .getStartedList_blog_design_mowiQa3d li:last-child {
      margin-bottom: 0
    }

    .listItemStep_mowiQa3d {
      font-weight: 700
    }

    .checklistOriginal_mowiQa3d {
      list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xLjI1IDMuNzVsMiAyIDQuNS00LjUiIHN0cm9rZT0iIzBEODA2NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==");
      margin: 0;
      padding: 0
    }

    .checklistOriginal_mowiQa3d li:not(:first-child) {
      margin-top: .5rem
    }

    .checklistOriginal_mowiQa3d li {
      margin-left: .75rem;
      padding-inline-start: .25rem
    }

    .checklistNew_mowiQa3d {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .checklistNew_mowiQa3d li:not(:first-child) {
      margin-top: .5rem
    }

    .checklistNew_mowiQa3d li {
      align-items: center;
      display: flex;
      flex-direction: row;
      gap: 1rem
    }

    .overlay_Mto3_QWL {
      align-items: center;
      background-color: rgba(0, 0, 0, .8);
      display: flex;
      inset: 0;
      justify-content: center;
      position: fixed;
      z-index: 110
    }

    .modal_Mto3_QWL {
      background: #fff;
      border: 0;
      border-radius: .5rem;
      font-family: inherit;
      padding: 1.5rem;
      position: absolute;
      width: 27rem
    }

    .wordCounterModal_Mto3_QWL {
      padding-top: 2.5rem;
      width: 350px
    }

    @media (max-width:375px) {
      .wordCounterModal_Mto3_QWL {
        width: 310px
      }
    }

    .close_Mto3_QWL {
      cursor: pointer;
      padding: .25rem;
      position: absolute;
      right: 1rem;
      top: 1rem;
      z-index: 1
    }

    .close_Mto3_QWL:focus {
      box-shadow: 0 0 0 1px #fff, 0 0 0 2px #79a8f2
    }

    .childrenContainer_Mto3_QWL {
      position: relative
    }

    .container_EarL03Wc {
      background: #fff;
      border: 1px solid #c6cbde;
      border-radius: 12px;
      box-shadow: 0 12px 48px rgba(26, 33, 52, .11);
      color: #0e101a;
      height: 24rem;
      max-width: 62.5rem;
      min-height: 24rem;
      overflow: hidden;
      position: relative;
      width: 100%
    }

    .container_EarL03Wc,
    .container_EarL03Wc * {
      box-sizing: border-box
    }

    .containerWC_EarL03Wc {
      max-width: 1080px;
      overflow: visible
    }

    @media (max-width:1280px) {
      .containerWC_EarL03Wc {
        height: auto;
        width: 960px
      }
    }

    @media (max-width:1080px) {
      .containerWC_EarL03Wc {
        max-width: 100%;
        width: 810px
      }
    }

    @media (max-width:768px) {
      .containerWC_EarL03Wc {
        height: 650px;
        max-width: 100%;
        width: 640px
      }
    }

    .mobileContainer_EarL03Wc {
      height: 20rem;
      min-height: 20rem
    }

    .mobileContainerWC_EarL03Wc {
      height: 43.75rem
    }

    .nonDialogContainer_EarL03Wc {
      border-radius: inherit;
      display: flex;
      height: 100%;
      width: 100%
    }

    .nonDialogContainerWC_EarL03Wc {
      max-width: 1080px
    }

    @media (max-width:768px) {
      .nonDialogContainerWC_EarL03Wc {
        flex-direction: column
      }
    }

    .nonDialogMobileContainer_EarL03Wc {
      border-radius: inherit;
      display: flex;
      flex-direction: column;
      height: 100%;
      width: 100%
    }

    .textAreaContainerWithFooterButtons_EarL03Wc {
      display: flex;
      flex-direction: column
    }

    .textAreaContainerWithFooterButtons_EarL03Wc textarea {
      padding: 1rem
    }

    .textAreaContainerWithFooterButtonsBlogMobile_EarL03Wc {
      height: 31rem
    }

    .textAreaContainerWithHelperMessage_EarL03Wc {
      flex: 1;
      padding: 3rem .5rem 3rem 3rem
    }

    @media (max-width:1080px) {
      .textAreaContainerWithHelperMessage_EarL03Wc {
        padding: 1.5rem .5rem 1.5rem 1.5rem
      }
    }

    @media (max-width:512px) {
      .textAreaContainerWithHelperMessage_EarL03Wc {
        padding: .5rem .125rem .5rem .5rem
      }
    }

    .textAreaContainerWithHelperMessage_EarL03Wc textarea {
      padding: 0 2.5rem 0 0
    }

    @media (max-width:1080px) {
      .textAreaContainerWithHelperMessage_EarL03Wc textarea {
        padding: 0 1rem 0 0
      }
    }

    .textAreaContainerWithHelperMessageBlog_EarL03Wc {
      display: flex;
      flex-direction: column;
      padding: 0
    }

    .textAreaContainerWithHelperMessageContainerBlog_EarL03Wc {
      flex: 1;
      padding: 3rem .5rem 3rem 3rem
    }

    @media (max-width:1080px) {
      .textAreaContainerWithHelperMessageContainerBlog_EarL03Wc {
        padding: 1.5rem .5rem 1.5rem 1.5rem
      }
    }

    @media (max-width:512px) {
      .textAreaContainerWithHelperMessageContainerBlog_EarL03Wc {
        padding: .5rem .125rem .5rem .5rem
      }
    }

    .textAreaContainerWithHelperMessageContainerBlog_EarL03Wc textarea {
      padding: 0 2.5rem 0 0
    }

    @media (max-width:1080px) {
      .textAreaContainerWithHelperMessageContainerBlog_EarL03Wc textarea {
        padding: 0 1rem 0 0
      }
    }

    .editorPluginGButtonContainer_EarL03Wc {
      align-items: center;
      border-top: 1px solid #d9d9d9;
      display: flex;
      height: 53px;
      justify-content: flex-end;
      padding: .75rem 1rem
    }

    .editorPluginContainer_EarL03Wc,
    .textArea_EarL03Wc {
      height: 100%;
      width: 100%
    }

    .textArea_EarL03Wc {
      border: none;
      font-family: inherit;
      font-size: 1rem;
      line-height: 1.75rem;
      outline: none;
      overflow: auto;
      resize: none
    }

    .footerButtonsContainer_EarL03Wc {
      border-top: 1px solid #c6cbde;
      display: flex;
      justify-content: center;
      padding: .5rem 1rem;
      position: relative
    }

    .copyAndCheckTextButtonsContainer_EarL03Wc {
      column-gap: .5rem;
      display: flex
    }

    .gButton_EarL03Wc {
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%)
    }

    .demoEditorExpTextArea_EarL03Wc {
      border: none;
      border-radius: 6px;
      box-shadow: 0 1.17px 4.66px .58px rgba(135, 141, 162, .302), 0 0 0 .58px #878da2;
      box-sizing: border-box;
      color: #1c1c1c;
      font-family: inherit;
      font-size: 1.125rem;
      height: 100%;
      line-height: 2rem;
      outline: none;
      overflow: auto;
      padding: 20px;
      resize: none;
      width: 100%
    }

    .demoEditorExpTextArea_EarL03Wc * {
      box-sizing: border-box
    }

    @media (max-width:1080px) {
      .demoEditorExpTextArea_EarL03Wc {
        font-size: 1rem;
        line-height: 1.875rem
      }
    }

    .demoEditorExpContainer_EarL03Wc {
      display: flex;
      flex-direction: column;
      max-width: 62.5rem;
      width: 100%
    }

    .demoEditorExpCheckTextButtonRow_EarL03Wc {
      bottom: 24px;
      display: flex;
      justify-content: center;
      left: 0;
      position: absolute;
      width: 100%
    }

    .demoEditorExpCheckTextButton_EarL03Wc {
      box-shadow: 0 2px 12px .5px rgba(135, 141, 162, .502), inset 0 0 0 .5px #878da2
    }

    .demoEditorExpHavingTroubleButton_EarL03Wc.demoEditorExpHavingTroubleButton_EarL03Wc.demoEditorExpHavingTroubleButton_EarL03Wc {
      padding-left: 0;
      text-decoration: underline
    }

    .mobileCtaContainer_EarL03Wc {
      margin-top: 1.5rem;
      width: 100%
    }

    .mobilePaywallModal {
      width: calc(100% - 8px)
    }

    .mobilePaywallModal,
    .mobilePaywallModalGoogleCtaExperiment {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
      inset: 50% auto auto 50%;
      margin-right: -50%;
      outline: none;
      overflow: auto;
      padding: 2rem;
      position: absolute;
      transform: translate(-50%, -50%)
    }

    .mobilePaywallModalGoogleCtaExperiment {
      width: 90%
    }

    .modalOverlay {
      background-color: rgba(84, 84, 84, .4);
      inset: 0;
      position: fixed;
      z-index: 2147483647
    }

    .modalContainer {
      display: flex;
      gap: 1rem
    }

    .modalContainer,
    .modalContainerGoogleCtaExperiment {
      flex-direction: column
    }

    .closeButton {
      color: #707070;
      position: absolute;
      right: 8px;
      top: 4px
    }

    .checklist {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .checklist li {
      align-items: center;
      color: #545454;
      display: flex;
      padding-inline-start: .25rem
    }

    .checklist li:not(:first-child) {
      margin-top: .75rem
    }

    .checklistIcon {
      align-items: center;
      display: flex;
      margin-right: .5rem
    }

    .ctaButton {
      align-self: center;
      width: 100%
    }

    .loginSupplement {
      align-self: center;
      color: #707070
    }

    .loginLink {
      border-bottom: 1px solid #014c43;
      color: #014c43;
      font-weight: 700;
      text-decoration: none
    }

    .ctaButton_ovCreZf4.ctaButton_ovCreZf4 {
      transition: all .3s;
      width: 100%
    }

    .ctaButton_ovCreZf4.ctaButtonWC_ovCreZf4 {
      border: 1px solid #d9d9d9;
      height: 50px;
      margin-top: 16px;
      min-height: 50px
    }

    .ctaButtonScaleUp_ovCreZf4 {
      box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
      transform: scale(1.1)
    }

    .ctaButtonGoogleCtaExperiment_ovCreZf4 {
      height: 60px
    }

    .loginSupplement_ovCreZf4 {
      color: #4d536e;
      text-align: center
    }

    .loginLink_ovCreZf4 {
      color: #3659b5;
      text-decoration: none
    }

    .loginLinkBlogDesign_ovCreZf4 {
      border-bottom: 1px solid #014c43;
      color: #014c43;
      font-weight: 700
    }

    .loginLinkGoogleCtaExperiment_ovCreZf4 {
      color: #0d8065
    }

    .boldText_ovCreZf4 {
      font-weight: 700
    }

    .reportSummaryContainer_gmKOX7ZA {
      border-left: 1px solid #d9d9d9;
      display: flex;
      flex: 1 1;
      flex-direction: column;
      max-width: 50%
    }

    @media (max-width:768px) {
      .reportSummaryContainer_gmKOX7ZA {
        border-left: none;
        border-top: 1px solid #d9d9d9;
        max-width: 100%
      }
    }

    .topSection_gmKOX7ZA {
      border-bottom: 1px solid #d9d9d9;
      display: flex;
      flex-basis: 60%;
      flex-direction: column;
      padding: 2rem 1.5rem 1.5rem
    }

    @media (max-width:768px) {
      .topSection_gmKOX7ZA {
        border-bottom: none;
        flex-basis: auto
      }
    }

    @media (max-width:375px) {
      .topSection_gmKOX7ZA {
        padding: 1rem 1.5rem
      }
    }

    .suggestionsCountContainer_gmKOX7ZA {
      align-items: center;
      display: flex;
      margin-bottom: 1rem
    }

    .editorPluginGButtonContainer_gmKOX7ZA {
      margin-right: .25rem;
      pointer-events: none;
      z-index: 0
    }

    .reportList_gmKOX7ZA {
      display: flex;
      gap: 2rem;
      justify-content: space-between;
      margin: 0;
      padding: 0;
      width: 100%
    }

    @media (max-width:1280px) {
      .reportList_gmKOX7ZA {
        flex-direction: column;
        gap: .5rem
      }
    }

    @media (max-width:768px) {
      .reportList_gmKOX7ZA {
        flex-direction: row;
        gap: 2rem
      }
    }

    @media (max-width:375px) {
      .reportList_gmKOX7ZA {
        flex-direction: column;
        gap: .5rem
      }
    }

    .reportGroup_gmKOX7ZA,
    .reportList_gmKOX7ZA.reportListMobile_gmKOX7ZA {
      flex-direction: column;
      gap: .5rem
    }

    .reportGroup_gmKOX7ZA {
      display: flex
    }

    @media (max-width:1280px) {
      .reportGroup_gmKOX7ZA {
        width: 100%
      }
    }

    .reportItem_gmKOX7ZA {
      align-items: center;
      border-bottom: 1px solid #e7e9f5;
      display: flex;
      height: 1.5rem;
      justify-content: space-between;
      padding: 1rem 0;
      width: 229px
    }

    @media (max-width:1280px) {
      .reportItem_gmKOX7ZA {
        width: 100%
      }
    }

    .reportLabel_gmKOX7ZA {
      color: #707070;
      font-family: inter, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 500
    }

    .reportValue_gmKOX7ZA {
      color: #027e6f;
      font-family: inter, sans-serif;
      font-size: 18px;
      font-weight: 700
    }

    .bottomSection_gmKOX7ZA {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      padding: 2rem 1.5rem 1.5rem
    }

    .bottomSection_gmKOX7ZA a[class*=ctaButton],
    .bottomSection_gmKOX7ZA button[class*=ctaButton] {
      width: max-content
    }

    @media (max-width:768px) {
      .bottomSection_gmKOX7ZA {
        padding: .5rem 1.5rem 1.5rem
      }
    }

    .content_gmKOX7ZA {
      font-family: matter, sans-serif;
      font-weight: 600;
      margin-bottom: 1rem
    }

    .gButton_gmKOX7ZA {
      bottom: 5%;
      pointer-events: none;
      position: absolute;
      right: 1rem;
      z-index: 0
    }

    @media (max-width:768px) {
      .gButton_gmKOX7ZA {
        bottom: 4%
      }
    }

    .interactiveTextarea_XTPIMZcQ {
      border: none;
      color: transparent;
      cursor: default;
      font-family: inherit;
      font-size: 1rem;
      height: 100%;
      line-height: 1.75rem;
      outline: none;
      overflow: auto;
      padding: 0 2.5rem 0 0;
      resize: none;
      text-shadow: 0 0 0 #0e101a;
      width: 100%
    }

    @media (max-width:1080px) {
      .interactiveTextarea_XTPIMZcQ {
        padding: 0 1rem 0 0
      }
    }

    .arrows_zqw_2PCN {
      align-items: center;
      display: flex;
      justify-content: center
    }

    .arrows_zqw_2PCN button {
      background-color: #f0f2fc;
      height: 1.75rem;
      margin: 0 .25rem;
      min-height: 1.5rem;
      min-width: 1.5rem;
      padding: 0;
      width: 1.75rem
    }

    .arrowIcon_zqw_2PCN span {
      margin: 0 !important
    }

    .container_RmpFtQP9 {
      background: #fff;
      border: 1px solid #f0f2fc;
      border-radius: 8px;
      box-shadow: 0 12px 48px rgba(26, 33, 52, .11);
      color: #0e101a;
      display: flex;
      flex-direction: column;
      max-width: 31.25rem;
      overflow: scroll;
      position: relative;
      width: 100%
    }

    .container_RmpFtQP9,
    .container_RmpFtQP9 * {
      box-sizing: border-box
    }

    .slidesContainer_RmpFtQP9 {
      height: 27.5rem
    }

    .allTextContainer_RmpFtQP9 {
      height: 36.25rem
    }

    .topPanel_RmpFtQP9 {
      align-items: center;
      border-bottom: 1px solid #e7e9f5;
      display: flex;
      height: 2.75rem;
      justify-content: space-between;
      padding: .5rem
    }

    .gBtn_RmpFtQP9 {
      cursor: default;
      z-index: 1
    }

    .textAreaContainer_RmpFtQP9 {
      flex: 1;
      position: relative
    }

    @media (max-width:1080px) {
      .textAreaContainer_RmpFtQP9 {
        padding: 1.5rem .5rem 1.5rem 1.5rem
      }
    }

    .textAreaPaddingForSlides_RmpFtQP9 {
      padding: 3rem .5rem 3rem 3rem
    }

    .textAreaPaddingForAllText_RmpFtQP9 {
      padding: 1rem .5rem .5rem 3rem
    }

    .secondaryCTA_RmpFtQP9.secondaryCTA_RmpFtQP9 {
      background-color: #f0f2fc;
      color: #0e101a;
      height: 2rem;
      margin: .5rem;
      padding: 0 .5rem 0 1rem;
      width: calc(100% - 1rem)
    }

    .secondaryCTAContent_RmpFtQP9.secondaryCTAContent_RmpFtQP9 {
      justify-content: space-between;
      width: 100%
    }

    .tabs_s9mAFdYQ {
      height: 100%;
      width: 100%
    }

    .tabList_s9mAFdYQ {
      width: 100%
    }

    .tabList_s9mAFdYQ button:disabled {
      color: #bcbcbc
    }

    .tabPanel_s9mAFdYQ {
      text-align: start
    }

    .uploadedFileInfo_s9mAFdYQ {
      align-items: center;
      color: #565b6c;
      display: flex;
      padding-left: .5rem
    }

    .removeButton_s9mAFdYQ {
      color: #2551da;
      margin-left: .5rem
    }

    .removeIcon_s9mAFdYQ {
      margin-right: .25rem
    }

    .fileUploadError_s9mAFdYQ {
      color: #d31332;
      margin-top: .5rem
    }

    .textInputWrapper_jXcrKQMP {
      box-sizing: border-box;
      font-size: .875rem;
      position: relative;
      width: 100%
    }

    .textInput_jXcrKQMP {
      -ms-overflow-style: none;
      border-radius: 6px;
      box-shadow: 0 0 0 .5px #878da2, 0 1px 4px .5px rgba(135, 141, 162, .3);
      font-family: inherit;
      font-size: small;
      line-height: 1.375rem;
      outline: none;
      overflow: hidden;
      padding: .625rem 3rem .625rem .5rem;
      resize: none;
      scrollbar-width: none;
      transform-origin: top;
      width: 100%
    }

    .collapseButtonColumn_jXcrKQMP,
    .textInput_jXcrKQMP {
      box-sizing: border-box;
      transition: max-height .2s ease-in-out
    }

    .collapseButtonColumn_jXcrKQMP {
      padding: 4px 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 40px
    }

    .collapseColumnFiller_jXcrKQMP {
      box-sizing: border-box;
      flex: 1 1 1px
    }

    .textInputCollapseButton_jXcrKQMP {
      background-color: #f5f5f5;
      box-sizing: border-box;
      flex: 0 0 32px;
      padding: 2px 6px;
      position: sticky;
      top: 10px
    }

    .container_MCSDZ394 {
      align-items: center;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: center;
      row-gap: 2.5rem;
      width: 100%
    }

    @media (max-width:768px) {
      .container_MCSDZ394 {
        flex-direction: column
      }
    }

    .card_MCSDZ394 {
      background: linear-gradient(180deg, #fcfcfc, #fcfcfc);
      border-radius: 12px;
      box-shadow: 0 0 0 .5px #878da2, 0 0 2px .5px rgba(135, 141, 162, .5), 0 1px 8px .5px rgba(135, 141, 162, .1), 0 2px 12px .5px rgba(135, 141, 162, .1), 0 4px 20px .5px rgba(135, 141, 162, .25);
      justify-content: space-around;
      padding: 1rem
    }

    .card_MCSDZ394,
    .form_MCSDZ394 {
      align-items: center;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      width: 100%
    }

    .form_MCSDZ394 {
      height: 100%;
      row-gap: 1rem
    }

    .formField_MCSDZ394 {
      width: 100%
    }

    .label_MCSDZ394 {
      color: #646b81;
      margin-bottom: .5rem;
      margin-top: .5rem;
      text-align: start
    }

    .submitButton_MCSDZ394 {
      align-self: flex-start;
      margin: 1.25rem 0
    }

    .submitButton_MCSDZ394:disabled {
      opacity: .4
    }

    .outputCard_MCSDZ394 {
      padding-top: 3.75rem;
      position: relative
    }

    .gBtn_MCSDZ394 {
      left: 1rem;
      position: absolute;
      top: 1rem
    }

    .outputText_MCSDZ394 {
      border: .5px solid #cdd1dc;
      border-radius: .5rem;
      box-sizing: border-box;
      padding: .5rem;
      text-align: justify;
      white-space: pre-wrap;
      width: 100%
    }

    .copyButton_MCSDZ394 {
      bottom: 1rem;
      margin-top: .5rem;
      position: sticky
    }

    .divider_MCSDZ394 {
      border: .5px solid #cdd1dc;
      margin: 0;
      width: calc(100% + 2rem)
    }

    @keyframes spin_z4ZGByKy {
      0% {
        transform: rotate(0deg)
      }

      to {
        transform: rotate(359deg)
      }
    }

    .spin_z4ZGByKy {
      animation: spin_z4ZGByKy 2s linear infinite
    }

    .uploadButton_kxwiuAVw {
      border: 1px solid #565b6c;
      color: #646b81;
      font-weight: 700
    }

    .uploadButton_kxwiuAVw:active,
    .uploadButton_kxwiuAVw:hover {
      background: #e2e4e9;
      color: #565b6c
    }

    .uploadButton_kxwiuAVw span {
      align-items: center;
      display: flex;
      justify-content: center
    }

    .input_kxwiuAVw {
      display: none
    }

    .boxItemsContainer_EW72gnlP {
      display: flex;
      flex-direction: row
    }

    @media (max-width:1080px) {
      .boxItemsContainer_EW72gnlP {
        border: none;
        flex-direction: column
      }
    }

    .planBoxContainer_EW72gnlP {
      display: flex;
      flex-direction: column;
      width: 100%
    }

    @media (max-width:1080px) {
      .planBoxContainer_EW72gnlP {
        margin-bottom: 40px
      }
    }

    .boxItem_EW72gnlP {
      border: 1px solid #cdd1dc;
      border-left: 0;
      flex: 1 1 33%;
      margin: 0;
      padding: 40px
    }

    @media (max-width:1080px) {
      .boxItem_EW72gnlP {
        border-left: 1px solid #cdd1dc;
        border-radius: 8px
      }
    }

    @media (max-width:768px) {
      .boxItem_EW72gnlP {
        display: flex;
        flex-direction: column;
        padding: 20px;
        width: 100%
      }
    }

    .compact_EW72gnlP {
      min-width: 310px;
      padding: 40px 24px
    }

    @media (max-width:1080px) {
      .compact_EW72gnlP {
        min-width: none
      }
    }

    @media (max-width:768px) {
      .compact_EW72gnlP {
        padding: 20px
      }
    }

    .first_EW72gnlP {
      border-left: 1px solid #cdd1dc;
      border-radius: 8px 0 0 8px
    }

    @media (max-width:1080px) {
      .first_EW72gnlP {
        border-radius: 8px
      }
    }

    .last_EW72gnlP {
      border-radius: 0 8px 8px 0
    }

    @media (max-width:1080px) {
      .last_EW72gnlP {
        border-radius: 8px
      }
    }

    .hideRightBorder_EW72gnlP {
      border-right: 0
    }

    @media (max-width:1080px) {
      .hideRightBorder_EW72gnlP {
        border-right: 1px solid #cdd1dc
      }

      .hideRightBorder_EW72gnlP.recommended_EW72gnlP {
        border-right: 1px solid #0d8065
      }
    }

    .recommended_EW72gnlP {
      border: 1px solid #0d8065;
      border-radius: 0
    }

    @media (max-width:1080px) {
      .recommended_EW72gnlP {
        border-radius: 0 0 8px 8px
      }
    }

    .last_EW72gnlP.recommended_EW72gnlP {
      border-radius: 0 0 8px
    }

    @media (max-width:1080px) {
      .last_EW72gnlP.recommended_EW72gnlP {
        border-radius: 0 0 8px 8px
      }
    }

    .banner_D4VnyDgq {
      align-items: center;
      background-color: #027e6f;
      border-radius: 8px 8px 0 0;
      color: #fff;
      display: flex;
      font-style: normal;
      height: 36px;
      justify-content: center;
      opacity: 0;
      padding: 4px 0;
      width: 100%
    }

    .bannerText_D4VnyDgq {
      font-weight: 700
    }

    @media (max-width:768px) {
      .banner_D4VnyDgq {
        height: 0
      }
    }

    .banner_D4VnyDgq svg {
      margin-left: 2px
    }

    .isRecommended_D4VnyDgq {
      opacity: 1
    }

    @media (max-width:768px) {
      .isRecommended_D4VnyDgq {
        height: 36px
      }
    }

    .banner24_D4VnyDgq {
      background-color: #027e6f;
      font-family: Glyph, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 21px
    }

    .banner24_D4VnyDgq svg {
      margin-left: 4px
    }

    .lime_D4VnyDgq {
      background-color: #d5ff00;
      height: 34px
    }

    .lime_D4VnyDgq,
    .verdigris_D4VnyDgq {
      color: #1c1c1c;
      font-size: 18px;
      line-height: 26px
    }

    .verdigris_D4VnyDgq {
      background-color: #00e0ac;
      font-family: matter, sans-serif;
      height: 40px
    }

    .planSummaryWrapper_CKJZZtF3 {
      display: flex;
      flex-direction: column;
      height: 100%
    }

    .planSummaryTop_CKJZZtF3 {
      margin-bottom: 24px;
      max-width: 21.25rem
    }

    @media (max-width:1080px) {
      .planSummaryTop_CKJZZtF3 {
        max-width: 100%
      }
    }

    .planSummaryTop_CKJZZtF3.moveCtaUpExperiment_CKJZZtF3 {
      margin-bottom: 16px
    }

    .proFocusPlanSummaryTop_CKJZZtF3 {
      max-width: 27rem
    }

    .contentTop_CKJZZtF3 {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      flex-grow: 0;
      text-align: start
    }

    .targetGroup_CKJZZtF3 {
      color: #016a5e;
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 16px
    }

    .targetGroup_CKJZZtF3.moveCtaUpExperiment_CKJZZtF3 {
      margin-bottom: 8px
    }

    .titleBlock_CKJZZtF3 {
      align-items: center;
      display: flex;
      height: 2.5rem;
      justify-content: space-between
    }

    @media (max-width:1080px) {
      .titleBlock_CKJZZtF3 {
        height: auto
      }
    }

    .description_CKJZZtF3 {
      color: #1c1c1c;
      height: 2.75rem
    }

    @media (max-width:1080px) {
      .description_CKJZZtF3 {
        height: auto
      }
    }

    .ctaButton_CKJZZtF3 {
      width: 100%
    }

    .planSummaryFeatures_CKJZZtF3 {
      display: flex;
      flex-direction: column;
      flex-grow: 0;
      height: 100%;
      justify-content: flex-start
    }

    .smallSpacer_CKJZZtF3 {
      height: 4px
    }

    .bold_CKJZZtF3 {
      font-weight: 700
    }

    .planSummaryWrapper_Wxzetn3o {
      display: flex;
      flex-direction: column;
      height: 100%
    }

    .planSummaryTop_Wxzetn3o {
      height: 7rem;
      margin-bottom: 1rem;
      width: 100%
    }

    .contentTop_Wxzetn3o .planTitle_Wxzetn3o {
      display: flex;
      max-height: 3rem
    }

    .contentTop_Wxzetn3o .planDescription_Wxzetn3o {
      color: #161719
    }

    .planPriceContainer_Wxzetn3o {
      min-height: 4.5rem
    }

    .planPrice_Wxzetn3o {
      align-items: baseline;
      display: flex;
      margin-bottom: .25rem
    }

    .planPrice_Wxzetn3o .price_Wxzetn3o {
      margin-right: .25rem
    }

    .planPrice_Wxzetn3o .currency_Wxzetn3o {
      font-size: 20px;
      margin-right: .25rem
    }

    .planPrice_Wxzetn3o .monthlyPriceSuffix_Wxzetn3o {
      color: #646b81
    }

    .compactComparisonBox_lio2AWmy {
      min-width: 400px;
      padding: 32px 40px
    }

    .list_tTS7fP_T {
      display: grid;
      gap: 24px;
      list-style: none;
      margin: 0;
      padding: 0
    }

    .listItem_tTS7fP_T {
      align-items: center;
      color: #2e2e2e;
      display: grid;
      gap: 8px;
      grid-template-columns: auto 1fr
    }

    .listItem_tTS7fP_T.highlighted_tTS7fP_T {
      font-weight: 700
    }

    .prices_MV0fc9l_ {
      display: flex;
      flex-direction: column
    }

    .priceLabel_MV0fc9l_ {
      color: #707070
    }

    .price_MV0fc9l_ {
      align-items: baseline;
      display: flex;
      gap: 4px
    }

    .monthlyBilled_MV0fc9l_ {
      margin-top: .5rem
    }

    .planOuterContainer_ofTLhEKn {
      flex: 1;
      position: relative
    }

    @media (min-width:1080px) {
      .planOuterContainer_ofTLhEKn:first-child .plan_ofTLhEKn {
        border-radius: 8px 0 0 8px
      }

      .planOuterContainer_ofTLhEKn:last-child .plan_ofTLhEKn {
        border-radius: 0 8px 8px 0
      }

      .planOuterContainer_ofTLhEKn:nth-child(2n) .plan_ofTLhEKn {
        border-left: 0;
        border-radius: 0;
        border-right: 0
      }
    }

    .plan_ofTLhEKn {
      border: 1px solid #d9d9d9;
      border-radius: 8px;
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: 24px;
      height: 100%;
      padding: 2.5rem;
      position: relative;
      text-align: left
    }

    .plan_ofTLhEKn.planPopular_ofTLhEKn {
      border-radius: 0 0 8px 8px
    }

    @media (max-width:1280px) {
      .plan_ofTLhEKn {
        padding: 2.5rem 2rem
      }
    }

    @media (max-width:1080px) {
      .plan_ofTLhEKn {
        height: auto
      }
    }

    @media (max-width:512px) {
      .plan_ofTLhEKn {
        padding: 2.5rem 1.5rem
      }
    }

    .content_ofTLhEKn {
      display: flex;
      flex-direction: column;
      gap: 24px;
      min-height: 230px
    }

    @media (max-width:1080px) {
      .content_ofTLhEKn {
        min-height: auto
      }
    }

    .popular_ofTLhEKn {
      align-items: center;
      background: #00e0ac;
      border-radius: 8px 8px 0 0;
      display: flex;
      gap: 4px;
      justify-content: center;
      left: 0;
      min-height: 36px;
      position: absolute;
      top: -36px;
      width: 100%
    }

    @media (max-width:1080px) {
      .popular_ofTLhEKn {
        position: relative;
        top: 0
      }
    }

    .info_ofTLhEKn {
      display: flex;
      flex-direction: column;
      gap: 8px
    }

    .eyebrow_ofTLhEKn {
      color: #027e6f
    }

    .planToggle_CB3jfQOn {
      align-items: center;
      display: flex;
      gap: 24px;
      justify-content: center
    }

    @media (max-width:512px) {
      .planToggle_CB3jfQOn {
        flex-direction: column;
        justify-content: center
      }
    }

    .wrapper_CB3jfQOn {
      align-items: center;
      display: flex;
      gap: 16px;
      justify-content: center
    }

    .label_CB3jfQOn {
      color: #707070
    }

    .label_CB3jfQOn.active_CB3jfQOn {
      color: #2e2e2e
    }

    .switchContainer_CB3jfQOn {
      height: 38px;
      position: relative;
      width: 70px
    }

    .toggleInput_CB3jfQOn {
      height: 0;
      opacity: 0;
      width: 0
    }

    .toggleLabel_CB3jfQOn {
      background-color: #707070;
      border-radius: 38px;
      bottom: 0;
      cursor: pointer;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      transition: background-color .2s
    }

    .toggleLabel_CB3jfQOn:before {
      background-color: #fff;
      border-radius: 50%;
      bottom: 2px;
      content: "";
      height: 34px;
      left: 2px;
      position: absolute;
      transition: transform .2s;
      width: 34px
    }

    .toggleInput_CB3jfQOn:checked+.toggleLabel_CB3jfQOn {
      background-color: #027e6f
    }

    .toggleInput_CB3jfQOn:checked+.toggleLabel_CB3jfQOn:before {
      transform: translateX(32px)
    }

    .saveLabel_CB3jfQOn {
      background-color: transparent;
      border: 1px solid #707070;
      border-radius: 20px;
      color: #707070;
      font-size: .875rem;
      font-weight: 700;
      padding: .25rem .75rem
    }

    .saveLabel_CB3jfQOn.active_CB3jfQOn {
      border: 1px solid #2e2e2e;
      color: #2e2e2e
    }

    .clickableLabel_CB3jfQOn {
      cursor: pointer
    }

    .annualPlanToggle_cQ5xUSyB {
      margin-bottom: 100px
    }

    @media (max-width:1080px) {
      .annualPlanToggle_cQ5xUSyB {
        margin-bottom: 64px
      }
    }

    @media (max-width:512px) {
      .annualPlanToggle_cQ5xUSyB {
        margin-bottom: 40px
      }
    }

    .desktop_cQ5xUSyB {
      display: flex;
      width: 100%
    }

    @media (max-width:1080px) {
      .desktop_cQ5xUSyB {
        display: none
      }
    }

    .mobile_cQ5xUSyB {
      display: none;
      width: 100%
    }

    @media (max-width:1080px) {
      .mobile_cQ5xUSyB {
        display: flex;
        flex-direction: column;
        gap: 40px
      }
    }

    .wrapper_urQ9wpXO {
      display: flex;
      justify-content: space-between;
      padding: 16px 0;
      width: 100%
    }

    .leftPlaceHolder_urQ9wpXO {
      width: 325px
    }

    @media (max-width:1080px) {
      .leftPlaceHolder_urQ9wpXO {
        width: 220px
      }
    }

    .headerItem_urQ9wpXO {
      width: 180px
    }

    @media (max-width:1080px) {
      .headerItem_urQ9wpXO {
        width: 140px
      }
    }

    .headerBody_urQ9wpXO {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: space-between
    }

    .pricingContainer_urQ9wpXO {
      min-height: 4rem
    }

    .pricing_urQ9wpXO {
      align-items: baseline;
      display: flex;
      height: 24px
    }

    .currencyAndTag_urQ9wpXO {
      align-items: center;
      display: flex
    }

    .monthlyPrice_urQ9wpXO {
      padding-right: 4px
    }

    .monthlyPriceStrikethrough_urQ9wpXO {
      padding-right: 4px;
      text-decoration: line-through
    }

    .monthlyPriceSuffix_urQ9wpXO {
      display: inline-block;
      height: 40px
    }

    .ctaButton_HfrRWBtL {
      font-weight: 700 !important;
      height: 48px;
      padding: 20px;
      width: 100% !important
    }

    .ctaButton_HfrRWBtL[data-status=disabled] {
      background-color: #fff !important;
      border: 1px solid #0d8065 !important;
      color: #0d8065 !important;
      opacity: .4
    }

    .ctaButton24_HfrRWBtL.ctaButton24_HfrRWBtL {
      font-family: Glyph, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500 !important;
      line-height: 25px
    }

    .ctaButton24_HfrRWBtL.ctaButton24_HfrRWBtL[data-status=disabled] {
      background-color: #fff !important;
      border: 1px solid #027e6f !important;
      color: #027e6f !important
    }

    .emptyBlock_HfrRWBtL {
      height: 48px
    }

    .hoverable_HfrRWBtL {
      cursor: not-allowed
    }

    .hoverable_HfrRWBtL button[data-status=disabled] {
      pointer-events: none
    }

    .tooltipTrigger_HfrRWBtL {
      position: relative
    }

    .tooltip_HfrRWBtL {
      background-color: #4d536e;
      border-radius: 7px;
      color: #fff;
      font-size: 12px;
      line-height: 16px;
      margin-top: 0;
      opacity: 0;
      padding: 10px 12px;
      position: absolute;
      top: calc(100% + 12px);
      transition: opacity .2s ease-in-out;
      visibility: hidden;
      width: 100%;
      z-index: 20
    }

    .visible_HfrRWBtL {
      opacity: 1;
      transition: opacity .2s ease-in-out;
      visibility: visible
    }

    .freeTagBase_BPzbCeRg {
      align-items: center;
      background-color: #eafaf9 !important;
      border: 1px solid #73e1d4 !important;
      border-radius: calc(.25px * var(--rem));
      box-sizing: border-box;
      color: #016a5e !important;
      display: flex;
      font-size: calc(.86px * (var(--rem) - 2));
      font-style: normal;
      font-weight: 400 !important;
      line-height: calc(1.2868px * (var(--rem) - 2));
      padding: 0 calc(.25px * var(--rem));
      white-space: nowrap;
      width: fit-content
    }

    .freeTagText_BPzbCeRg {
      margin: 0;
      padding: 0;
      text-align: inherit
    }

    .monthlyPriceStrikethrough_wDSSXMLP {
      padding-right: 4px;
      text-decoration: line-through
    }

    .monthlyPrice_wDSSXMLP {
      padding-right: 4px
    }

    .monthlyPriceSuffix_wDSSXMLP {
      color: #545454;
      line-height: 22px
    }

    .monthlyPricePerMonth_wDSSXMLP {
      color: #1c1c1c;
      height: 1.375rem
    }

    @media (max-width:1080px) {
      .monthlyPricePerMonth_wDSSXMLP {
        height: auto
      }
    }

    .currencyAndTag_wDSSXMLP {
      align-items: center;
      display: flex
    }

    .pricing_wDSSXMLP {
      align-items: baseline;
      display: flex;
      height: 3rem;
      margin-bottom: 8px
    }

    .pricing_wDSSXMLP.small_wDSSXMLP {
      height: fit-content
    }

    .bold_wDSSXMLP {
      font-weight: 700
    }

    .oldPrice_wDSSXMLP {
      color: #9fa6bf;
      font-size: 12px;
      line-height: 18px;
      margin-bottom: 8px;
      text-decoration: line-through
    }

    .discount_wDSSXMLP {
      height: 1.375rem
    }

    @media (max-width:1080px) {
      .discount_wDSSXMLP {
        height: auto
      }
    }

    .discountBanner_wDSSXMLP {
      background-color: #d7f7f0;
      border-radius: 3px;
      color: #0d8065;
      font-size: 10px;
      letter-spacing: .04em;
      line-height: 16px;
      padding: 0 4px;
      text-transform: uppercase
    }

    .recommendedHeading_AZROG55w {
      display: flex;
      justify-content: space-between;
      width: 100%
    }

    .recommendedHeading_AZROG55w>div {
      flex: 0 1 180px
    }

    @media (max-width:1080px) {
      .recommendedHeading_AZROG55w>div {
        flex: 0 1 140px
      }
    }

    .recommendedHeading_AZROG55w>div:first-child {
      flex: 0 1 325px;
      padding: 0
    }

    @media (max-width:1080px) {
      .recommendedHeading_AZROG55w>div:first-child {
        flex: 0 1 220px
      }
    }

    .banner_AZROG55w {
      background-color: #027e6f;
      border: 1px solid #027e6f;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      height: 10px;
      opacity: 0;
      padding: 4px 0;
      text-align: center;
      text-transform: uppercase;
      width: 100%
    }

    .recommended_AZROG55w {
      opacity: 1
    }

    .table_hoauR34R {
      border-spacing: 0;
      position: relative;
      width: 100%
    }

    .tableHead_hoauR34R {
      border-bottom: 1px solid #e7e9f5
    }

    .row_hoauR34R {
      align-items: stretch;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      min-height: 60px;
      width: 100%
    }

    .row_hoauR34R>:first-child {
      flex: 0 1 325px;
      text-align: start
    }

    @media (max-width:1080px) {
      .row_hoauR34R>:first-child {
        flex: 0 1 220px
      }
    }

    .row_hoauR34R>td,
    th {
      flex: 0 1 180px;
      padding: 0
    }

    @media (max-width:1080px) {

      .row_hoauR34R>td,
      th {
        flex: 0 1 140px
      }
    }

    .dataCell_hoauR34R {
      justify-content: center
    }

    .dataCell_hoauR34R,
    .headerCell_hoauR34R {
      align-items: center;
      display: flex
    }

    .isRecommended_hoauR34R {
      background-color: #eafaf9;
      border-left: 1px solid #027e6f;
      border-right: 1px solid #027e6f
    }

    .isFirstRow_hoauR34R .isRecommended_hoauR34R {
      border-top: 1px solid #027e6f;
      color: #027e6f;
      font-size: 18px;
      font-weight: 700
    }

    .isLastRow_hoauR34R .isRecommended_hoauR34R {
      border-bottom: 1px solid #027e6f;
      border-radius: 0 0 8px 8px
    }

    .headerRow_iS6Qs_s1 {
      border-bottom: 1px solid #f0f2fc
    }

    .sectionTitle_iS6Qs_s1 {
      font-size: 24px;
      line-height: 32px;
      padding: 32px 0 16px
    }

    .plansTitle_iS6Qs_s1 {
      display: flex;
      font-weight: 400;
      justify-content: center;
      padding: 32px 0 16px
    }

    .customContent_x8eUwsy9 {
      text-align: center
    }

    .demo_C_SXJoyw {
      border-radius: 3px;
      margin-bottom: 8px;
      padding-top: 12px
    }

    .demo_C_SXJoyw>img {
      display: block;
      margin: auto;
      padding: 0;
      width: 100%
    }

    .content_SsrXz9bc {
      align-items: center;
      display: flex;
      gap: 4px;
      width: 100%
    }

    .feature_SsrXz9bc {
      font-size: 14px;
      font-weight: 400;
      padding-left: 40px
    }

    .iconContainer_SsrXz9bc {
      width: 28px
    }

    .counter_SsrXz9bc,
    .iconContainer_SsrXz9bc {
      align-items: center;
      display: flex;
      justify-content: center
    }

    .counter_SsrXz9bc {
      background: #f8e485;
      border-radius: 50%;
      color: #935f00;
      font-size: 12px;
      font-weight: 700;
      height: 18px;
      min-width: 18px
    }

    .section_BxXHpplt {
      display: block
    }

    .spacings_BxXHpplt {
      padding: 16px 0
    }

    .featuresTable_UNB8kIJy {
      position: relative;
      width: 100%
    }

    .benefitItem_GJ0iz5tz {
      align-items: center;
      display: flex;
      gap: 16px;
      padding-top: 24px
    }

    .benefitItem_GJ0iz5tz.compact_GJ0iz5tz {
      padding-top: 18px
    }

    .benefitItem_GJ0iz5tz svg {
      margin-right: 8px
    }

    .description_GJ0iz5tz {
      align-items: center;
      display: flex
    }

    .description_GJ0iz5tz.withTag_GJ0iz5tz {
      white-space: nowrap
    }

    .content_GJ0iz5tz {
      color: #27282e;
      flex: 1
    }
  </style>
  <style data-href="https://static.grammarly.com/assets/styles/9747bb018ff7d33cbef2v1/singlePlanComparison.css">
    ._2qOOY-mobileOpenClose {
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      background: none;
      border: none;
      cursor: pointer;
      outline: none;
      padding: 0;
      text-decoration: none;
      user-select: none
    }

    ._2rt5p-container,
    .xK2sz-mobileContainer {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      font-family: Inter, sans-serif;
      height: 64px;
      width: 100%
    }

    ._2rt5p-container {
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -o-box-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 16px 24px
    }

    ._1pnO2-fixedBeforeShow {
      -moz-transform: translateY(-100%);
      -moz-transition: -moz-transform .5s;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
      -ms-transform: translateY(-100%);
      -ms-transition: -ms-transform .5s;
      -o-transform: translateY(-100%);
      -o-transition: -o-transform .5s;
      -webkit-transform: translateY(-100%);
      -webkit-transition: -webkit-transform .5s;
      background: #fff;
      filter: alpha(opacity=97);
      opacity: .97;
      position: fixed;
      top: 0;
      transform: translateY(-100%);
      transition: transform .5s;
      visibility: hidden;
      z-index: 10
    }

    ._1pnO2-fixedBeforeShow._20Oh5-fixedAfterShow {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
      visibility: visible
    }

    .xK2sz-mobileContainer {
      -moz-box-orient: vertical;
      -ms-flex-direction: column;
      -o-box-orient: vertical;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      background: #fff;
      flex-direction: column
    }

    .xK2sz-mobileContainer .d3o2s-mobileChildren {
      display: none
    }

    .xK2sz-mobileContainer._23Vef-active {
      height: 100vh;
      position: fixed;
      z-index: 10
    }

    .xK2sz-mobileContainer._23Vef-active .d3o2s-mobileChildren {
      -moz-box-flex: 1;
      -ms-box-flex: 1;
      -o-box-flex: 1;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      box-flex: 1;
      display: block;
      flex-grow: 1
    }

    .NfH4H-mobileTop {
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -o-box-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      justify-content: space-between;
      padding: 16px
    }

    ._3eS28-llamaInstallButtonIconLeft {
      margin-bottom: -6px
    }

    .-b_B1-btn {
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      background: none;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      outline: none;
      padding: 0;
      text-decoration: none;
      user-select: none
    }

    .-b_B1-btn:focus {
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000
    }

    ._3ywp7-btn {
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      background: none;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      outline: none;
      padding: 0;
      text-decoration: none;
      user-select: none
    }

    ._3ywp7-btn:focus {
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000
    }

    .oagMi-downloadContainer {
      -moz-box-orient: horizontal;
      -ms-flex-direction: row;
      -o-box-orient: horizontal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex-direction: row
    }

    .zAvu2-downloadButtons {
      display: block;
      margin: 0 2px
    }

    ._2of3A-dropdownItemList,
    .vS-8S-mainItemsList {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .vS-8S-mainItemsList {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    .vS-8S-mainItemsList>li {
      color: #0e101a;
      font-size: 14px;
      font-weight: 700;
      line-height: 32px;
      padding: 0 8px
    }

    .vS-8S-mainItemsList>li:not(:last-child) {
      margin: 0 16px 0 0
    }

    .vS-8S-mainItemsList a {
      color: inherit;
      display: block;
      text-decoration: none
    }

    .vS-8S-mainItemsList._15fJx-vertical {
      -moz-box-orient: vertical;
      -ms-flex-direction: column;
      -o-box-orient: vertical;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      margin: 24px 64px 0
    }

    .vS-8S-mainItemsList._15fJx-vertical>* {
      border-top: 1px solid #e7e9f5;
      padding: 8px 16px
    }

    .vS-8S-mainItemsList._15fJx-vertical>:last-child {
      border-bottom: 1px solid #e7e9f5
    }

    .YZyVe-dropdownItem {
      cursor: pointer;
      position: relative
    }

    ._2KqN9-dropdownItemLabel {
      -moz-box-align: center;
      -ms-flex-align: center;
      -o-box-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    ._2of3A-dropdownItemList {
      -webkit-box-shadow: 0 4px 16px rgba(109, 117, 141, .2);
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 16px rgba(109, 117, 141, .2);
      display: none;
      font-weight: 400;
      min-width: 160px;
      padding: 8px 0;
      position: absolute;
      right: 0;
      top: 32px;
      white-space: nowrap
    }

    ._2of3A-dropdownItemList._59H5C-active {
      display: block;
      z-index: 11
    }

    ._2of3A-dropdownItemList a {
      padding: 2px 16px
    }

    ._14hKl-marginTop {
      margin-top: 110px
    }

    @media (max-width:768px) {
      ._14hKl-marginTop {
        margin-top: 50px
      }
    }

    ._2YM_c-noMargin {
      margin-top: 0
    }

    ._1VIEl-wrapper {
      width: 802px
    }

    ._8EqO-header {
      background-color: var(--color-background-base-subdued);
      border: 1px solid var(--blue-gray-10);
      border-bottom: none;
      border-radius: 8px 8px 0 0;
      text-align: center
    }

    ._1sssj-bigHeading {
      font-size: 32px;
      margin-bottom: var(--space-1)
    }

    ._3ATW--subheading {
      color: var(--color-font-base-subdued)
    }

    ._1qxSf-description {
      height: 40px
    }

    ._2D5wG-card {
      border: 1px solid var(--blue-gray-10);
      width: 50%
    }

    ._2D5wG-card:first-of-type {
      border-right: none
    }

    ._25MGx-button {
      border: 1px solid var(--color-border-brand-default);
      margin-top: 24px;
      min-height: 48px
    }

    ._2G1q5-list {
      -moz-box-orient: vertical;
      -ms-flex-direction: column;
      -o-box-orient: vertical;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex-direction: column;
      gap: var(--space-6);
      list-style: none;
      margin: 0;
      margin-top: var(--space-6);
      padding: 0
    }

    ._8P0Mo-container {
      background-color: #f9faff;
      padding: 60px 0
    }

    @media (max-width:768px) {
      ._8P0Mo-container {
        padding: 40px 16px
      }
    }

    ._2jAgs-content {
      -moz-box-align: center;
      -moz-box-lines: single;
      -moz-box-orient: vertical;
      -ms-flex-align: center;
      -ms-flex-flow: column nowrap;
      -o-box-align: center;
      -o-box-lines: single;
      -o-box-orient: vertical;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-lines: single;
      -webkit-box-orient: vertical;
      -webkit-flex-flow: column nowrap;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex-flow: column nowrap;
      margin: 0 auto;
      max-width: 700px;
      padding: 0
    }

    ._2iszF-titleWrapper {
      -ms-flex-item-align: center;
      -webkit-align-self: center;
      align-self: center
    }

    ._2R9Vi-questions {
      -moz-box-lines: multiple;
      -moz-box-orient: horizontal;
      -moz-box-pack: justify;
      -ms-flex-flow: row wrap;
      -ms-flex-pack: justify;
      -o-box-lines: multiple;
      -o-box-orient: horizontal;
      -o-box-pack: justify;
      -webkit-box-lines: multiple;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: justify;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: space-between;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      max-width: 1080px
    }

    ._2lKz7-section {
      background-color: #fff;
      border: 1px solid #e7e9f5;
      border-radius: 8px;
      margin-bottom: 8px;
      padding: 16px;
      width: 100%
    }

    ._2lKz7-section a[id] {
      display: block;
      height: 100px;
      margin-top: -100px;
      visibility: hidden
    }

    .olkxe-sectionTitle {
      position: relative
    }

    .olkxe-sectionTitle a {
      display: block;
      padding-right: 16px
    }

    .olkxe-sectionTitle a:after {
      -moz-transform: translateY(-50%);
      -moz-transform-origin: center;
      -ms-transform: translateY(-50%);
      -ms-transform-origin: center;
      -o-transform: translateY(-50%);
      -o-transform-origin: center;
      -webkit-transform: translateY(-50%);
      -webkit-transform-origin: center;
      background: url(images/arrow.svg);
      background-repeat: no-repeat;
      content: "";
      display: block;
      height: 6px;
      position: absolute;
      right: 2px;
      top: 10px;
      transform: translateY(-50%);
      transform-origin: center;
      width: 11px
    }

    [data-active=true] a:after {
      -moz-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
      -o-transform: translateY(-50%) rotate(180deg);
      -webkit-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg)
    }

    [data-active=true] ._1DBi--sectionDetails {
      display: block;
      visibility: visible
    }

    .olkxe-sectionTitle a {
      color: inherit;
      text-decoration: none
    }

    ._1DBi--sectionDetails {
      display: none;
      visibility: hidden
    }

    @media screen and (max-width:768px) {
      ._2iszF-titleWrapper {
        -ms-flex-item-align: start;
        -webkit-align-self: start;
        align-self: start
      }

      ._2lKz7-section {
        width: 100%
      }
    }

    .Hbpn4-alertCount {
      -moz-box-align: center;
      -moz-box-pack: center;
      -ms-flex-align: center;
      -ms-flex-pack: center;
      -o-box-align: center;
      -o-box-pack: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      align-items: center;
      background: #ffdf80;
      border-radius: 99px;
      color: #8c5404;
      cursor: default;
      display: -webkit-inline-box;
      display: -moz-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-box;
      display: inline-flex;
      font-size: 16px;
      font-weight: 700;
      justify-content: center;
      padding: 4px
    }

    .Hbpn4-alertCount._2CLnh-red {
      background-color: #ee445f;
      color: #fff
    }

    ._33xgd-alertCountSmall {
      font-size: 12px
    }

    .gbHJh-alertCountBorder {
      background: #fff1d4;
      border-radius: 99px;
      padding: 8px
    }

    .gbHJh-alertCountBorder._2CLnh-red {
      background: #ff99ab;
      outline: 8px solid #ffdbe3
    }

    .J2Qpo-subtitleWrapper {
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -o-box-pack: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      color: #565b6c;
      justify-content: center
    }

    ._3kokM-sectionContainer,
    .J2Qpo-subtitleWrapper,
    .sPuaw-wrapper {
      -moz-box-align: center;
      -ms-flex-align: center;
      -o-box-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    ._3kokM-sectionContainer {
      -moz-box-orient: vertical;
      -ms-flex-direction: column;
      -o-box-orient: vertical;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      color: #545454;
      flex-direction: column
    }

    ._2PeuG-title {
      color: #545454;
      text-align: center
    }

    .INNnO-clientWrapper {
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -o-box-pack: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      gap: 1.5rem;
      justify-content: center
    }

    @media (max-width:1024px) {
      .INNnO-clientWrapper {
        width: 100%
      }
    }

    @media (max-width:768px) {
      .INNnO-clientWrapper {
        gap: .75rem
      }
    }

    ._3oHop-client {
      -moz-box-align: center;
      -moz-box-pack: center;
      -ms-flex-align: center;
      -ms-flex-pack: center;
      -o-box-align: center;
      -o-box-pack: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      height: 60px;
      justify-content: center;
      width: 180px
    }

    @media (max-width:768px) {
      ._3oHop-client {
        height: 40px;
        width: 100px
      }
    }

    @media (min-width:1025px) {
      .ZnAHo-hiddenOnDesktop {
        display: none
      }
    }

    @media (max-width:1024px) {
      ._3diB3-hiddenOnMobile {
        display: none
      }
    }

    ._1f6sD-sectionContainer {
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -o-box-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      border: 1px solid #cdd1dc;
      border-radius: 8px;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      justify-content: space-between
    }

    ._1f6sD-sectionContainer ._2ZcYs-content {
      padding: 60px 0 60px 80px;
      width: calc(50% - 16px)
    }

    @media (max-width:768px) {
      ._1f6sD-sectionContainer ._2ZcYs-content {
        padding: 24px 40px;
        width: auto
      }
    }

    ._1f6sD-sectionContainer ._2Y6SQ-illustration {
      -moz-box-align: center;
      -ms-flex-align: center;
      -o-box-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      width: calc(50% - 16px)
    }

    .v7kaZ-sectionContainer_noBorder {
      border: none
    }

    .dWh-D-sectionContainer {
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -o-box-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      background-color: #00231f;
      justify-content: space-between
    }

    .dWh-D-sectionContainer,
    .dWh-D-sectionContainer ._1ln1p-content {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    .dWh-D-sectionContainer ._1ln1p-content {
      -moz-box-align: center;
      -moz-box-orient: vertical;
      -moz-box-pack: center;
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      -o-box-align: center;
      -o-box-orient: vertical;
      -o-box-pack: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-pack: center;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      align-items: center;
      color: #fff;
      flex-direction: column;
      justify-content: center;
      margin: 0 auto;
      max-width: 1240px;
      padding: 96px 24px;
      width: 100%
    }

    @media (max-width:1024px) {
      .dWh-D-sectionContainer ._1ln1p-content {
        padding: 40px 24px
      }
    }

    .dWh-D-sectionContainer ._1ln1p-content ._3Ld8F-contentTitle {
      text-align: center
    }

    .dWh-D-sectionContainer ._1ln1p-content ._2Dthg-socialProof {
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -o-box-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      justify-content: space-between;
      padding-top: 48px
    }

    @media (max-width:1024px) {
      .dWh-D-sectionContainer ._1ln1p-content ._2Dthg-socialProof {
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -o-box-orient: vertical;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column
      }
    }

    .dWh-D-sectionContainer ._1ln1p-content ._1PHBC-socialProofItem {
      padding-right: 60px
    }

    @media (max-width:1024px) {
      .dWh-D-sectionContainer ._1ln1p-content ._1PHBC-socialProofItem {
        padding-bottom: 60px;
        padding-right: 0
      }

      .dWh-D-sectionContainer ._1ln1p-content ._1PHBC-socialProofItem:last-of-type {
        padding-bottom: 0
      }
    }

    .dWh-D-sectionContainer ._1ln1p-content ._1PHBC-socialProofItem:last-of-type {
      padding-right: 0
    }

    .dWh-D-sectionContainer ._1ln1p-content .B6l2_-avatarWrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      padding-bottom: 16px
    }

    .dWh-D-sectionContainer ._1ln1p-content .B6l2_-avatarWrapper .ZiAty-avatar {
      border-radius: 50%;
      height: 85px;
      margin-right: 32px;
      width: 85px
    }

    ._1Xjhq-sectionContainer {
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -o-box-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      background-color: #00231f;
      justify-content: space-between
    }

    ._1Xjhq-sectionContainer,
    ._1Xjhq-sectionContainer ._1tsE9-content {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    ._1Xjhq-sectionContainer ._1tsE9-content {
      -moz-box-align: center;
      -moz-box-orient: vertical;
      -moz-box-pack: center;
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      -o-box-align: center;
      -o-box-orient: vertical;
      -o-box-pack: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-pack: center;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      align-items: center;
      color: #fff;
      flex-direction: column;
      justify-content: center;
      margin: 0 auto;
      max-width: 1160px;
      padding: 96px 24px;
      width: 100%
    }

    ._1Xjhq-sectionContainer ._1tsE9-content h2 {
      text-align: center
    }

    @media (max-width:1024px) {
      ._1Xjhq-sectionContainer ._1tsE9-content {
        padding: 40px 24px
      }
    }

    ._1Xjhq-sectionContainer ._1tsE9-content ._38-Uj-socialProof {
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -o-box-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      gap: 32px;
      justify-content: space-between;
      padding-top: 48px
    }

    @media (max-width:1024px) {
      ._1Xjhq-sectionContainer ._1tsE9-content ._38-Uj-socialProof {
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -o-box-orient: vertical;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 24px
      }
    }

    ._1Xjhq-sectionContainer ._1tsE9-content .lasbL-socialProofItem {
      -moz-box-flex: 1;
      -ms-flex: 1;
      -o-box-flex: 1;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      background: #fff;
      border-radius: 8px;
      box-flex: 1;
      color: #0e101a;
      flex: 1;
      padding: 32px
    }

    ._1Xjhq-sectionContainer ._1tsE9-content ._1d2a0-avatarSection {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      margin-bottom: 16px
    }

    ._1Xjhq-sectionContainer ._1tsE9-content ._1d2a0-avatarSection ._2Vex4-avatar {
      border-radius: 50%;
      height: 75px;
      margin-right: 16px;
      width: 75px
    }

    ._1qEFe-container {
      -moz-box-align: center;
      -moz-box-orient: vertical;
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -o-box-align: center;
      -o-box-orient: vertical;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex-direction: column;
      padding: 0 16px;
      text-align: center
    }

    ._1qEFe-container .VYqiT-link {
      color: #027e6f;
      text-decoration: underline
    }

    ._1qEFe-container .VYqiT-link:hover {
      cursor: pointer
    }

    @media (max-width:512px) {
      ._1qEFe-container .GRrxB-button {
        width: max-content
      }
    }

    ._1uSxN-wrapper {
      -moz-box-flex: 1;
      -moz-box-pack: center;
      -moz-transform: translateY(-100%);
      -moz-transition: -moz-transform .2s ease;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -ms-flex: 1 1 auto;
      -ms-flex-pack: center;
      -ms-transform: translateY(-100%);
      -ms-transition: -ms-transform .2s ease;
      -o-box-flex: 1;
      -o-box-pack: center;
      -o-transform: translateY(-100%);
      -o-transition: -o-transform .2s ease;
      -webkit-box-flex: 1;
      -webkit-box-pack: center;
      -webkit-flex: 1 1 auto;
      -webkit-justify-content: center;
      -webkit-transform: translateY(-100%);
      -webkit-transition: -webkit-transform .2s ease;
      background: #fff;
      border-bottom: 1px solid #e7e9f5;
      box-flex: 1;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      filter: alpha(opacity=0);
      flex: 1 1 auto;
      justify-content: center;
      opacity: 0;
      position: fixed;
      transform: translateY(-100%);
      transition: transform .2s ease;
      visibility: hidden;
      width: 100%;
      z-index: 3
    }

    ._1uSxN-wrapper._1_c2t-show {
      -moz-transform: translateY(0);
      -ms-filter: none;
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      -webkit-transform: translateY(0);
      filter: none;
      opacity: 1;
      transform: translateY(0);
      visibility: visible
    }

    ._1uSxN-wrapper {
      display: none
    }

    @media (min-width:768px) {
      ._1uSxN-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
      }
    }

    .KJNQg-pageWidthContent {
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -o-box-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      justify-content: space-between;
      max-width: 1208px;
      padding: 0 24px;
      width: 100%
    }

    ._1Uwdg-proFocus {
      max-width: 1072px
    }

    .FH7Ze-link {
      text-decoration: none
    }

    ._1CT93-answerWithImage {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    ._1uOzM-pageContentWrapper {
      margin: 80px auto 0;
      max-width: 1208px;
      padding: 0 24px;
      width: 100%
    }

    ._1yo8r-featureTable {
      max-width: 1208px
    }

    ._2saoe-proFocus {
      max-width: 1072px
    }

    ._2C96f-hiddenOnMobile {
      display: none
    }

    @media (min-width:768px) {
      ._2C96f-hiddenOnMobile {
        display: block
      }
    }

    .Bp8iW-headerContainer {
      -moz-box-align: center;
      -moz-box-orient: vertical;
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -o-box-align: center;
      -o-box-orient: vertical;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      flex-direction: column
    }

    ._2ueHo-fullFeatureAnchorLink {
      background-color: #fff;
      border: none;
      color: #2551da;
      cursor: pointer;
      font-size: 16px;
      font-weight: 700;
      height: 32px;
      padding: 4px 16px
    }

    ._2ueHo-fullFeatureAnchorLink:hover {
      background-color: #f0f2fc
    }

    ._2ueHo-fullFeatureAnchorLink:focus {
      background-color: #f0f2fc;
      border: 1px solid #2551da
    }

    ._32qtU-planBoxContainer {
      -moz-box-orient: vertical;
      -ms-flex-direction: column;
      -o-box-orient: vertical;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      width: 100%
    }

    ._2Jm7P-preloaderContainer,
    ._32qtU-planBoxContainer {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    ._2Jm7P-preloaderContainer {
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -o-box-pack: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center
    }

    ._3JtuP-getGrammarlyCta._3JtuP-getGrammarlyCta {
      font-size: 17px;
      height: 40px;
      padding: 8px 16px
    }

    .container_GYj0UnA9 {
      border: 1px solid #bcbcbc;
      border-radius: 8px;
      color: #0e101a;
      margin-bottom: 8px;
      overflow: hidden;
      position: relative;
      user-select: none
    }

    .container_GYj0UnA9 summary {
      list-style: none
    }

    .container_GYj0UnA9 summary::-webkit-details-marker {
      display: none
    }

    .button_GYj0UnA9 {
      background: #fff;
      border: none;
      cursor: pointer;
      display: flex;
      font: inherit;
      justify-content: space-between;
      outline: inherit;
      padding: 24px;
      text-align: left;
      width: inherit
    }

    .button_GYj0UnA9 h4 {
      font-size: 1.125rem
    }

    @media (max-width:1080px) {
      .button_GYj0UnA9 h4 {
        font-size: 1rem
      }
    }

    @media (max-width:512px) {
      .button_GYj0UnA9 h4 {
        font-size: .875rem
      }

      .button_GYj0UnA9 {
        padding: 16px
      }
    }

    .openContainer_GYj0UnA9 {
      background-color: #f5f5f5
    }

    .openContainer_GYj0UnA9 .button_GYj0UnA9 {
      background: #f5f5f5;
      padding-bottom: 16px
    }

    .openContainer_GYj0UnA9 .button_GYj0UnA9 h4 {
      font-size: 1.25rem
    }

    @media (max-width:512px) {
      .openContainer_GYj0UnA9 .button_GYj0UnA9 h4 {
        font-size: 1.125rem
      }
    }

    .arrowContainer_GYj0UnA9 {
      color: #1c1c1c;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 4px
    }

    .rotate180_GYj0UnA9 {
      transform: rotate(180deg)
    }

    div.content_GYj0UnA9 {
      font-size: .875rem;
      padding: 0 24px 24px;
      user-select: auto
    }

    @media (max-width:512px) {
      div.content_GYj0UnA9 {
        padding: 0 16px 16px
      }
    }

    .banner_Fv5vailB {
      padding: .75rem;
      width: 100%;
      z-index: 1
    }

    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH {
      background: #0d8065;
      border: 1px solid transparent;
      color: #fff;
      outline: none
    }

    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH[data-status=loading] {
      background: #0d8065;
      color: #fff
    }

    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH:active[data-status=enabled],
    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH:hover[data-status=enabled] {
      background: #006c51;
      color: #fff
    }

    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d8065
    }

    .GreenButtonWhiteText_t3vg2FQH.GreenButtonWhiteText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH {
      background: #fff;
      border: 1px solid #0d8065;
      color: #0d8065;
      outline: none
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #0d8065
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH:hover[data-status=enabled] {
      background: #e0fff8;
      color: #0d8065
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d8065
    }

    .WhiteButtonGreenTextWithBorder_t3vg2FQH.WhiteButtonGreenTextWithBorder_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH {
      background: #fff;
      border: 1px solid transparent;
      color: #293589;
      outline: none
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #293589
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH:hover[data-status=enabled] {
      background: #d7e0fe;
      color: #293589
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #02289e, 0 0 0 4px #fff
    }

    .WhiteButtonBlueText_t3vg2FQH.WhiteButtonBlueText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #fff;
      color: #fff;
      outline: none
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #fff
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH:hover[data-status=enabled] {
      background: #02289e;
      color: #fff
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #02289e, 0 0 0 4px #fff
    }

    .TransparentButtonWhiteTextWithBorder_t3vg2FQH.TransparentButtonWhiteTextWithBorder_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid transparent;
      color: #646b81;
      outline: none
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #646b81
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH:hover[data-status=enabled] {
      background: #e2e4e9;
      color: #646b81
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d8065
    }

    .TransparentButtonGrayText_t3vg2FQH.TransparentButtonGrayText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH {
      background: #fff;
      border: 1px solid transparent;
      color: #00231f;
      outline: none
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #00231f
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH:active[data-status=enabled],
    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH:hover[data-status=enabled] {
      background: #c1dee5;
      color: #00231f
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #00231f, 0 0 0 4px #fff
    }

    .GoWhiteButtonDarkGreenText_t3vg2FQH.GoWhiteButtonDarkGreenText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #fff;
      color: #fff;
      outline: none
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #fff
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH:active[data-status=enabled],
    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH:hover[data-status=enabled] {
      background: #d5ff7d;
      color: #00231f
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #00231f, 0 0 0 4px #fff
    }

    .GoTransparentButtonWhiteTextWithBorder_t3vg2FQH.GoTransparentButtonWhiteTextWithBorder_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH {
      background: #027e6f;
      border: 1px solid transparent;
      color: #fff;
      outline: none
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH[data-status=loading] {
      background: #027e6f;
      color: #fff
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH:active[data-status=enabled],
    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH:hover[data-status=enabled] {
      background: #014c43;
      color: #fff
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH:focus-visible {
      outline: 2px solid #027e6f;
      outline-offset: 2px
    }

    .GreenButtonWhiteText24_t3vg2FQH.GreenButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #027e6f;
      color: #027e6f;
      outline: none
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #027e6f
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH:focus-visible {
      outline: 2px solid #027e6f;
      outline-offset: 2px
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonGreenTextWithBorder24_t3vg2FQH.TransparentButtonGreenTextWithBorder24_t3vg2FQH:hover[data-status=enabled] {
      box-shadow: 0 0 0 1px #027e6f
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid transparent;
      color: #027e6f;
      outline: none
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #027e6f
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH:hover[data-status=enabled] {
      background: hsla(0, 0%, 100%, 0);
      color: #00231f
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH:focus-visible {
      outline: 2px solid #027e6f;
      outline-offset: 0
    }

    .TransparentButtonGreenText24_t3vg2FQH.TransparentButtonGreenText24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH {
      background: #fff;
      border: 1px solid transparent;
      color: #1c1c1c;
      outline: none
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #1c1c1c
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH:hover[data-status=enabled] {
      background: #fff;
      color: #027e6f
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 2px
    }

    .WhiteButtonBlackText24_t3vg2FQH.WhiteButtonBlackText24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH {
      background: #fff;
      border: 1px solid #d9d9d9;
      color: #1c1c1c;
      outline: none
    }

    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #1c1c1c
    }

    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH:hover[data-status=enabled] {
      background: #ebebeb;
      color: #1c1c1c
    }

    .WhiteButtonBlackTextWithBorder24_t3vg2FQH.WhiteButtonBlackTextWithBorder24_t3vg2FQH[data-status=disabled] {
      border: 1px solid
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #fff;
      color: #fff;
      outline: none
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #fff
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 2px
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonWhiteTextWithBorder24_t3vg2FQH.TransparentButtonWhiteTextWithBorder24_t3vg2FQH:hover[data-status=enabled] {
      box-shadow: 0 0 0 1px #fff
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid transparent;
      color: #fff;
      outline: none
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #fff
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH:hover[data-status=enabled] {
      background: hsla(0, 0%, 100%, 0);
      color: #ebebeb
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 0
    }

    .TransparentButtonWhiteText24_t3vg2FQH.TransparentButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid #d5ff00;
      color: #d5ff00;
      outline: none
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH[data-status=loading] {
      background: hsla(0, 0%, 100%, 0);
      color: #d5ff00
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH:focus-visible {
      outline-offset: 0
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH[data-status=disabled] {
      background: hsla(0, 0%, 100%, 0);
      border: 1px solid;
      color: #d5ff00
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH:active[data-status=enabled],
    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH:hover[data-status=enabled] {
      box-shadow: 0 0 0 1px #d5ff00
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH:focus-visible {
      box-shadow: none;
      outline: 2px solid #fff
    }

    .TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH.TransparentButtonLimeGreenTextWithBorder24_t3vg2FQH[data-status=disabled] {
      opacity: .4
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH {
      background: #d5ff00;
      border: 1px solid #d5ff00;
      color: #1c1c1c;
      outline: none
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH[data-status=loading] {
      background: #d5ff00;
      color: #1c1c1c
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:focus-visible {
      outline-offset: 0
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH[data-status=disabled] {
      background: #d5ff00;
      border: 1px solid;
      color: #1c1c1c
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:active[data-status=enabled],
    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:hover[data-status=enabled] {
      background: hsla(0, 0%, 100%, 0);
      color: #d5ff00
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:active[data-status=enabled] {
      box-shadow: 0 0 0 1px #d5ff00
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH:focus-visible {
      box-shadow: none;
      outline: 2px solid #fff
    }

    .LimeGreenButtonBlackText24_t3vg2FQH.LimeGreenButtonBlackText24_t3vg2FQH[data-status=disabled] {
      border-color: #d5ff00;
      opacity: .4
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH {
      background: #1c1c1c;
      border: 1px solid #f5f5f5;
      color: #f5f5f5;
      outline: none
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH[data-status=loading] {
      background: #1c1c1c;
      color: #f5f5f5
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      border: 1px solid
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH:active,
    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH:hover {
      background: #1c1c1c;
      box-shadow: 0 0 0 1px #f5f5f5
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH:active {
      box-shadow: 0 0 0 1px #f5f5f5
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH:focus-visible {
      box-shadow: none;
      outline: 2px solid #fff
    }

    .GoogleBlackButtonWhiteText24_t3vg2FQH.GoogleBlackButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      border-color: #f5f5f5;
      opacity: .4
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH {
      background: #1c1c1c;
      border: 1px solid transparent;
      color: #f5f5f5;
      outline: none
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH[data-status=loading] {
      background: #1c1c1c;
      color: #f5f5f5
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH:focus-visible {
      outline: 2px solid #1c1c1c;
      outline-offset: 2px
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH:active,
    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH:hover {
      background: #545454
    }

    .BlackButtonWhiteText24_t3vg2FQH.BlackButtonWhiteText24_t3vg2FQH[data-status=disabled] {
      opacity: .4
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH {
      background: #fff;
      border: 1px solid #1c1c1c;
      color: #1c1c1c;
      outline: none
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #1c1c1c
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH:focus-visible {
      outline-offset: 2px
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH[data-status=disabled] {
      border: 1px solid
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH:active,
    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH:hover {
      background: #fff;
      box-shadow: 0 0 0 1px #1c1c1c
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH:focus-visible {
      box-shadow: none;
      outline: 2px solid #1c1c1c
    }

    .WhiteButtonBlackTextBlackOutline24_t3vg2FQH.WhiteButtonBlackTextBlackOutline24_t3vg2FQH[data-status=disabled] {
      border-color: #1c1c1c;
      opacity: .4
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH {
      background: #4a6ee0;
      border: 1px solid transparent;
      color: #fff;
      outline: none
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH[data-status=loading] {
      background: #4a6ee0;
      color: #fff
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH:active[data-status=enabled],
    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH:hover[data-status=enabled] {
      background: #3659b5;
      color: #fff
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4a6ee0
    }

    .BlueButtonWhiteText_t3vg2FQH.BlueButtonWhiteText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH {
      background: #f0f2fc;
      border: 1px solid transparent;
      color: #11a683;
      outline: none
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH[data-status=loading] {
      background: #f0f2fc;
      color: #11a683
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH:active[data-status=enabled],
    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH:hover[data-status=enabled] {
      background: #e7e9f5;
      color: #11a683
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #11a683, 0 0 0 4px #fff
    }

    .GreyButtonGreenText_t3vg2FQH.GreyButtonGreenText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH {
      background: #f0f2fc;
      border: 1px solid transparent;
      color: #3659b5;
      outline: none
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH[data-status=loading] {
      background: #f0f2fc;
      color: #3659b5
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH:active[data-status=enabled],
    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH:hover[data-status=enabled] {
      background: #e7e9f5;
      color: #3659b5
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #4a6ee0, 0 0 0 4px #fff
    }

    .GreyButtonBlueText_t3vg2FQH.GreyButtonBlueText_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      color: #c6cbde
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH {
      background: #fff;
      border: 1px solid #3659b5;
      color: #3659b5;
      outline: none
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH[data-status=loading] {
      background: #fff;
      color: #3659b5
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH:active[data-status=enabled],
    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH:hover[data-status=enabled] {
      background: #edf5ff;
      color: #3659b5
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3659b5
    }

    .WhiteButtonBlueTextWithBorder_t3vg2FQH.WhiteButtonBlueTextWithBorder_t3vg2FQH[data-status=disabled] {
      background: #f0f2fc;
      border: 1px solid;
      color: #c6cbde
    }

    .spin_FJdjscKR {
      animation: spin-animation_FJdjscKR 1.5s linear infinite;
      display: inline-block
    }

    @keyframes spin-animation_FJdjscKR {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: rotate(220deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    .base_PbRSndwM {
      align-items: center;
      background: hsla(0, 0%, 100%, 0);
      border: none;
      border-radius: .375rem;
      box-sizing: border-box;
      cursor: pointer;
      display: flex;
      font-family: inherit;
      font-size: .875rem;
      justify-content: center;
      max-width: 100%;
      outline: none;
      text-decoration: none;
      width: max-content
    }

    .base_PbRSndwM:disabled {
      cursor: not-allowed
    }

    .base_PbRSndwM:focus {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #638eeb
    }

    .base_PbRSndwM:focus:not(:focus-visible) {
      box-shadow: none
    }

    .paddingDefault_PbRSndwM {
      line-height: 2rem;
      min-height: 3rem;
      padding: .5rem 2rem
    }

    .paddingDefault_PbRSndwM.buttons24_PbRSndwM {
      line-height: 1.5rem;
      min-height: 3.75rem;
      padding: 1rem 1.5rem
    }

    .paddingCompact_PbRSndwM {
      line-height: 2rem;
      min-height: 2rem;
      padding: 0 .5rem
    }

    .paddingNone_PbRSndwM {
      padding: 0
    }

    .content_PbRSndwM,
    .iconWrapper_PbRSndwM,
    .spinnerContainer_PbRSndwM {
      align-items: center;
      display: flex;
      justify-content: center
    }

    .hide_PbRSndwM {
      visibility: hidden
    }

    .loadingContainer_PbRSndwM {
      margin: auto;
      position: absolute
    }

    .tabList_kMkqjCBX {
      border-bottom: 1px solid #c6cbde;
      display: flex
    }

    .tab_kMkqjCBX {
      color: #545454;
      margin: 0 0 -2px
    }

    .tab_kMkqjCBX.tab_kMkqjCBX {
      border-bottom: 3px solid transparent;
      border-radius: .375rem .375rem 0 0;
      flex: 1;
      font-size: 1.125rem;
      padding-bottom: 1rem;
      padding-left: .75rem;
      padding-right: .75rem;
      transition: color .3s
    }

    @media (max-width:1080px) {
      .tab_kMkqjCBX.tab_kMkqjCBX {
        font-size: 1rem
      }
    }

    .tab_kMkqjCBX.tab_kMkqjCBX:hover {
      color: #027e6f
    }

    .tab_kMkqjCBX.tab_kMkqjCBX.selected_kMkqjCBX {
      border-bottom-color: currentcolor;
      color: #027e6f;
      font-weight: 700
    }

    .tabPanel_kMkqjCBX {
      padding-top: 1rem
    }

    .bold_dkKeNHYB {
      font-weight: 700
    }

    .italic_dkKeNHYB {
      font-style: italic
    }

    .normalWeight_dkKeNHYB {
      font-weight: 400
    }

    .underline_dkKeNHYB {
      text-decoration: underline
    }

    .Jumbo2_dkKeNHYB {
      font-family: matter, sans-serif;
      font-size: 6.25rem;
      font-style: normal;
      font-weight: 670;
      letter-spacing: -.01em;
      line-height: 6.875rem;
      margin: 0
    }

    @media (max-width:1440px) {
      .Jumbo2_dkKeNHYB {
        font-size: 5.5rem;
        line-height: 6rem
      }
    }

    @media (max-width:1280px) {
      .Jumbo2_dkKeNHYB {
        font-size: 4.625rem;
        line-height: 5rem
      }
    }

    @media (max-width:512px) {
      .Jumbo2_dkKeNHYB {
        font-size: 2.5rem;
        line-height: 2.75rem
      }
    }

    .Jumbo1_dkKeNHYB {
      font-family: matter, sans-serif;
      font-size: 5.375rem;
      font-style: normal;
      font-weight: 670;
      letter-spacing: -.01em;
      line-height: 5.875rem;
      margin: 0
    }

    @media (max-width:1440px) {
      .Jumbo1_dkKeNHYB {
        font-size: 4.625rem;
        line-height: 5rem
      }
    }

    @media (max-width:1280px) {
      .Jumbo1_dkKeNHYB {
        font-size: 3.875rem;
        line-height: 4.25rem
      }
    }

    @media (max-width:512px) {
      .Jumbo1_dkKeNHYB {
        font-size: 2.125rem;
        line-height: 2.375rem
      }
    }

    .H2XL_dkKeNHYB {
      font-family: matter, sans-serif;
      font-size: 4.5rem;
      font-style: normal;
      font-weight: 670;
      letter-spacing: -.01em;
      line-height: 4.875rem;
      margin: 0
    }

    @media (max-width:1440px) {
      .H2XL_dkKeNHYB {
        font-size: 3.75rem;
        line-height: 4.125rem
      }
    }

    @media (max-width:1280px) {
      .H2XL_dkKeNHYB {
        font-size: 3.25rem;
        line-height: 3.5rem
      }
    }

    @media (max-width:375px) {
      .H2XL_dkKeNHYB {
        font-size: 2.5rem;
        line-height: 2.75rem
      }
    }

    .HXL_dkKeNHYB {
      font-family: matter, sans-serif;
      font-size: 3.75rem;
      font-style: normal;
      font-weight: 670;
      letter-spacing: -.01em;
      line-height: 4.125rem;
      margin: 0
    }

    @media (max-width:1440px) {
      .HXL_dkKeNHYB {
        font-size: 3.25rem;
        line-height: 3.625rem
      }
    }

    @media (max-width:1280px) {
      .HXL_dkKeNHYB {
        font-size: 2.875rem;
        line-height: 3.125rem
      }
    }

    @media (max-width:1080px) {
      .HXL_dkKeNHYB {
        font-size: 2.125rem;
        line-height: 2.375rem
      }
    }

    .HL_dkKeNHYB {
      font-family: matter, sans-serif;
      font-size: 3.125rem;
      font-style: normal;
      font-weight: 670;
      letter-spacing: -.01em;
      line-height: 3.5rem;
      margin: 0
    }

    @media (max-width:1440px) {
      .HL_dkKeNHYB {
        font-size: 2.875rem;
        line-height: 3.125rem
      }
    }

    @media (max-width:1280px) {
      .HL_dkKeNHYB {
        font-size: 2.625rem;
        line-height: 2.875rem
      }
    }

    @media (max-width:1080px) {
      .HL_dkKeNHYB {
        font-size: 1.875rem;
        line-height: 2.125rem
      }
    }

    .HM_dkKeNHYB {
      font-family: matter, sans-serif;
      font-size: 2.625rem;
      font-style: normal;
      font-weight: 670;
      letter-spacing: -.01em;
      line-height: 2.875rem;
      margin: 0
    }

    @media (max-width:1440px) {
      .HM_dkKeNHYB {
        font-size: 2.25rem;
        line-height: 2.5rem
      }
    }

    @media (max-width:1080px) {
      .HM_dkKeNHYB {
        font-size: 1.75rem;
        line-height: 2rem
      }
    }

    .HS_dkKeNHYB {
      font-family: matter, sans-serif;
      font-size: 1.75rem;
      font-style: normal;
      font-weight: 570;
      letter-spacing: -.01em;
      line-height: 2rem;
      margin: 0
    }

    .TXL_dkKeNHYB {
      font-family: glyph, sans-serif;
      font-size: 1.5rem;
      font-style: normal;
      line-height: 2.25rem;
      margin: 0
    }

    @media (max-width:1440px) {
      .TXL_dkKeNHYB {
        font-size: 1.375rem;
        line-height: 2rem
      }
    }

    @media (max-width:1280px) {
      .TXL_dkKeNHYB {
        font-size: 1.25rem;
        line-height: 1.875rem
      }
    }

    .TL_dkKeNHYB {
      font-family: glyph, sans-serif;
      font-size: 1.25rem;
      font-style: normal;
      line-height: 1.875rem;
      margin: 0
    }

    @media (max-width:1280px) {
      .TL_dkKeNHYB {
        font-size: 1.125rem;
        line-height: 1.625rem
      }
    }

    .TM_dkKeNHYB {
      font-family: glyph, sans-serif;
      font-size: 1.125rem;
      font-style: normal;
      line-height: 1.625rem;
      margin: 0
    }

    @media (max-width:1280px) {
      .TM_dkKeNHYB {
        font-size: 1rem;
        line-height: 1.5rem
      }
    }

    .TS_dkKeNHYB {
      font-family: glyph, sans-serif;
      font-size: .875rem;
      line-height: 1.3125rem
    }

    .T1_dkKeNHYB,
    .TS_dkKeNHYB {
      font-style: normal;
      margin: 0
    }

    .T1_dkKeNHYB {
      font-family: inter, sans-serif;
      font-size: 2.5rem;
      letter-spacing: -.025em;
      line-height: 3rem
    }

    @media (max-width:1080px) {
      .T1_dkKeNHYB {
        font-size: 2.375rem;
        letter-spacing: -.0025em;
        line-height: 2.75rem
      }
    }

    @media (max-width:512px) {
      .T1_dkKeNHYB {
        font-size: 1.5rem;
        line-height: 1.875rem
      }
    }

    .T2_dkKeNHYB {
      font-family: inter, sans-serif;
      font-size: 2rem;
      font-style: normal;
      letter-spacing: -.025em;
      line-height: 2.5rem;
      margin: 0
    }

    @media (max-width:1080px) {
      .T2_dkKeNHYB {
        font-size: 2rem;
        letter-spacing: -.0025em;
        line-height: 2.5rem
      }
    }

    @media (max-width:512px) {
      .T2_dkKeNHYB {
        font-size: 1.25rem;
        line-height: 1.5rem
      }
    }

    .T3_dkKeNHYB {
      font-family: inter, sans-serif;
      font-size: 1.125rem;
      font-style: normal;
      line-height: 1.625rem;
      margin: 0
    }

    @media (max-width:1080px) {
      .T3_dkKeNHYB {
        font-size: 1.125rem;
        line-height: 1.75rem
      }
    }

    @media (max-width:512px) {
      .T3_dkKeNHYB {
        font-size: 1.125rem;
        line-height: 1.375rem
      }
    }

    .C1_dkKeNHYB {
      font-family: inter, sans-serif;
      font-size: 1.25rem;
      font-style: normal;
      line-height: 1.75rem;
      margin: 0
    }

    @media (max-width:1080px) {
      .C1_dkKeNHYB {
        font-size: 1.125rem;
        line-height: 1.625rem
      }
    }

    .C2_dkKeNHYB {
      font-family: inter, sans-serif;
      font-size: 1.125rem;
      font-style: normal;
      line-height: 1.625rem;
      margin: 0
    }

    @media (max-width:512px) {
      .C2_dkKeNHYB {
        font-size: 1rem;
        line-height: 1.5rem
      }
    }

    .C3_dkKeNHYB {
      font-size: 1rem;
      line-height: 1.5rem
    }

    .C3_dkKeNHYB,
    .C4_dkKeNHYB {
      font-family: inter, sans-serif;
      font-style: normal;
      margin: 0
    }

    .C4_dkKeNHYB {
      font-size: .875rem;
      line-height: 1.375rem
    }

    .C5_dkKeNHYB {
      font-size: .75rem;
      line-height: 1.125rem
    }

    .C5_dkKeNHYB,
    .C6_dkKeNHYB {
      font-family: inter, sans-serif;
      font-style: normal;
      margin: 0
    }

    .C6_dkKeNHYB {
      font-size: .6875rem;
      line-height: 1rem
    }

    ._21FDL-headerContainer {
      padding-top: 40px;
      text-align: center
    }

    .eoKdG-content {
      -moz-box-flex: 1;
      -ms-box-flex: 1;
      -o-box-flex: 1;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      box-flex: 1;
      flex-grow: 1;
      margin-top: 16px;
      padding: 0 24px
    }

    .-fUo6-planTypeItem {
      -moz-box-orient: vertical;
      -ms-flex-direction: column;
      -o-box-orient: vertical;
      -webkit-box-orient: vertical;
      -webkit-box-shadow: -1px 0 0 #e7e9f5;
      -webkit-flex-direction: column;
      border: 1px solid #cdd1dc;
      border-radius: 8px;
      box-shadow: -1px 0 0 #e7e9f5;
      flex-direction: column;
      margin: 32px $16px;
      padding: 24px 32px
    }

    .-fUo6-planTypeItem,
    ._1YTto-preloaderContainer {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    ._1YTto-preloaderContainer {
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -o-box-pack: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      margin-bottom: 32px
    }

    ._2cS5x-content {
      -moz-box-orient: vertical;
      -ms-flex-direction: column;
      -o-box-orient: vertical;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column
    }

    ._2cS5x-content,
    ._3qDgm-buttonsFooter {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex
    }

    ._3qDgm-buttonsFooter {
      -moz-box-orient: horizontal;
      -moz-box-pack: justify;
      -ms-flex-direction: row;
      -ms-flex-pack: justify;
      -o-box-orient: horizontal;
      -o-box-pack: justify;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: justify;
      -webkit-flex-direction: row;
      -webkit-justify-content: space-between;
      flex-direction: row;
      justify-content: space-between
    }