--token-text-main-primary: #20242E; --token-text-main-secondary: #525D71; --token-text-main-tertiary: #7C8593; --token-text-main-disabled: #A8B2C8; --token-text-main-tertiary-inverse: #C4CBDC; --token-text-main-primary-inverse: #FFFFFF; --token-text-brand-primary-hover: #0042C4; --token-text-brand-primary: #0E5CF4; --token-text-brand-secondary: #75BDFF; --token-text-brand-primary-inverse: #F2F8FF; --token-text-badge-green: #00B16A; --token-text-badge-amber: #C08C17; --token-text-badge-blue: #008FDB; --token-text-negative-red: #E74343; --token-surface-primary-bw-09: #13151A; --token-surface-primary-bw-08: #20242E; --token-surface-primary-bw-07: #525D71; --token-surface-primary-bw-06: #7C8593; --token-surface-primary-bw-05: #A8B2C8; --token-surface-primary-bw-04: #C4CBDC; --token-surface-primary-bw-03: #DFE2EB; --token-surface-primary-bw-02: #F6F7FA; --token-surface-primary-bw-01: #FBFBFD; --token-surface-primary-bw-00: #FFFFFF; --token-surface-brand-action-05: #00193C; --token-surface-brand-action-04: #0042C4; --token-surface-brand-action-03: #0E5CF4; --token-surface-brand-action-02: #75BDFF; --token-surface-brand-action-01: #C5E3FF; --token-surface-brand-action-00: #F2F8FF; --token-surface-negative-primary: #E74343; --token-surface-negative-secondary: #FFE6E6; --token-surface-negative-tertiary: #FCF6F6; --token-surface-badge-orange: #FDEACC; --token-surface-badge-red: #FCF6F6; --token-surface-badge-green: #E0F6ED; --token-surface-badge-amber: #FEF8ED; --token-surface-badge-blue-02: #008FDB; --token-surface-badge-blue-00: #E7F4FE; --token-surface-purple-primary: #D0D9F9; --token-surface-purple-secondary: #EEF2FF; --token-surface-yellow-primary: #FDD835; --token-surface-orange-primary: #D34E15; --token-surface-orange-secondary: #DD7200; --token-surface-orange-tertiary: #FCBD8F; --token-surface-green-primary: #44CA38; --token-outline-primary-bw-09: #13151A; --token-outline-primary-bw-08: #20242E; --token-outline-primary-bw-07: #525D71; --token-outline-primary-bw-06: #7C8593; --token-outline-primary-bw-05: #A8B2C8; --token-outline-primary-bw-04: #C4CBDC; --token-outline-primary-bw-03: #DFE2EB; --token-outline-primary-bw-02: #F6F7FA; --token-outline-primary-bw-01: #FBFBFD; --token-outline-primary-bw-00: #FFFFFF; --token-outline-brand-primary: #0E5CF4; --token-outline-brand-secondary: #75BDFF; --token-outline-brand-tertiary: #C5E3FF; --token-outline-brand-primary-inverse: #F2F8FF; --token-outline-amber-primary: #C08C17; --token-outline-purple-primary: #D0D9F9; --token-outline-purple-secondary: #EEF2FF; --token-outline-positive-primary: #00B16A; --token-outline-positive-secondary: #E0F6ED; --token-outline-negative-primary: #E74343; --token-outline-orange-primary: #DD7200; --token-transparent: transparent;
      [data-input-otp]+* {
        pointer-events: all !important;
      }

      @supports (-webkit-touch-callout: none) {
        [data-input-otp] {
          letter-spacing: -0.6em !important;
          font-weight: 100 !important;
          font-stretch: ultra-condensed;
          font-optical-sizing: none !important;
          left: -1px !important;
          right: 1px !important;
        }
      }

      [data-input-otp]:autofill {
        background: transparent !important;
        color: transparent !important;
        border-color: transparent !important;
        opacity: 0 !important;
        box-shadow: none !important;
        -webkit-text-fill-color: transparent !important;
      }

      [data-input-otp]:autofill {
        background: transparent !important;
        color: transparent !important;
        border-color: transparent !important;
        opacity: 0 !important;
        box-shadow: none !important;
        -webkit-text-fill-color: transparent !important;
      }

      [data-input-otp]::selection {
        background: transparent !important;
        color: transparent !important;
      }
      .loader-spinner {
        width: 40px;
        height: 40px;
        border: 4px solid transparent;
        border-top: 4px solid #0E5CF4;
        border-radius: 9999px;
        animation: spin 1s linear infinite;
      }
    
      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }