/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-2xl: 42rem;
    --text-xs: 12px;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 16px;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 24px;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 36px;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 64px;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 96px;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 152px;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-normal: 0em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-bright-yellow: #76A721;
    --color-may-green: linear-gradient(180deg, #90CD27 0%, #5B811A 100%);
    --color-deep-sky-blue: #00beed;
    --color-mexican-pink: #dd0092;
    --color-violet: #8000b9;
    --color-yellow-green: #39b900;
    --color-ancient-gold: #ae8f1f;
    --color-henkel-red: #e1000f;
    --color-persian-blue: linear-gradient(180deg, #89C4F2 0%, #6A98BD 100%);
    --color-raisin-black: #262752;
    --color-rb-tier-1: #363636;
    --color-rb-tier-2: #262752;
    --color-rb-tier-3: #191A36;
    --color-primary-colour-3: #c9c9c9;
    --color-rose-red: #F1416C;
    --color-button-text: #fff;
    --color-button-border: #ffffff;
    --color-signup-input-bg: #262752;
    --color-signup-input-border: transparent;
    --font-primary: "Freshman", serif;
    --font-secondary: "Montserrat", sans-serif;
    --font-nexa: var(--font-primary);
    --font-roboto: "Roboto", sans-serif;
    --font-mouse-memoirs: var(--font-secondary);
    --font-numbers: "Montserrat", sans-serif;
    --color-icon-arrow: var(--color-bright-yellow);
    --color-social-icon-bg: #fff;
    --color-social-icon-fg: #000;
    --text-md: 16px;
    --radius-10: 10px;
    --radius-bg: 20px 20px 20px 20px;
    --radius-bg-top: 20px 20px 0 0;
    --radius-bg-bottom: 0 0 20px 20px;
    --tracking-1: 1px;
    --shadow-info-image: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    --shadow-signUp-text: 0px 2.662px 2.662px rgba(0, 0, 0, 0.25), 0px 2.662px 2.662px rgba(0, 0, 0, 0.25);
    --testimonials-bg: none;
    --color-bg: #121228;
    --color-header-bg: linear-gradient(180deg, #242452 0%, #1A1A3E 100%);
    --color-app-header-bg: #191A36;
    --color-header-items-bg: #262752;
    --color-login-bg: linear-gradient(180deg, #0C0C1C 0%, #1E1E40 100%);
    --color-login-block-bg: #191A36;
    --color-main-lobby-categories-text: #5B811A;
    --color-landing-nopurchase-bg: linear-gradient(180deg, #0C0C1C 0%, #1E1E40 100%);
    --color-landing-providers-bg: #191A36;
    --color-landing-why-bg: linear-gradient(180deg, #0C0C1C 0%, #1E1E40 100%);
    --color-landing-top-pick-bg: #262752;
    --color-landing-testimonials-bg: linear-gradient(180deg, #0C0C1C 0%, #1E1E40 100%);
    --color-login-border: #89C4F2;
    --color-level-progress-bg-start: #89C4F2;
    --color-level-progress-bg-end: #6A98BD;
    --claim-coins-bg: #121228;
    --color-info-button-border: #fff;
    --color-info-button-bg: var(--color-may-green);
    --color-company-card-bg: #262752;
    --color-footer-bg: #000;
    --color-footer-text: #fff;
    --menu-body-user-name-fs: 26px;
    --color-footer-border: rgba(255, 255, 255, 0.4);
    --color-promotions-card-gc-bg: var(--color-rb-tier-3);
    --color-safety-hub-card-bg: var(--color-rb-tier-2);
    --color-table-row-even-bg: var(--color-rb-tier-3);
    --color-profile-verification-status-bg: linear-gradient(180deg, #90CD27 0%, #5B811A 100%);
    --color-profile-redeem-button-bg: linear-gradient(180deg, #90CD27 0%, #5B811A 100%);
    --color-footer-nav-balance-bg: #262752;
    --color-footer-nav-balance-text: #6A98BD;
    --color-secondary-button-bg: var(--color-persian-blue);
    --color-get-code-button-bg: linear-gradient(180deg, #89C4F2 0%, #6A98BD 100%);
    --color-header-login-button-bg: var(--secondary-button-bg);
    --color-reached-loyalty-text: #fff;
    --color-current-loyalty-level-bg: #B0D9E5;
    --color-category-main-lobby-bg: transparent;
    --color-category-for-you-bg: transparent;
    --color-category-trending-bg: transparent;
    --color-category-new-bg: transparent;
    --color-category-all-games-bg: transparent;
    --color-profile-input-bg: #262752;
    --color-category-border: #90CD27;
    --color-login-input: #262752;
    --color-select-input: #191A36;
    --color-date-input: #191A36;
    --color-loyalty-card-bg: #191A36;
    --color-category-selected-bg: var(--color-may-green);
    --color-category-selected-text: #121228;
    --color-sidebar-bg: var(--color-rb-tier-3);
    --color-menu-body-bg: #262752;
    --color-header-button-text: #fff;
    --color-login-links: #B5E743;
    --color-category-font-weight: 700;
    --coin-store-small-card-gc-fw: 700;
    --color-toggle-switch-bg: #262752;
    --color-header-switcher-bg: linear-gradient(180deg, #89C4F2 0%, #6A98BD 100%);
    --font-main-buttons-fw: 500;
    --no-purchases-before-bg: linear-gradient(90deg, #000 0.01%, rgba(0, 0, 0, 0.00) 99.99%);
    --pagination-bg: #262752;
    --pagination-active-border: var(--color-bright-yellow);
    --pagination-active-bg: var(--color-may-green);
    --promo-banner-before-bg: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    --coin-card-letter-spacing: 3.75px;
    --redeem-barrier-bg: #262752;
    --color-change-password-button-bg: linear-gradient(180deg, #89C4F2 0%, #6A98BD 100%);
    --lending-hero-title-size: 60px;
    --lending-hero-title-color: #fff;
    --border-button-border: #fff;
    --color-buttons-border-color: #fff;
    --text-promotion-font-family: "Montserrat", sans-serif;
    --heading-font-family: "Freshman", serif;
    --text-font-family: "Montserrat", sans-serif;
    --lending-page-text-ff: var(--text-font-family);
    --login-page-text-ff: var(--text-font-family);
    --login-page-text-fw: 700;
    --forgot-password-page-text-ff: var(--text-font-family);
    --forgot-password-page-text-fw: 500;
    --signup-page-text-ff: var(--text-font-family);
    --promotion-page-text-ff: var(--text-font-family);
    --promotions-card-gc-fs: 24px;
    --promotion-details-page-text-ff: var(--text-font-family);
    --zero-balance-page-text-ff: var(--text-font-family);
    --content-page-text-ff: var(--text-font-family);
    --mobile-nav-font-family: var(--text-font-family);
    --mobile-nav-font-size: 12px;
    --input-element-font-family: var(--text-font-family);
    --header-element-text-ff: var(--text-font-family);
    --sidenav-panel-text-ff: var(--text-font-family);
    --footer-element-text-ff: "Roboto", sans-serif;
    --category-button-text-ff: var(--text-font-family);
    --loyalty-page-entry-level-color: #89C4F2;
    --coin-store-card-amount-ff: var(--heading-font-family);
    --coin-store-card-free-gc-ff: var(--text-font-family);
    --coin-store-card-free-gc-fw: 700;
    --coin-store-large-card-free-gc-fs: 24px;
    --coin-store-large-card-free-gc-mobile-fs: 16px;
    --coin-store-small-card-free-gc-fs: 18px;
    --coin-store-small-card-free-gc-mobile-fs: 16px;
    --coin-store-card-free-gc-bd-color: var(--color-deep-sky-blue);
    --coin-store-card-free-gc-bg-color: var(--color-rb-tier-3);
    --coin-store-card-free-gc-color: var(--color-deep-sky-blue);
    --promotions-card-gc-ff: var(--text-font-family);
    --promotions-card-gc-fw: 700;
    --promotions-card-gc-mobile-fs: 16px;
    --promotions-card-gc-bd-color: var(--color-login-border);
    --promotions-card-gc-color: var(--color-login-border);
    --unverified-button-text-ff: var(--text-font-family);
    --unverified-button-text-fw: 700;
    --unverified-button-color: #89C4F2;
    --unverified-button-bg: #191A36;
    --unverified-button-bd-color: #89C4F2;
    --unverified-button-bd-width: 2px;
    --verified-button-text-ff: var(--text-font-family);
    --verified-button-text-fw: 700;
    --verified-button-color: #121228;
    --verified-button-bg: linear-gradient(180deg, #90CD27 0%, #5B811A 100%);
    --verified-button-bd-color: transparent;
    --verified-button-bd-width: 0;
    --section-title-color: #89C4F2;
    --section-bg-color: transparent;
    --footer-button-border-color: #fff;
    --subtitle-font: "Montserrat", sans-serif;
    --password-strength-bar-color: #fff;
    --redeem-holdings-bg-color: linear-gradient(180deg, #90CD27 0%, #5B811A 100%);
    --warning-alert-bg-color: #191A36;
    --warning-alert-border-color: #3E1A52;
    --warning-alert-text: #F1416C;
    --zero-balance-modal-bg-color: var(--color-rb-tier-3);
    --zero-balance-message-bg-color: #3E1A52;
    --img-shop-button: url('/themes/gamedayzone/images/shop-button-bg.png');
    --img-hero-desktop: url('/themes/gamedayzone/images/hero-img-desktop.jpg');
    --img-hero-mobile: url('/themes/gamedayzone/images/hero-bg-mobile.webp');
    --img-no-purchases: url('/themes/gamedayzone/images/no-purchases-bg.jpg');
    --img-no-purchases-mobile: url('/themes/gamedayzone/images/no-purchases-mobile-bg.webp');
    --img-games-section-left: none;
    --img-promo-banner: url('/themes/gamedayzone/images/promo-banner-bg.webp');
    --img-promo-banner-mobile: url('/themes/gamedayzone/images/no-purchases-mobile-bg.webp');
    --img-top-pick: url('/themes/gamedayzone/images/top-pick-bg.webp');
    --img-signup: url('/themes/gamedayzone/images/signup-img.jpg');
    --img-promo-coin-bg: url('/themes/gamedayzone/images/promotion-cards/promo-coin-bg.webp');
    --img-promo-coin-small-bg: url('/themes/gamedayzone/images/promotion-cards/promo-coin-bg.webp');
    --img-loyalty-desktop: url('/themes/gamedayzone/images/loyalty/loyalty-banner-desktop.webp');
    --img-loyalty-mobile: url('/themes/gamedayzone/images/loyalty/loyalty-banner-mobile.webp');
    --main-headline-image: url('/themes/gamedayzone/images/promotion-cards/promo-details.webp');
    --promotion-image: url('/themes/gamedayzone/images/promotion-cards/2.webp');
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .visible\! {
    visibility: visible !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .start-100 {
    inset-inline-start: calc(var(--spacing) * 100);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .\!top-1\/2 {
    top: calc(1/2 * 100%) !important;
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/4 {
    top: calc(1/4 * 100%);
  }
  .top-1\/7 {
    top: calc(1/7 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-50 {
    top: calc(var(--spacing) * 50);
  }
  .top-100 {
    top: calc(var(--spacing) * 100);
  }
  .top-\[4px\] {
    top: 4px;
  }
  .top-\[30\%\] {
    top: 30%;
  }
  .\!right-5 {
    right: calc(var(--spacing) * 5) !important;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-16 {
    right: calc(var(--spacing) * 16);
  }
  .right-\[8px\] {
    right: 8px;
  }
  .right-\[20px\] {
    right: 20px;
  }
  .right-\[48px\] {
    right: 48px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-7 {
    bottom: calc(var(--spacing) * 7);
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .\!left-5 {
    left: calc(var(--spacing) * 5) !important;
  }
  .-left-7 {
    left: calc(var(--spacing) * -7);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-16 {
    left: calc(var(--spacing) * 16);
  }
  .isolate {
    isolation: isolate;
  }
  .\!z-20 {
    z-index: 20 !important;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .col-2 {
    grid-column: 2;
  }
  .col-3 {
    grid-column: 3;
  }
  .col-4 {
    grid-column: 4;
  }
  .col-6 {
    grid-column: 6;
  }
  .col-8 {
    grid-column: 8;
  }
  .col-9 {
    grid-column: 9;
  }
  .col-10 {
    grid-column: 10;
  }
  .col-12 {
    grid-column: 12;
  }
  .float-end {
    float: inline-end;
  }
  .container {
    width: 100%;
    @media (width >= 480px) {
      max-width: 480px;
    }
    @media (width >= 600px) {
      max-width: 600px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 979px) {
      max-width: 979px;
    }
    @media (width >= 1025px) {
      max-width: 1025px;
    }
    @media (width >= 1280px) {
      max-width: 1280px;
    }
    @media (width >= 1441px) {
      max-width: 1441px;
    }
    @media (width >= 1600px) {
      max-width: 1600px;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-277 {
    margin: calc(var(--spacing) * 277);
  }
  .m-306 {
    margin: calc(var(--spacing) * 306);
  }
  .m-309 {
    margin: calc(var(--spacing) * 309);
  }
  .m-350 {
    margin: calc(var(--spacing) * 350);
  }
  .m-559 {
    margin: calc(var(--spacing) * 559);
  }
  .m-569 {
    margin: calc(var(--spacing) * 569);
  }
  .m-934 {
    margin: calc(var(--spacing) * 934);
  }
  .m-1031 {
    margin: calc(var(--spacing) * 1031);
  }
  .m-1049 {
    margin: calc(var(--spacing) * 1049);
  }
  .m-1084 {
    margin: calc(var(--spacing) * 1084);
  }
  .m-1392 {
    margin: calc(var(--spacing) * 1392);
  }
  .m-1771 {
    margin: calc(var(--spacing) * 1771);
  }
  .m-1808 {
    margin: calc(var(--spacing) * 1808);
  }
  .m-3002 {
    margin: calc(var(--spacing) * 3002);
  }
  .m-auto {
    margin: auto;
  }
  .\!mx-0 {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .\!my-4 {
    margin-block: calc(var(--spacing) * 4) !important;
  }
  .\!my-5 {
    margin-block: calc(var(--spacing) * 5) !important;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-7 {
    margin-block: calc(var(--spacing) * 7);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-15 {
    margin-block: calc(var(--spacing) * 15);
  }
  .my-auto {
    margin-block: auto;
  }
  .ms-0 {
    margin-inline-start: calc(var(--spacing) * 0);
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-5 {
    margin-inline-start: calc(var(--spacing) * 5);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-0 {
    margin-inline-end: calc(var(--spacing) * 0);
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .me-4 {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .me-5 {
    margin-inline-end: calc(var(--spacing) * 5);
  }
  .me-6 {
    margin-inline-end: calc(var(--spacing) * 6);
  }
  .me-7 {
    margin-inline-end: calc(var(--spacing) * 7);
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .\!mt-1 {
    margin-top: calc(var(--spacing) * 1) !important;
  }
  .\!mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5) !important;
  }
  .\!mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  .\!mt-5 {
    margin-top: calc(var(--spacing) * 5) !important;
  }
  .\!mt-9 {
    margin-top: calc(var(--spacing) * 9) !important;
  }
  .\!mt-10 {
    margin-top: calc(var(--spacing) * 10) !important;
  }
  .-mt-21 {
    margin-top: calc(var(--spacing) * -21);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-11 {
    margin-top: calc(var(--spacing) * 11);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-20 {
    margin-right: calc(var(--spacing) * 20);
  }
  .\!mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-15 {
    margin-bottom: calc(var(--spacing) * 15);
  }
  .mb-18 {
    margin-bottom: calc(var(--spacing) * 18);
  }
  .mb-\[calc\(var\(--spacing\)\*3\)\] {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .-ml-0 {
    margin-left: calc(var(--spacing) * -0);
  }
  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-11 {
    margin-left: calc(var(--spacing) * 11);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .ml-auto {
    margin-left: auto;
  }
  .\!hidden {
    display: none !important;
  }
  .\!inline {
    display: inline !important;
  }
  .\!inline-block {
    display: inline-block !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-auto {
    height: auto;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\/6 {
    width: calc(1/6 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-75 {
    width: calc(var(--spacing) * 75);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-10 {
    max-width: calc(var(--spacing) * 10);
  }
  .max-w-\[20px\] {
    max-width: 20px;
  }
  .max-w-\[695px\] {
    max-width: 695px;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-grow-1 {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .\!gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-11 {
    gap: calc(var(--spacing) * 11);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-32 {
    gap: calc(var(--spacing) * 32);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-10 {
    border-radius: var(--radius-10);
  }
  .rounded-bg {
    border-radius: var(--radius-bg);
  }
  .rounded-bg-bottom {
    border-radius: var(--radius-bg-bottom);
  }
  .rounded-bg-top {
    border-radius: var(--radius-bg-top);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-bright-yellow {
    border-color: var(--color-bright-yellow);
  }
  .border-deep-sky-blue {
    border-color: var(--color-deep-sky-blue);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-may-green {
    border-color: var(--color-may-green);
  }
  .border-primary-colour-3 {
    border-color: var(--color-primary-colour-3);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/30 {
    border-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .\!bg-persian-blue {
    background-color: var(--color-persian-blue) !important;
  }
  .\!bg-rb-tier-3 {
    background-color: var(--color-rb-tier-3) !important;
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-bright-yellow {
    background-color: var(--color-bright-yellow);
  }
  .bg-may-green {
    background-color: var(--color-may-green);
  }
  .bg-persian-blue {
    background-color: var(--color-persian-blue);
  }
  .bg-raisin-black {
    background-color: var(--color-raisin-black);
  }
  .bg-rb-tier-2 {
    background-color: var(--color-rb-tier-2);
  }
  .bg-rb-tier-3 {
    background-color: var(--color-rb-tier-3);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-violet {
    background-color: var(--color-violet);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-white {
    fill: var(--color-white);
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-9 {
    padding: calc(var(--spacing) * 9);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .\!px-9 {
    padding-inline: calc(var(--spacing) * 9) !important;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-15 {
    padding-inline: calc(var(--spacing) * 15);
  }
  .px-22 {
    padding-inline: calc(var(--spacing) * 22);
  }
  .px-32 {
    padding-inline: calc(var(--spacing) * 32);
  }
  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .\!py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }
  .\!py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .\!py-5 {
    padding-block: calc(var(--spacing) * 5) !important;
  }
  .\!py-8 {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-25 {
    padding-block: calc(var(--spacing) * 25);
  }
  .ps-0 {
    padding-inline-start: calc(var(--spacing) * 0);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-10 {
    padding-inline-start: calc(var(--spacing) * 10);
  }
  .ps-13 {
    padding-inline-start: calc(var(--spacing) * 13);
  }
  .pe-0 {
    padding-inline-end: calc(var(--spacing) * 0);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .pe-7 {
    padding-inline-end: calc(var(--spacing) * 7);
  }
  .pe-8 {
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-13 {
    padding-top: calc(var(--spacing) * 13);
  }
  .pt-15 {
    padding-top: calc(var(--spacing) * 15);
  }
  .\!pr-7 {
    padding-right: calc(var(--spacing) * 7) !important;
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-13 {
    padding-bottom: calc(var(--spacing) * 13);
  }
  .pb-15 {
    padding-bottom: calc(var(--spacing) * 15);
  }
  .\!pl-0 {
    padding-left: calc(var(--spacing) * 0) !important;
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-start {
    text-align: start;
  }
  .align-middle {
    vertical-align: middle;
  }
  .\!font-nexa {
    font-family: var(--font-nexa) !important;
  }
  .font-nexa {
    font-family: var(--font-nexa);
  }
  .font-roboto {
    font-family: var(--font-roboto);
  }
  .\!text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-md {
    font-size: var(--text-md);
  }
  .\!leading-4\.5 {
    --tw-leading: calc(var(--spacing) * 4.5) !important;
    line-height: calc(var(--spacing) * 4.5) !important;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-12 {
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
  }
  .leading-16 {
    --tw-leading: calc(var(--spacing) * 16);
    line-height: calc(var(--spacing) * 16);
  }
  .leading-36 {
    --tw-leading: calc(var(--spacing) * 36);
    line-height: calc(var(--spacing) * 36);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .\!font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold) !important;
    font-weight: var(--font-weight-extrabold) !important;
  }
  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-1 {
    --tw-tracking: var(--tracking-1);
    letter-spacing: var(--tracking-1);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .\!text-bright-yellow {
    color: var(--color-bright-yellow) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-bright-yellow {
    color: var(--color-bright-yellow);
  }
  .text-deep-sky-blue {
    color: var(--color-deep-sky-blue);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-may-green {
    color: var(--color-may-green);
  }
  .text-raisin-black {
    color: var(--color-raisin-black);
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-yellow-800 {
    color: var(--color-yellow-800);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .\!underline {
    text-decoration-line: underline !important;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-auto {
    text-underline-offset: auto;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-primary-bottom {
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-primary-footer {
    --tw-shadow: 0px -4px 4px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-primary-right {
    --tw-shadow: 4px 4px 4px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-primary-top {
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.25)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\!filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter-\[var\(--shadow-info-image\)\] {
    filter: var(--shadow-info-image);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .hover\:text-bright-yellow {
    &:hover {
      @media (hover: hover) {
        color: var(--color-bright-yellow);
      }
    }
  }
  .max-\[1560px\]\:w-1\/5 {
    @media (width < 1560px) {
      width: calc(1/5 * 100%);
    }
  }
  .max-xl\:\!right-2 {
    @media (width < 1025px) {
      right: calc(var(--spacing) * 2) !important;
    }
  }
  .max-xl\:right-2 {
    @media (width < 1025px) {
      right: calc(var(--spacing) * 2);
    }
  }
  .max-xl\:\!left-2 {
    @media (width < 1025px) {
      left: calc(var(--spacing) * 2) !important;
    }
  }
  .max-xl\:left-2 {
    @media (width < 1025px) {
      left: calc(var(--spacing) * 2);
    }
  }
  .max-xl\:\!mx-4 {
    @media (width < 1025px) {
      margin-inline: calc(var(--spacing) * 4) !important;
    }
  }
  .max-xl\:mx-2\.5 {
    @media (width < 1025px) {
      margin-inline: calc(var(--spacing) * 2.5);
    }
  }
  .max-xl\:\!mt-0 {
    @media (width < 1025px) {
      margin-top: calc(var(--spacing) * 0) !important;
    }
  }
  .max-xl\:\!mt-1 {
    @media (width < 1025px) {
      margin-top: calc(var(--spacing) * 1) !important;
    }
  }
  .max-xl\:\!mt-4 {
    @media (width < 1025px) {
      margin-top: calc(var(--spacing) * 4) !important;
    }
  }
  .max-xl\:\!mt-4\.5 {
    @media (width < 1025px) {
      margin-top: calc(var(--spacing) * 4.5) !important;
    }
  }
  .max-xl\:mt-2 {
    @media (width < 1025px) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .max-xl\:mt-3 {
    @media (width < 1025px) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .max-xl\:mb-2 {
    @media (width < 1025px) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .max-xl\:mb-2\.5 {
    @media (width < 1025px) {
      margin-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .max-xl\:\!block {
    @media (width < 1025px) {
      display: block !important;
    }
  }
  .max-xl\:\!hidden {
    @media (width < 1025px) {
      display: none !important;
    }
  }
  .max-xl\:block {
    @media (width < 1025px) {
      display: block;
    }
  }
  .max-xl\:hidden {
    @media (width < 1025px) {
      display: none;
    }
  }
  .max-xl\:min-h-\[calc\(100vh-63px-103px\)\] {
    @media (width < 1025px) {
      min-height: calc(100vh - 63px - 103px);
    }
  }
  .max-xl\:w-1\/5 {
    @media (width < 1025px) {
      width: calc(1/5 * 100%);
    }
  }
  .max-xl\:w-2 {
    @media (width < 1025px) {
      width: calc(var(--spacing) * 2);
    }
  }
  .max-xl\:w-100 {
    @media (width < 1025px) {
      width: calc(var(--spacing) * 100);
    }
  }
  .max-xl\:flex-col {
    @media (width < 1025px) {
      flex-direction: column;
    }
  }
  .max-xl\:justify-center {
    @media (width < 1025px) {
      justify-content: center;
    }
  }
  .max-xl\:gap-2\.5 {
    @media (width < 1025px) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .max-xl\:border-b {
    @media (width < 1025px) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .max-xl\:bg-rb-tier-2 {
    @media (width < 1025px) {
      background-color: var(--color-rb-tier-2);
    }
  }
  .max-xl\:p-5 {
    @media (width < 1025px) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .max-xl\:\!px-0 {
    @media (width < 1025px) {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .max-xl\:\!px-4 {
    @media (width < 1025px) {
      padding-inline: calc(var(--spacing) * 4) !important;
    }
  }
  .max-xl\:px-4 {
    @media (width < 1025px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .max-xl\:\!py-2 {
    @media (width < 1025px) {
      padding-block: calc(var(--spacing) * 2) !important;
    }
  }
  .max-xl\:py-3 {
    @media (width < 1025px) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .max-xl\:\!pt-4 {
    @media (width < 1025px) {
      padding-top: calc(var(--spacing) * 4) !important;
    }
  }
  .max-xl\:pt-3 {
    @media (width < 1025px) {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .max-xl\:\!pb-8 {
    @media (width < 1025px) {
      padding-bottom: calc(var(--spacing) * 8) !important;
    }
  }
  .max-xl\:pb-0 {
    @media (width < 1025px) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .max-xl\:text-center {
    @media (width < 1025px) {
      text-align: center;
    }
  }
  .max-xl\:text-xs {
    @media (width < 1025px) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .max-xl\:\!text-\[18px\] {
    @media (width < 1025px) {
      font-size: 18px !important;
    }
  }
  .max-xl\:text-md {
    @media (width < 1025px) {
      font-size: var(--text-md);
    }
  }
  .max-xl\:\!leading-8 {
    @media (width < 1025px) {
      --tw-leading: calc(var(--spacing) * 8) !important;
      line-height: calc(var(--spacing) * 8) !important;
    }
  }
  .max-xl\:\!leading-9 {
    @media (width < 1025px) {
      --tw-leading: calc(var(--spacing) * 9) !important;
      line-height: calc(var(--spacing) * 9) !important;
    }
  }
  .max-xl\:\!text-black {
    @media (width < 1025px) {
      color: var(--color-black) !important;
    }
  }
  .max-xl\:shadow-none {
    @media (width < 1025px) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .max-lg\:w-1\/4 {
    @media (width < 979px) {
      width: calc(1/4 * 100%);
    }
  }
  .max-md\:w-1\/3 {
    @media (width < 768px) {
      width: calc(1/3 * 100%);
    }
  }
}
.side-menu__user-email {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 1281px) {
  .side-menu__user-email {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
h1, h2, h3, h4, h5, h6, button {
  font-weight: normal !important;
}
*, :after, :before {
  box-sizing: border-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
::-webkit-scrollbar {
  display: none;
}
body {
  color: #fff;
  background: var(--color-bg);
  font-family: var(--font-mouse-memoirs);
}
body, html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
a.side-menu__shop-button:hover, a.app-header__shop-button:hover {
  color: #000;
}
a.main-lobby__category-link:hover {
  color: var(--color-main-lobby-categories-text);
}
input[type=number] {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
button {
  cursor: pointer;
}
ol, ul {
  padding-left: 0;
}
h1, .h1 {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  color: #fff;
}
h2, .h2 {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  color: #fff;
}
h3, .h3 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  color: #fff;
}
@media not all and (min-width:1025px) {
  h3, .h3 {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }
}
h4, .h4 {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  color: #fff;
}
h5, .h5 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: #fff;
}
h6, .h6 {
  color: #fff;
}
h1, .h1 {
  font-size: var(--text-md);
}
h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
  margin: 0;
}
.container {
  max-width: 1366px;
  margin: 0 auto;
}
.games-section {
  position: relative;
}
.games-section:before {
  content: "";
  background: var(--img-games-section-left);
  pointer-events: none;
  z-index: -1;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 650px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media not all and (min-width:1025px) {
  .games-section:before {
    display: none;
  }
}
.primary-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
  text-align: center;
}
@media (hover:hover) {
  .primary-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.primary-button:disabled {
  opacity: .8;
  background-color: var(--color-may-green);
}
.secondary-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .secondary-button:hover {
    background-color: var(--color-may-green);
  }
}
.shop-button {
  background-image: var(--img-shop-button);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-black);
  background-position: 50%;
  border-width: 2px;
  border-color: #faa61a;
  padding: 5px 10px;
  display: flex;
}
.shop-button.small {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  border-radius: var(--radius-10);
  padding-inline: calc(var(--spacing)*3);
  text-align: center;
  font-size: var(--text-md);
  color: var(--color-black);
  display: flex;
}
.hero {
  background-image: var(--img-hero-desktop);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media not all and (min-width:1025px) {
  .hero {
    background-image: var(--img-hero-mobile);
    padding-block: calc(var(--spacing)*0);
  }
}
.custom-divider {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*5);
  border-top-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #ffffff80;
  border-top-width: 1px;
  width: 127px;
}
@supports (color:color-mix(in lab, red, red)) {
  .custom-divider {
    border-color: color-mix(in srgb, #fff50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)50%, transparent);
    }
  }
}
.leading-title {
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 70px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 70px;
  font-weight: var(--font-weight-black);
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
@media not all and (min-width:1025px) {
  .leading-title {
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.leading-subtitle {
  margin-top: calc(var(--spacing)*2);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .leading-subtitle {
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10);
  }
}
.leading-subtitle {
  font-family: var(--subtitle-font);
}
.leading-benefits__title {
  color: var(--section-title-color) !important;
  -webkit-text-fill-color: unset;
}
.leading-benefits__bg {
  background-color: var(--section-bg-color);
  padding: 50px 33px;
  border-radius: 20px;
}
.app-title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .app-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
  .app-title.coin-title {
    text-align: center;
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*5);
    line-height: calc(var(--spacing)*5);
  }
}
.app-subtitle {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .app-subtitle {
    font-size: var(--text-md);
  }
}
.leading-game {
  border-radius: var(--radius-10);
  flex: none;
  position: relative;
  overflow: hidden;
}
.leading-game__status {
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 4px 0;
  display: flex;
  position: absolute;
  bottom: 0;
  box-shadow: 0 -4px 4px #00000040;
}
@media not all and (min-width:1025px) {
  .leading-game__status {
    padding: calc(var(--spacing)*0);
  }
}
.lobby-menu {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  transform: translate(-100%);
  padding-inline: calc(var(--spacing)*7);
  padding-block: calc(var(--spacing)*6);
}
.lobby-menu .side-menu__nav {
  padding-inline: 0;
}
@media (min-width:1024px) {
  .lobby-menu {
    inset: unset;
    opacity: 1;
    pointer-events: all;
    width: 100%;
    max-width: 352px;
    position: sticky;
    top: 0;
    background-color: var(--color-app-header-bg);
    transform: translate(0%);
    padding-inline: calc(var(--spacing)*2.5);
    padding-block: 0;
  }
  .lobby-menu .side-menu__nav {
    padding-inline: calc(var(--spacing)*4);
  }
}
.lobby-menu[data-open=true] {
  opacity: 1;
  pointer-events: all;
  overflow-y: auto;
  transform: translate(0%);
  width: 100%;
  background: var(--color-sidebar-bg);
  z-index: 100;
}
@media (min-width:1281px) {
  .lobby-menu.lobby-menu--screen {
    position: fixed;
    padding-block: calc(var(--spacing) * 1);
  }
  .lobby-menu.lobby-menu--screen:not([data-open=true]) {
    opacity: 0;
    position: fixed;
  }
  .lobby-menu.lobby-menu--screen .side-menu__logo-container {
    justify-content: start;
    padding-left: calc(var(--spacing) * 2.5);
  }
}
.leading-game__text {
  font-family: var(--text-font-family);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .leading-game__text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.leading-game__status.leading-game__status--popular {
  background-color: var(--color-ancient-gold);
}
.leading-game__status.leading-game__status--new {
  background-color: var(--color-henkel-red);
}
.leading-game__status.leading-game__status--exclusive {
  background-color: var(--color-persian-blue);
}
.no-purchases {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--img-no-purchases);
  z-index: 2;
  padding: 22px 38px;
  position: relative;
}
@media not all and (min-width:1025px) {
  .no-purchases {
    background-image: var(--img-no-purchases-mobile);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*4.5);
    text-align: center;
  }
}
.no-purchases:before {
  content: "";
  background: var(--no-purchases-before-bg);
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: -1;
  width: 65%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.no-purchases__title {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  font-size: 44.208px;
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
@media not all and (min-width:1025px) {
  .no-purchases__title {
    font-size: 27px !important;
  }
}
.no-purchases__subtitle {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  color: var(--color-white);
  align-items: center;
  gap: 12px;
  font-size: 40.901px;
  line-height: 60px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .no-purchases__subtitle {
    gap: calc(var(--spacing)*2);
    font-size: 30px;
    --tw-leading: unset !important;
    line-height: unset !important;
    justify-content: center !important;
  }
}
.no-purchases__subtitle.app-purchases__subtitle {
  width: fit-content;
  margin-inline: auto;
}
@media not all and (min-width:1025px) {
  .no-purchases__subtitle.app-purchases__subtitle {
    font-size: 22px !important;
  }
}
.promo-banner {
  background-image: var(--img-promo-banner);
  z-index: 2;
  border-radius: var(--radius-10);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  margin: 41px 0 16px;
  padding: 22px 38px;
  display: flex;
  position: relative;
}
@media not all and (min-width:1025px) {
  .promo-banner {
    margin-block: calc(var(--spacing)*2);
    background-image: var(--img-promo-banner-mobile);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*4.5);
    flex-direction: column;
    align-items: center;
  }
}
.promo-banner:before {
  content: "";
  background: var(--promo-banner-before-bg);
  pointer-events: none;
  z-index: -1;
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.promo-banner::before, .no-purchases::before {
  border-radius: 20px;
}
.top-pick {
  background-image: var(--img-top-pick);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media not all and (min-width:1025px) {
  .top-pick {
    background-image: none;
  }
}
.pagination {
  cursor: pointer;
  background: var(--pagination-bg);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  width: 23px;
  height: 23px;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 3.40282e38px;
}
.pagination:hover {
  background: var(--pagination-active-bg);
}
.pagination.active {
  border: 2px solid var(--pagination-active-border);
  background: var(--pagination-active-bg);
  border-radius: 3.40282e38px;
}
.rounded-bg-top {
  border-radius: var(--radius-bg-top);
}
.footer {
  background: var(--color-footer-bg);
  color: var(--color-footer-text);
  box-shadow: 0 -4px 4px #00000040;
  padding: 0 40px 30px !important;
}
@media not all and (min-width:1025px) {
  .footer {
    padding-inline: calc(var(--spacing)*3);
  }
}
.footer__responsible-actions {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 7);
  @media (width < 1025px) {
    flex-direction: column;
  }
  @media (width < 1025px) {
    gap: calc(var(--spacing) * 5);
  }
}
.footer__responsible-button {
  border-color: var(--footer-button-border-color) !important;
  cursor: pointer;
  border-radius: 16px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  border-color: var(--color-footer-border);
  color: var(--color-footer-text);
  @media (width < 1025px) {
    border-radius: var(--radius-10);
  }
  @media (width < 1025px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.footer__button-text--desktop {
  font-family: var(--text-font-family);
  @media (width < 1025px) {
    display: none;
  }
}
.footer__button-text--mobile {
  display: none;
  @media (width < 1025px) {
    display: block;
  }
}
.footer__age-restriction {
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  font-size: 18px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  border-color: var(--color-footer-text);
}
.footer__legal {
  display: flex;
  justify-content: space-between;
  gap: 100px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  padding-top: calc(var(--spacing) * 8);
  padding-bottom: calc(var(--spacing) * 5);
  border-color: var(--color-footer-border);
  @media (width < 1025px) {
    flex-direction: column-reverse;
  }
  @media (width < 1025px) {
    gap: calc(var(--spacing) * 9);
  }
}
.footer__legal-description {
  max-width: 998px;
  flex: 1;
}
.footer__legal-description p {
  font-size: 14px;
  opacity: 60%;
  @media (width < 1025px) {
    text-align: center;
  }
}
.footer__links {
  margin-right: calc(var(--spacing) * 20);
  display: flex;
  gap: calc(var(--spacing) * 10);
  @media (width < 1025px) {
    margin-right: calc(var(--spacing) * 0);
  }
  @media (width < 1025px) {
    flex-direction: column;
  }
  @media (width < 1025px) {
    gap: calc(var(--spacing) * 1);
  }
  @media (width < 1025px) {
    text-align: center;
  }
}
.footer__link-group {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
  @media (width < 1025px) {
    gap: calc(var(--spacing) * 1) !important;
  }
}
.footer__link-group a {
  font-size: 14px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.footer__bottom {
  padding-top: calc(var(--spacing) * 6);
}
.footer__copyright {
  font-size: 14px;
  opacity: 60%;
  @media (width < 1025px) {
    text-align: center;
  }
}
.login-input {
  margin-bottom: calc(var(--spacing)*5);
}
.login-input label {
  text-align: left;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  display: block;
}
@media not all and (min-width:1025px) {
  .login-input label {
    text-align: center;
  }
}
.login-input__icon {
  margin-top: calc(var(--spacing)*2);
  position: relative;
}
.login-input__icon input {
  margin-top: calc(var(--spacing)*0) !important;
}
.login-input input {
  margin-top: calc(var(--spacing)*2);
  border-radius: var(--radius-10);
  background-color: var(--color-login-input);
  width: 100%;
  padding: calc(var(--spacing)*3);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: inset 0 4px 4px #00000040;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media not all and (min-width:1025px) {
  .login-input input {
    text-align: center;
  }
}
.signup-img__bg {
  background-image: var(--img-signup);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.signup-input {
  margin-bottom: calc(var(--spacing)*3);
  position: relative;
}
.signup-input label {
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
  cursor: pointer;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
}
.signup-input:has(input:focus) label, .signup-input:has(input:not(:placeholder-shown)) label {
  top: calc(var(--spacing)*4);
  left: calc(var(--spacing)*-5);
  margin-left: calc(var(--spacing)*9);
  --tw-translate-x: calc(var(--spacing)*0);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  position: absolute;
}
.see-password {
  top: 50%;
  right: calc(var(--spacing)*4);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  cursor: pointer;
  display: none;
  position: absolute;
}
.signup-input:has(input:focus) .see-password, .signup-input:has(input:not(:placeholder-shown)) .see-password {
  display: block;
}
.login-input .see-password {
  display: block;
  top: calc(50% + 6px);
}
.signup-input input {
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-signup-input-border);
  background-color: var(--color-signup-input-bg);
  width: 100%;
  padding-inline: calc(var(--spacing)*3.5);
  padding-top: calc(var(--spacing)*4.5);
  padding-bottom: calc(var(--spacing)*1);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
.signup-input, .login-input {
  font-family: var(--input-element-font-family);
}
.password-strength {
  margin-top: calc(var(--spacing)*3);
  height: calc(var(--spacing)*2);
  gap: calc(var(--spacing)*3);
  width: 100%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .password-strength {
    margin-top: calc(var(--spacing)*2);
    height: calc(var(--spacing)*3.5);
    gap: calc(var(--spacing)*3.5);
  }
}
.password-strength__bar {
  background-color: #6b6b6b;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
@media not all and (min-width:1025px) {
  .password-strength__bar {
    border-radius: var(--radius-10);
  }
}
.password-strength__bar.filled {
  background-color: var(--color-may-green);
}
.checkbox-wrapper {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  align-items: center;
  gap: 8px;
  display: flex;
}
input[type=checkbox] {
  appearance: none;
  font: inherit;
  color: #fff;
  cursor: pointer;
  background-color: var(--color-primary-colour-3);
  border: 2px solid #fff;
  border-radius: 6px;
  flex-shrink: 0;
  place-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  display: grid;
  transform: translateY(-.075em);
}
input[type=checkbox]:before {
  content: "";
  transform-origin: 0 100%;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  background-color: var(--color-deep-sky-blue);
  width: 20px;
  height: 20px;
  transition: transform .12s ease-in-out;
  transform: scale(0);
}
input[type=checkbox]:checked:before {
  transform: scale(1);
}
.left-eclipse {
  background: linear-gradient(270deg, #26262600 0%, #262626 100%);
}
.right-eclipse {
  background: linear-gradient(90deg, #26262600 0%, #262626 100%);
}
.coin-card {
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  background-image: var(--img-promo-coin-bg);
  width: 100%;
  min-width: 200px;
  max-width: 372px;
  padding: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*4);
  flex-direction: column;
  display: flex;
  position: relative;
  background: linear-gradient(180deg, #000 0%, #00000085 52%, #0000 100%), var(--img-promo-coin-bg) !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
@media not all and (min-width:1025px) {
  .coin-card {
    max-width: 100% !important;
  }
}
.coin-card.coin-card-large {
  min-width: 200px;
  max-width: 476px;
  background: linear-gradient(180deg, #00000080 0%, #00000042 22.14%, #0000 61.56%), var(--img-promo-coin-bg)lightgray 50%/cover no-repeat !important;
}
@media not all and (min-width:1025px) {
  .coin-card.coin-card-large {
    padding-bottom: calc(var(--spacing)*2);
    background: linear-gradient(180deg, #000 0%, #00000085 26.5%, #0000 64%), var(--img-promo-coin-small-bg)lightgray 50%/cover no-repeat !important;
  }
  .coin-card.coin-card-small {
    width: 170px !important;
  }
}
.promo-card {
  border-radius: var(--radius-10);
  width: 100%;
  max-width: 476px;
  height: 303px;
  padding: calc(var(--spacing)*2.5);
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  display: flex;
  position: relative;
}
@media not all and (min-width:1025px) {
  .promo-card {
    max-width: 100%;
    height: auto;
    min-height: 110px;
    padding: calc(var(--spacing)*1.5);
    padding-top: calc(var(--spacing)*2.5);
  }
}
.promo-card.promo-card__large {
  border-radius: var(--radius-10);
  max-width: 100% !important;
  height: 236px !important;
}
@media not all and (min-width:1025px) {
  .promo-card.promo-card__large {
    height: 110px !important;
  }
}
.promo-card__button {
  width: fit-content;
  font-family: var(--font-mouse-memoirs);
  --tw-leading: calc(var(--spacing)*8);
  line-height: calc(var(--spacing)*8);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  margin-left: auto;
}
@media not all and (min-width:1025px) {
  .promo-card__button {
    background-color: var(--color-persian-blue);
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
  }
}
.promo-card__info {
  border-radius: var(--radius-10);
  min-height: 0;
  padding-inline: calc(var(--spacing)*3);
  padding-top: calc(var(--spacing)*1);
  padding-bottom: calc(var(--spacing)*2.5);
  text-align: center;
  background-image: linear-gradient(#0000008c 0%, #000 100%);
}
@media not all and (min-width:1025px) {
  .promo-card__info {
    background-color: #000000b3;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .promo-card__info {
      background-color: color-mix(in srgb, #00070%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black)70%, transparent);
      }
    }
  }
  .promo-card__info {
    padding-inline: calc(var(--spacing)*5);
    padding-block: calc(var(--spacing)*3);
    background-image: none;
  }
}
.promo-card__title {
  max-width: 339px;
  min-height: 16px;
  font-family: var(--font-nexa);
  --tw-leading: calc(var(--spacing)*9);
  line-height: calc(var(--spacing)*9);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  flex-direction: column;
  justify-content: center;
  margin-inline: auto;
}
@media not all and (min-width:1025px) {
  .promo-card__title {
    min-height: calc(var(--spacing)*5);
    max-width: 100%;
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*5);
    line-height: calc(var(--spacing)*5);
  }
}
.promo-card.promo-card__large .promo-card__title {
  max-width: 100%;
}
.promo-card__subtitle {
  max-width: 398px;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  margin-inline: auto;
}
@media not all and (min-width:1025px) {
  .promo-card__subtitle {
    max-width: 100%;
    padding-inline: calc(var(--spacing)*7);
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
    margin-top: calc(var(--spacing)*1) !important;
  }
}
.promo-card.promo-card__large .promo-card__subtitle {
  max-width: 100%;
}
.promo-card__large-button {
  margin-top: calc(var(--spacing)*2);
  margin-right: calc(var(--spacing)*2);
}
@media not all and (min-width:1025px) {
  .promo-card__large-button {
    margin-top: calc(var(--spacing)*1);
    margin-right: calc(var(--spacing)*1);
  }
}
.content-text {
  max-width: 1284px;
}
.content-text .main-heading {
  margin-top: calc(var(--spacing)*11);
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-bright-yellow) !important;
}
@media not all and (min-width:1025px) {
  .content-text .main-heading {
    margin-top: calc(var(--spacing)*3);
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10);
  }
}
.content-text .sub-text {
  margin-top: calc(var(--spacing)*7);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: calc(var(--spacing)*9);
  line-height: calc(var(--spacing)*9);
}
@media not all and (min-width:1025px) {
  .content-text .sub-text {
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
    --tw-tracking: var(--tracking-1);
    letter-spacing: var(--tracking-1);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
}
.content-text .body-text {
  margin-top: calc(var(--spacing)*3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .content-text .body-text {
    margin-top: calc(var(--spacing)*5);
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
    --tw-tracking: calc(var(--tracking-normal)*-1);
    letter-spacing: calc(var(--tracking-normal)*-1);
  }
}
.content-text .sec-heading {
  margin-top: calc(var(--spacing)*11);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: calc(var(--spacing)*10);
  line-height: calc(var(--spacing)*10);
}
@media not all and (min-width:1025px) {
  .content-text .sec-heading {
    margin-top: calc(var(--spacing)*5);
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
    --tw-tracking: var(--tracking-1);
    letter-spacing: var(--tracking-1);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
}
.content-text .small-print {
  margin-top: calc(var(--spacing)*7);
  font-size: var(--text-md);
  --tw-leading: calc(var(--spacing)*4);
  line-height: calc(var(--spacing)*4);
}
@media not all and (min-width:1025px) {
  .content-text .small-print {
    margin-top: calc(var(--spacing)*5);
  }
}
.redeem-holdings__info {
  margin-bottom: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2.5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem-holdings__info {
    padding-block: calc(var(--spacing)*3);
  }
}
.redeem-holdings__title {
  font-family: var(--text-font-family);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .redeem-holdings__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .redeem-holdings__title.accordion-holdings__title {
    font-size: 18px;
  }
}
.redeem-holdings__amount {
  white-space: nowrap;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  font-family: var(--font-numbers) !important;
}
.redeem-accordion {
  margin-top: calc(var(--spacing)*2.5);
  max-width: 916px;
}
.redeem-accordion__header {
  z-index: 10;
  margin-top: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  background-color: var(--color-rb-tier-2);
  width: 100%;
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*3.5);
  border-width: 2px;
  border-color: #0000;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
@media not all and (min-width:1025px) {
  .redeem-accordion__header {
    flex-direction: column;
    gap: 10px;
  }
}
.redeem-accordion__header.active {
  border-color: var(--color-bright-yellow);
}
.redeem-accordion__icon {
  top: calc(var(--spacing)*4);
  right: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .redeem-accordion__icon {
    position: absolute;
  }
}
.redeem-accordion__body {
  height: calc(var(--spacing)*0);
  border-radius: var(--radius-10);
  background-color: var(--color-raisin-black);
  padding: calc(var(--spacing)*0);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  overflow: hidden;
}
@media not all and (min-width:1025px) {
  .redeem-accordion__body {
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
  }
}
.redeem-accordion__body.active {
  margin-top: calc(var(--spacing)*-4);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  padding-inline: calc(var(--spacing)*6);
  padding-top: calc(var(--spacing)*9);
  padding-bottom: calc(var(--spacing)*6);
  height: auto !important;
}
@media not all and (min-width:1025px) {
  .redeem-accordion__body.active {
    padding-inline: calc(var(--spacing)*3.5);
    padding-top: calc(var(--spacing)*5);
    padding-bottom: calc(var(--spacing)*3.5);
  }
}
.redeem-accordion__title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .redeem-accordion__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.redeem-accordion__state {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .redeem-accordion__state {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .promo-accordion:first-child {
    margin-top: calc(var(--spacing)*0);
  }
}
.promo-accordion__header {
  border-style: var(--tw-border-style);
  border-width: 0;
  color: var(--color-bright-yellow) !important;
}
@media not all and (min-width:1025px) {
  .promo-accordion__header {
    flex-direction: row;
  }
  .promo-accordion__header:first-child {
    margin-top: calc(var(--spacing)*0);
  }
}
.promo-holdings__title {
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.promo-accordion__body {
  background-color: var(--color-rb-tier-2);
}
@media not all and (min-width:1025px) {
  .promo-accordion__body {
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7);
  }
}
.promo-accordion__body.active {
  border-style: var(--tw-border-style);
  padding-top: calc(var(--spacing)*3);
  border-width: 0;
}
@media not all and (min-width:1025px) {
  .promo-accordion__body.active {
    padding-top: calc(var(--spacing)*4) !important;
  }
}
.loyalty-points__bg {
  background-image: var(--img-loyalty-desktop);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media not all and (min-width:1025px) {
  .loyalty-points__bg {
    background-image: var(--img-loyalty-mobile);
  }
}
.gradient-text__silver {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background: linear-gradient(#b8e3ef 0%, #506368 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.gradient-text__gold {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background: linear-gradient(77deg, #ffe68a 12.93%, #fbba45 31.35%, #fedc78 42.03%, #ffd765 53.49%, #fff2af 65.04%, #fbd568 74.45%, #eabb49 95.85%);
  -webkit-background-clip: text;
  background-clip: text;
}
.level-progress {
  background: conic-gradient(var(--color-level-progress-bg-start)0%, var(--color-level-progress-bg-end)calc(var(--value)*1%), #474747 calc(var(--value)*1%), #868686 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 83px;
  height: 83px;
  padding: 6px;
  display: flex;
  position: relative;
  transform: scaleX(-1);
}
.level-progress:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  inset: 16px;
}
.level-progress img {
  z-index: 2;
  background: var(--color-rb-tier-3);
  border-radius: 50%;
}
.forgotten-input {
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  background-color: var(--color-persian-blue);
  width: 100%;
  padding-inline: calc(var(--spacing)*4);
  padding-block: calc(var(--spacing)*2);
  --tw-leading: calc(var(--spacing)*4);
  line-height: calc(var(--spacing)*4);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  flex-direction: column;
  display: flex;
}
.forgotten-input input {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5);
}
.date-wrap {
  width: 100%;
  position: relative;
}
.date-input {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.date-btn {
  cursor: pointer;
  border-radius: var(--radius-10);
  background-color: var(--color-date-input);
  width: 100%;
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2);
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .date-btn {
    background-color: var(--color-rb-tier-3);
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.testimonials-section {
  position: relative;
}
.testimonials-section:before {
  content: "";
  background-image: var(--testimonials-bg);
  z-index: 1;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 0 0 10px;
  width: 650px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media not all and (min-width:1025px) {
  .testimonials-section:before {
    background-image: none;
  }
}
@media (max-width:1024px) {
  .testimonials-section:before {
    display: none;
  }
}
.testimonials-section .container, .testimonials-section .testimonials-content {
  z-index: 2;
  position: relative;
}
.bg-header-theme {
  background: var(--color-header-bg);
}
.bg-login-theme {
  background: var(--color-login-bg);
}
.bg-persian-blue-theme {
  background: var(--color-persian-blue-bg);
}
.bg-landing-hero-theme {
  background: var(--color-landing-hero-bg);
}
.bg-landing-nopurchase-theme {
  background: var(--color-landing-nopurchase-bg);
}
.bg-landing-providers-theme {
  background: var(--color-landing-providers-bg);
}
.bg-landing-why-theme {
  background: var(--color-landing-why-bg);
}
.bg-landing-top-pick-theme {
  background: var(--color-landing-top-pick-bg);
}
.bg-landing-testimonials-theme {
  background: var(--color-landing-testimonials-bg);
}
.bg-may-green {
  background: var(--color-may-green);
}
.input-element-refill {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  width: 100%;
  padding: calc(var(--spacing)*3.5);
  text-align: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  outline-style: none;
  position: relative;
  overflow: hidden;
}
.input-element-secondary-bg {
  background-color: var(--color-raisin-black);
}
.login-section {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}
@media not all and (min-width:1441px) {
  .login-section {
    gap: calc(var(--spacing)*8);
  }
}
@media not all and (min-width:1025px) {
  .login-section {
    height: 100%;
    min-height: fit-content;
  }
}
.login-section {
  background-color: var(--color-login-bg);
  font-family: var(--login-page-text-ff);
  font-weight: var(--login-page-text-fw);
  padding-block: calc(var(--spacing) * 10);
}
@media not all and (min-width:1025px) {
  .login-section {
    padding-block: 0;
  }
}
.login-container {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-login-border);
  background-color: var(--color-login-block-bg);
  width: 640px;
  padding: calc(var(--spacing)*10);
  text-align: center;
  border-radius: 20px;
  margin-inline: auto;
}
@media not all and (min-width:1025px) {
  .login-container {
    border-style: var(--tw-border-style);
    width: 100%;
    padding: calc(var(--spacing)*4);
    border-width: 0;
    border-radius: 0;
  }
}
.login-logo {
  max-height: 200px;
  margin-inline: auto;
}
@media not all and (min-width:1025px) {
  .login-logo {
    max-width: 308px;
  }
}
.login-title {
  margin-block: calc(var(--spacing)*5);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 70px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 70px;
  font-weight: var(--font-weight-black);
  color: var(--color-white) !important;
}
@media not all and (min-width:1025px) {
  .login-title {
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.login-form {
  border-bottom-style: var(--tw-border-style);
  border-color: #ffffff4d;
  border-bottom-width: 1px;
}
@supports (color:color-mix(in lab, red, red)) {
  .login-form {
    border-color: color-mix(in srgb, #fff30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)30%, transparent);
    }
  }
}
.login-form {
  padding-bottom: calc(var(--spacing)*5);
}
.login-input-group {
  margin-bottom: calc(var(--spacing)*5);
}
.login-password-wrapper {
  position: relative;
}
.login-password-icon {
  top: 50%;
  right: calc(var(--spacing)*4);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
  position: absolute;
}
.login-actions {
  justify-content: space-between;
  display: flex;
}
.login-remember-me {
  align-items: center;
  gap: calc(var(--spacing)*2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  display: flex;
  --tw-leading: calc(var(--spacing)*7) !important;
  line-height: calc(var(--spacing)*7) !important;
}
@media (width < 1025px) {
  .login-remember-me {
    font-size: var(--text-md);
  }
}
.login-forgot-password {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  -webkit-text-fill-color: currentColor;
  text-decoration-line: underline;
  color: var(--color-login-links) !important;
}
@media (width < 1025px) {
  .login-forgot-password {
    font-size: var(--text-md);
  }
}
.login-submit-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .login-submit-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.login-submit-button {
  margin-top: calc(var(--spacing)*4);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  width: 100%;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.login-signup-link {
  -webkit-text-fill-color: currentColor;
  text-decoration-line: underline;
  color: var(--color-login-links) !important;
}
.login-captcha {
  display: inline-block;
  margin-top: calc(var(--spacing) * 5);
  text-align: center;
  --tw-leading: calc(var(--spacing) * 5);
  width: 250px;
  line-height: calc(var(--spacing) * 5);
}
@media not all and (min-width: 1025px) {
  .login-captcha {
    margin-inline: calc(var(--spacing) * 5);
    width: auto;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
}
.login-captcha-link {
  -webkit-text-fill-color: currentColor;
  text-decoration-line: underline;
  color: var(--color-login-links) !important;
}
.login-signup-prompt {
  margin-top: calc(var(--spacing)*5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .login-signup-prompt--desktop {
    display: none !important;
  }
}
.login-signup-prompt--desktop .login-signup-link {
  display: inline !important;
}
.login-signup-prompt--mobile {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*3);
  text-align: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  text-decoration-line: underline;
  color: var(--color-login-links) !important;
  -webkit-text-fill-color: currentColor !important;
  display: none !important;
}
@media not all and (min-width:1025px) {
  .login-signup-prompt--mobile {
    display: inline-block !important;
    font-size: var(--text-md);
  }
}
.login-footer {
  display: none;
}
@media not all and (min-width:1025px) {
  .login-footer {
    display: block;
  }
}
.forgot-password-page {
  background-color: var(--color-login-block-bg);
  background-color: var(--color-login-bg);
  min-height: 100vh;
  font-family: var(--forgot-password-page-text-ff);
  font-weight: var(--forgot-password-page-text-fw);
  justify-content: center;
  align-items: center;
  display: flex;
}
.forgot-password-page__container {
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 447px;
  margin-inline: auto;
  display: flex;
  position: relative;
}
.forgot-password-page__logo-link {
  display: block;
}
.forgot-password-page__logo {
  max-height: 200px;
  margin-inline: auto;
}
.forgot-password-page__title {
  margin-bottom: calc(var(--spacing)*4);
  text-align: center;
  width: 288px;
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.forgot-password-page__title--highlight {
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
.forgot-password-page__description {
  padding-inline: calc(var(--spacing)*5);
  text-align: center;
  font-family: var(--font-numbers);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*6.5);
  line-height: calc(var(--spacing)*6.5);
}
.forgot-password-page__submitted-message {
  margin-top: calc(var(--spacing)*4);
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
.forgot-password-page__form {
  margin-top: calc(var(--spacing)*4.5);
  width: 100%;
}
.forgot-password-page__input-group {
  margin-bottom: calc(var(--spacing)*3);
  position: relative;
}
.forgot-password-page__submit-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  margin-top: calc(var(--spacing)*2);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  width: 100%;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .forgot-password-page__submit-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.forgot-password-page__login-prompt {
  margin-top: calc(var(--spacing)*5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
.forgot-password-page__login-prompt--desktop {
  display: block;
  text-align: center;
}
.forgot-password-page__login-prompt--mobile {
  display: none;
}
.forgot-password-page__login-link {
  -webkit-text-fill-color: currentColor;
  text-decoration-line: underline;
  color: var(--color-login-links) !important;
  display: inline !important;
}
@media (max-width:1280px) {
  .forgot-password-page__container {
    padding: calc(var(--spacing)*4);
  }
  .forgot-password-page__logo {
    max-width: 308px;
  }
  .forgot-password-page__title {
    margin-bottom: calc(var(--spacing)*2.5);
    --tw-leading: calc(var(--spacing)*9);
    width: 196px;
    line-height: calc(var(--spacing)*9);
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }
  .forgot-password-page__login-prompt {
    margin-bottom: calc(var(--spacing)*3);
    text-align: center;
  }
  .forgot-password-page__login-prompt--desktop {
    display: none !important;
  }
  .forgot-password-page__login-prompt--mobile {
    display: block;
  }
  .forgot-password-page__login-prompt--mobile .forgot-password-page__login-link {
    display: inline-block !important;
  }
}
.set-new-password {
  font-family: var(--forgot-password-page-text-ff);
  font-weight: var(--forgot-password-page-text-fw);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}
.set-new-password__container {
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 447px;
  margin-inline: auto;
  display: flex;
  position: relative;
}
.set-new-password__logo {
  max-height: 200px;
  margin-inline: auto;
}
.set-new-password__title {
  margin-bottom: calc(var(--spacing)*4);
  text-align: center;
  width: 288px;
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.set-new-password__title--highlight {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.set-new-password__description {
  padding-inline: calc(var(--spacing)*5);
  text-align: center;
  font-family: var(--font-numbers);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*6.5);
  line-height: calc(var(--spacing)*6.5);
}
.set-new-password__form {
  margin-top: calc(var(--spacing)*4.5);
  width: 100%;
}
.set-new-password__eye-icon {
  top: 50%;
  right: calc(var(--spacing)*4);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  cursor: pointer;
  display: none;
  position: absolute;
}
.set-new-password__error-message {
  margin-bottom: calc(var(--spacing)*4);
  text-align: center;
  font-family: Mouse Memoirs sans-serif;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: normal;
  --tw-font-weight: var(--font-weight-normal);
  line-height: normal;
  font-weight: var(--font-weight-normal);
  color: #f1416c;
  display: none;
}
.set-new-password__strength-label--mobile {
  display: none;
}
.set-new-password__strength-indicator {
  margin-top: calc(var(--spacing)*3);
  margin-bottom: calc(var(--spacing)*2);
  height: calc(var(--spacing)*2);
  gap: calc(var(--spacing)*3);
  width: 100%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .set-new-password__strength-indicator {
    margin-top: calc(var(--spacing)*2);
    height: calc(var(--spacing)*3.5);
    gap: calc(var(--spacing)*3.5);
  }
}
.set-new-password__strength-bar {
  background-color: #6b6b6b;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
@media not all and (min-width:1025px) {
  .set-new-password__strength-bar {
    border-radius: var(--radius-10);
  }
}
.set-new-password__strength-bar--filled {
  background-color: var(--color-may-green);
}
.set-new-password__strength-wrapper {
  margin-top: calc(var(--spacing)*2.5);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.set-new-password__strength-value {
  color: #ffffff80;
}
@supports (color:color-mix(in lab, red, red)) {
  .set-new-password__strength-value {
    color: color-mix(in srgb, #fff50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white)50%, transparent);
    }
  }
}
.set-new-password__button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  margin-top: calc(var(--spacing)*3);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  width: 100%;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .set-new-password__button:hover {
    background-color: var(--color-persian-blue);
  }
}
.set-new-password__back-link-container {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.set-new-password__back-link {
  margin-top: calc(var(--spacing)*4);
  text-underline-offset: auto;
  text-decoration-line: underline;
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
@media (max-width:1280px) {
  .set-new-password {
    align-items: flex-start;
  }
  .set-new-password__container {
    padding: calc(var(--spacing)*4);
  }
  .set-new-password__logo {
    max-width: 308px;
  }
  .set-new-password__title {
    margin-bottom: calc(var(--spacing)*2.5);
    --tw-leading: calc(var(--spacing)*9);
    width: 196px;
    line-height: calc(var(--spacing)*9);
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }
  .set-new-password__error-message, .set-new-password__strength-label--mobile {
    display: block;
  }
  .set-new-password__strength-wrapper {
    display: none;
  }
}
.sign-up {
  justify-content: center;
  min-height: 100vh;
  display: flex;
}
@media not all and (min-width:1025px) {
  .sign-up {
    align-items: flex-start;
    min-height: fit-content;
  }
}
.sign-up {
  font-family: var(--signup-page-text-ff);
}
.sign-up__container {
  width: 100%;
  max-width: 447px;
  padding-block: calc(var(--spacing)*10);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  display: flex;
  position: relative;
}
@media not all and (min-width:1025px) {
  .sign-up__container {
    padding-inline: calc(var(--spacing)*4);
  }
}
.sign-up__logo {
  max-height: 200px;
  margin-inline: auto;
}
@media not all and (min-width:1025px) {
  .sign-up__logo {
    max-width: 308px;
  }
}
.sign-up__title {
  font-family: var(--font-nexa);
  text-align: center;
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.sign-up__title--desktop {
  margin-top: calc(var(--spacing)*2.5);
  margin-bottom: calc(var(--spacing)*5);
  width: 288px;
}
@media not all and (min-width:1025px) {
  .sign-up__title--desktop {
    display: none;
  }
}
.sign-up__title--mobile {
  margin-block: calc(var(--spacing)*2.5);
  width: 288px;
  display: none;
  font-size: 26px !important;
  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
}
@media not all and (min-width:1025px) {
  .sign-up__title--mobile {
    display: block;
  }
}
.sign-up__title-highlight {
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
.sign-up__bonus-image {
  margin-bottom: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  width: 100%;
}
.sign-up__form {
  width: 100%;
}
.sign-up__password-toggle {
  top: 50%;
  right: calc(var(--spacing)*4);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  cursor: pointer;
  display: none;
  position: absolute;
}
.sign-up__strength-text--mobile {
  text-align: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  display: none;
}
@media not all and (min-width:1025px) {
  .sign-up__strength-text--mobile {
    display: block;
  }
}
.sign-up__strength-meter {
  margin-top: calc(var(--spacing)*3);
  height: calc(var(--spacing)*2);
  gap: calc(var(--spacing)*3);
  width: 100%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .sign-up__strength-meter {
    margin-top: calc(var(--spacing)*2);
    height: calc(var(--spacing)*3.5);
    gap: calc(var(--spacing)*3.5);
  }
}
.sign-up__strength-bar {
  background-color: #6b6b6b;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
@media not all and (min-width:1025px) {
  .sign-up__strength-bar {
    border-radius: var(--radius-10);
  }
}
.sign-up__strength-bar--filled {
  background-color: var(--color-may-green);
}
.sign-up__strength-info {
  margin-top: calc(var(--spacing)*2.5);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .sign-up__strength-info {
    display: none;
  }
}
.sign-up__strength-value {
  color: #ffffff80;
}
.sign-up__strength-label, .sign-up__strength-text--mobile {
  font-family: var(--font-secondary);
}
.sign-up__checkbox-label {
  font-family: var(--font-secondary);
}
@supports (color:color-mix(in lab, red, red)) {
  .sign-up__strength-value {
    color: color-mix(in srgb, #fff50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white)50%, transparent);
    }
  }
}
.sign-up__checkbox-container {
  margin-top: calc(var(--spacing)*5);
  --tw-leading: calc(var(--spacing)*4.5);
  line-height: calc(var(--spacing)*4.5);
  align-items: center;
  gap: 8px;
  display: flex;
  font-size: var(--text-sm) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  --tw-tracking: var(--tracking-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
  align-items: flex-start !important;
}
@media not all and (min-width:1025px) {
  .sign-up__checkbox-container {
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
}
.sign-up__checkbox {
  margin-top: calc(var(--spacing)*1.5) !important;
}
.sign-up__link {
  text-underline-offset: auto;
  -webkit-text-fill-color: currentColor;
  text-decoration-line: underline;
  color: var(--color-bright-yellow) !important;
}
.sign-up__submit-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  font-family: var(--font-nexa);
  margin-top: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  width: 100%;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .sign-up__submit-button:hover {
    background-color: var(--color-persian-blue);
  }
}
@media not all and (min-width:1025px) {
  .sign-up__submit-button--desktop {
    display: none;
  }
}
.sign-up__submit-button--mobile {
  display: none;
}
@media not all and (min-width:1025px) {
  .sign-up__submit-button--mobile {
    display: block;
  }
}
.login__divider-text, .sign-up__divider-text {
  margin-block: calc(var(--spacing)*5);
}
.login__social-buttons, .sign-up__social-buttons {
  gap: calc(var(--spacing)*5);
  display: flex;
  justify-content: center;
}
@media not all and (min-width:1025px) {
  .login__social-buttons, .sign-up__social-buttons {
    gap: calc(var(--spacing)*2.5);
    flex-direction: column;
    width: 100%;
  }
}
.social-login-icon .svg-icon, .social-login-icon i {
  font-size: 1.75rem;
}
.login__social-button, .sign-up__social-button {
  border-radius: var(--radius-10);
  background-color: #00000059;
  justify-content: center;
  align-items: center;
  width: 120px;
  display: flex;
}
@supports (color:color-mix(in lab, red, red)) {
  .login__social-button, .sign-up__social-button {
    background-color: color-mix(in srgb, #00035%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black)35%, transparent);
    }
  }
}
.login__social-button, .sign-up__social-button {
  padding-block: calc(var(--spacing)*3);
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
}
@media not all and (min-width:1025px) {
  .login__social-button, .sign-up__social-button {
    background-color: var(--color-white);
    width: 100%;
    padding-block: calc(var(--spacing)*2.5);
  }
}
.sign-up__social-icon {
  color: var(--color-white);
}
@media not all and (min-width:1025px) {
  .sign-up__social-icon {
    color: var(--color-black);
  }
}
.sign-up__recaptcha-notice {
  margin-top: calc(var(--spacing)*5);
  text-align: center;
  --tw-leading: calc(var(--spacing)*5);
  width: 250px;
  line-height: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .sign-up__recaptcha-notice {
    margin-inline: calc(var(--spacing)*5);
    width: auto;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7);
  }
}
.sign-up__login-prompt {
  margin-top: calc(var(--spacing)*4);
  gap: calc(var(--spacing)*1);
  display: flex;
}
@media not all and (min-width:1025px) {
  .sign-up__login-prompt {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .coin-store__header-section {
    margin-top: calc(var(--spacing)*3);
    text-align: center;
  }
}
.coin-store__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .coin-store__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 30px;
    line-height: 30px;
  }
}
.coin-store__subtitle {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .coin-store__subtitle {
    font-size: var(--text-md);
  }
}
.coin-store__subtitle--highlight {
  color: var(--color-bright-yellow) !important;
}
.coin-store__cards-section {
  margin-top: calc(var(--spacing)*5);
  gap: calc(var(--spacing)*5);
  flex-wrap: wrap;
  display: flex;
}
@media not all and (min-width:1025px) {
  .coin-store__cards-section {
    margin-inline: calc(var(--spacing)*2.5);
    margin-top: calc(var(--spacing)*2.5);
    justify-content: center;
    gap: calc(var(--spacing)*2.5);
    flex-direction: column;
  }
}
.coin-store__card-wrapper {
  flex-basis: 372px;
}
@media not all and (min-width:1025px) {
  .coin-store__card-wrapper {
    flex-basis: calc(var(--spacing)*0);
  }
}
.coin-store__card-title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .coin-store__card-title {
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
  }
}
.coin-store__card-title--highlight {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.coin-store__card-container {
  margin-top: calc(var(--spacing)*4);
  display: flex;
}
@media not all and (min-width:1025px) {
  .coin-store__card-container {
    margin-top: calc(var(--spacing)*2.5);
  }
}
.coin-store__card {
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  background-image: var(--img-promo-coin-bg);
  width: 100%;
  min-width: 200px;
  max-width: 372px;
  padding: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*4);
  flex-direction: column;
  display: flex;
  position: relative;
  background: linear-gradient(180deg, #000 0%, #00000085 52%, #0000 100%), var(--img-promo-coin-bg) !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
@media not all and (min-width:1025px) {
  .coin-store__card {
    max-width: 100% !important;
  }
  .coin-store__card--small {
    width: 170px !important;
  }
}
.coin-store__card--large {
  min-width: 200px;
  max-width: 476px;
  background: linear-gradient(180deg, #00000080 0%, #00000042 22.14%, #0000 61.56%), var(--img-promo-coin-bg)lightgray 50%/cover no-repeat !important;
}
@media not all and (min-width:1025px) {
  .coin-store__card--large {
    padding-bottom: calc(var(--spacing)*2);
    background: linear-gradient(180deg, #000 0%, #00000085 26.5%, #0000 64%), var(--img-promo-coin-small-bg)lightgray 50%/cover no-repeat !important;
  }
}
.coin-store__card-amount {
  font-size: var(--coin-store-small-card-gc-fs);
  font-weight: var(--coin-store-small-card-gc-fw);
  letter-spacing: var(--coin-card-letter-spacing);
  font-family: var(--coin-store-card-amount-ff);
  --tw-leading: calc(var(--spacing)*12);
  line-height: calc(var(--spacing)*12);
}
@media not all and (min-width:1025px) {
  .coin-store__card-amount--small {
    text-align: center;
    --tw-tracking: 2px;
    letter-spacing: 2px;
    font-size: 33px;
  }
}
.coin-store__card-amount--large {
  --tw-leading: calc(var(--spacing)*12);
  font-size: 50px;
  line-height: calc(var(--spacing)*12);
}
@media not all and (min-width:1025px) {
  .coin-store__card-amount--large {
    --tw-leading: calc(var(--spacing)*9);
    font-size: 33px;
    line-height: calc(var(--spacing)*9);
  }
}
.coin-store__zonko-bonus {
  bottom: calc(var(--spacing)*14);
  border-radius: var(--radius-10);
  width: 180px;
  padding-inline: calc(var(--spacing)*2);
  padding-block: calc(var(--spacing)*1);
  text-align: center;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  background-color: #00beed;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .coin-store__zonko-bonus {
    margin-top: calc(var(--spacing)*2);
    width: 165px;
    position: static;
  }
}
.coin-store__card-bottom {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.coin-store__card-bottom--default-popular {
  margin-top: calc(var(--spacing)*11);
}
@media not all and (min-width:1025px) {
  .coin-store__card-bottom--default-popular {
    margin-top: calc(var(--spacing)*9);
  }
}
.coin-store__card-bottom--zonko-popular {
  margin-top: calc(var(--spacing)*11);
}
@media not all and (min-width:1025px) {
  .coin-store__card-bottom--zonko-popular {
    margin-top: calc(var(--spacing)*0);
  }
}
.coin-store__card-bottom--small {
  margin-top: calc(var(--spacing)*11);
}
@media not all and (min-width:1025px) {
  .coin-store__card-bottom--small {
    margin-top: calc(var(--spacing)*2);
    align-items: center;
    gap: calc(var(--spacing)*3);
    flex-direction: column;
  }
}
.coin-store__card-bottom--large {
  margin-top: calc(var(--spacing)*11);
}
@media not all and (min-width:1025px) {
  .coin-store__card-bottom--large {
    margin-top: calc(var(--spacing)*0);
  }
}
.coin-store__badge, .coin-store__badge-lg {
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-deep-sky-blue);
  background-color: var(--color-raisin-black);
  padding-inline: calc(var(--spacing)*2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*8.5);
  line-height: calc(var(--spacing)*8.5);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  color: var(--color-deep-sky-blue);
}
.coin-store__button-wrapper {
  position: relative;
}
@media not all and (min-width:1025px) {
  .coin-store__button-wrapper--small {
    width: 100%;
  }
}
.coin-store__button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  z-index: 1;
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  width: fit-content;
  font-weight: 400;
  font-family: var(--font-mouse-memoirs);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  margin-left: auto;
  padding: 3px 18px;
  transition: all .2s ease-in;
  position: relative;
  padding-inline: calc(var(--spacing)*7) !important;
  --tw-leading: calc(var(--spacing)*8) !important;
  line-height: calc(var(--spacing)*8) !important;
}
@media (hover:hover) {
  .coin-store__button:hover {
    background-color: var(--color-persian-blue);
  }
}
@media not all and (min-width:1025px) {
  .coin-store__button--small {
    width: 100%;
  }
}
.coin-store__button--large {
  margin-top: calc(var(--spacing)*32);
  margin-left: auto;
  padding-inline: calc(var(--spacing)*11) !important;
}
@media not all and (min-width:1025px) {
  .coin-store__button--large-default {
    margin-top: calc(var(--spacing)*2.5);
    margin-left: calc(var(--spacing)*0);
  }
  .coin-store__button--large-zonko {
    margin-top: calc(var(--spacing)*0);
    margin-left: calc(var(--spacing)*0);
  }
}
.coin-store__button--blue {
  background-color: var(--color-persian-blue) !important;
}
.coin-store__button-coins {
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  position: absolute;
  left: 50%;
}
.coin-store__button-coins--popular {
  bottom: calc(var(--spacing)* -3);
}
.coin-store__button-coins--all {
  bottom: calc(var(--spacing)* -9);
  display: none;
}
@media not all and (min-width:1025px) {
  .coin-store__button-coins--all {
    display: block;
  }
}
.coin-store__button-coins--hidden-xl {
  bottom: calc(var(--spacing)*-3);
}
@media not all and (min-width:1025px) {
  .coin-store__button-coins--hidden-xl {
    display: none;
  }
}
.coin-store__purchased-badge {
  top: 50%;
  left: calc(var(--spacing)*4);
  --tw-translate-y: calc(var(--spacing)*-1.5);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  display: flex;
  position: absolute;
}
.coin-store__trending-section {
  margin-top: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .coin-store__trending-section {
    margin-top: calc(var(--spacing)*2.5);
    margin-left: calc(var(--spacing)*2.5);
  }
}
.coin-store__trending-wrapper {
  position: relative;
}
.coin-store__trending-cards {
  margin-top: calc(var(--spacing)*4.5);
  gap: calc(var(--spacing)*5);
  display: flex;
}
@media not all and (min-width:1025px) {
  .coin-store__trending-cards {
    margin-top: calc(var(--spacing)*2.5);
    gap: calc(var(--spacing)*2.5);
    overflow-x: auto;
  }
}
.coin-store__new-star {
  top: calc(var(--spacing)*-7);
  right: calc(var(--spacing)*-7);
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  display: flex;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .coin-store__new-star {
    display: none;
  }
}
.coin-store__new-star--large {
  top: calc(var(--spacing)*-5);
  right: calc(var(--spacing)*-7);
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  display: none;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .coin-store__new-star--large {
    top: calc(var(--spacing)*-2.5);
    right: calc(var(--spacing)*-3);
    display: block;
  }
}
@media not all and (min-width:1441px) {
  .coin-store__new-star-icon {
    width: calc(var(--spacing)*18);
  }
}
@media not all and (min-width:1025px) {
  .coin-store__new-star-icon {
    width: calc(var(--spacing)*11);
  }
}
.coin-store__scroll-fade {
  pointer-events: none;
  inset-block: calc(var(--spacing)*0);
  right: calc(var(--spacing)*0);
  z-index: 10;
  width: calc(var(--spacing)*32);
  background: linear-gradient(90deg, #26262600 0%, #262626 100%);
  display: none;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .coin-store__scroll-fade {
    display: block;
  }
}
.coin-store__scroll-arrow {
  top: 50%;
  right: calc(var(--spacing)*5);
  z-index: 20;
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
  cursor: pointer;
  display: none;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .coin-store__scroll-arrow {
    right: calc(var(--spacing)*2);
    width: calc(var(--spacing)*2);
    display: block;
  }
}
.coin-store__all-section {
  margin-block: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .coin-store__all-section {
    margin-inline: calc(var(--spacing)*2.5);
    margin-block: calc(var(--spacing)*2.5);
  }
}
.coin-store__all-grid {
  margin-top: calc(var(--spacing)*4.5);
  gap: calc(var(--spacing)*5);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-columns: minmax(200px, 1fr);
  display: grid;
}
@media not all and (min-width:1025px) {
  .coin-store__all-grid {
    margin-top: calc(var(--spacing)*2.5);
    gap: calc(var(--spacing)*2.5);
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.coin-store__card-bg-coins {
  height: calc(var(--spacing)*32);
  width: calc(var(--spacing)*32);
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  position: absolute;
  top: 50%;
  left: 50%;
}
@media not all and (min-width:1025px) {
  .coin-store__card-bg-coins {
    display: none;
  }
}
.coin-store__footer-text {
  margin-top: calc(var(--spacing)*5);
  font-family: var(--text-font-family);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .coin-store__footer-text {
    margin-top: calc(var(--spacing)*2.5);
    text-align: center;
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*5);
    line-height: calc(var(--spacing)*5);
  }
}
.coin-store__footer-text--highlight {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.coin-store__footer-text--link {
  text-decoration-line: underline;
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
@media not all and (min-width:1025px) {
  .promotion-page {
    margin-inline: calc(var(--spacing)*2.5);
    margin-top: calc(var(--spacing)*3);
    text-align: center;
    min-height: calc(100vh - 166px);
  }
}
.promotion-page__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .promotion-page__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*8);
    line-height: calc(var(--spacing)*12);
  }
}
.promotion-page__subtitle {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .promotion-page__subtitle {
    margin-bottom: calc(var(--spacing)*5);
    padding-inline: calc(var(--spacing)*5);
    font-size: var(--text-md);
    --tw-leading: 1.125rem;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    line-height: 1.125rem;
  }
}
.promotion-page__subtitle {
  font-family: var(--promotion-page-text-ff);
}
.promotion-page__highlight {
  color: var(--color-bright-yellow);
}
.promotion-page__grid {
  margin-block: calc(var(--spacing)*5);
  gap: calc(var(--spacing)*5);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-columns: minmax(200px, 1fr);
  display: grid;
}
@media not all and (min-width:1025px) {
  .promotion-page__grid {
    gap: calc(var(--spacing)*2.5);
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.promotion-page__card {
  border-radius: var(--radius-10);
  padding: calc(var(--spacing)*2.5);
  position: relative;
  background-image: var(--promotion-image);
}
@media not all and (min-width:1025px) {
  .promotion-page__card {
    max-width: 100%;
    padding: calc(var(--spacing)*1.5);
    padding-top: calc(var(--spacing)*2.5);
  }
}
.promotion-page__card {
  width: 100%;
  max-width: 476px;
  min-height: 303px;
  height: fit-content;
}
@media not all and (min-width:1025px) {
  .promotion-page__card {
    height: auto;
    min-height: 110px;
  }
}
.promotion-page__card {
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  display: flex;
  position: relative;
}
.promotion-page__card-button {
  padding: 3px 18px;
  cursor: pointer;
  transition: all 0.2s ease-in;
  border: 2px solid var(--promotions-card-gc-bd-color);
  border-radius: 10px;
  font-family: var(--promotions-card-gc-ff);
  font-weight: var(--promotions-card-gc-fw);
  font-size: var(--promotions-card-gc-fs);
  background: var(--color-promotions-card-gc-bg) !important;
  border-color: var(--promotions-card-gc-bd-color);
  color: var(--promotions-card-gc-color);
  margin-left: auto;
}
@media not all and (min-width:1025px) {
  .promotion-page__card-button {
    background-color: var(--color-persian-blue);
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
  }
}
.promotion-page__card-info {
  border-radius: var(--radius-10);
  min-height: 0;
  padding-inline: calc(var(--spacing)*3);
  padding-top: calc(var(--spacing)*1);
  padding-bottom: calc(var(--spacing)*2.5);
  text-align: center;
  background-image: linear-gradient(#0000008c 0%, #000 100%);
  display: flex;
  flex-direction: column;
}
@media not all and (min-width:1025px) {
  .promotion-page__card-info {
    background-color: #000000b3;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .promotion-page__card-info {
      background-color: color-mix(in srgb, #00070%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black)70%, transparent);
      }
    }
  }
  .promotion-page__card-info {
    padding-inline: calc(var(--spacing)*5);
    padding-block: calc(var(--spacing)*3);
    background-image: none;
  }
}
.promotion-page__card-title {
  max-width: 339px;
  min-height: 16px;
  font-family: var(--font-nexa);
  --tw-leading: calc(var(--spacing)*9);
  line-height: calc(var(--spacing)*9);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  flex-direction: column;
  justify-content: center;
  margin-inline: auto;
  display: flex;
}
@media not all and (min-width:1025px) {
  .promotion-page__card-title {
    min-height: calc(var(--spacing)*5);
    max-width: 100%;
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*5);
    line-height: calc(var(--spacing)*5);
    display: block;
  }
}
.promotion-page__card-title--highlight {
  color: var(--color-bright-yellow) !important;
}
.promotion-page__primary-button {
  margin-top: calc(var(--spacing)*2);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  width: 100%;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
@media (hover:hover) {
  .promotion-page__primary-button:hover {
    background-color: var(--color-persian-blue);
  }
}
@media not all and (min-width:1025px) {
  .promotion-page__primary-button {
    display: none;
  }
}
.promotion-page__primary-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  padding: 3px 18px;
  transition: all .2s ease-in;
}
.promotion-page__primary-button:disabled {
  opacity: .8;
  background-color: var(--color-may-green);
}
.promotion-page__secondary-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  margin-top: calc(var(--spacing)*1.5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  width: 100%;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .promotion-page__secondary-button:hover {
    background-color: var(--color-may-green);
  }
}
@media not all and (min-width:1025px) {
  .promotion-page__secondary-button {
    display: none;
  }
}
.promotion-page__card-icon-wrapper {
  top: calc(var(--spacing)*-5);
  left: calc(var(--spacing)*-7);
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  display: flex;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .promotion-page__card-icon-wrapper {
    top: calc(var(--spacing)*-2.5);
    left: calc(var(--spacing)*-3);
  }
}
@media not all and (min-width:1441px) {
  .promotion-page__card-icon {
    width: calc(var(--spacing)*18);
  }
}
@media not all and (min-width:1025px) {
  .promotion-page__card-icon {
    width: calc(var(--spacing)*11);
  }
  .content-page {
    padding: calc(var(--spacing)*7);
    padding-top: calc(var(--spacing)*3);
    text-align: center;
  }
}
.content-page__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .content-page__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.content-page__text {
  font-family: var(--content-page-text-ff);
}
@media not all and (min-width:1025px) {
  .content-page__text {
    padding-inline: calc(var(--spacing) * 2.5);
  }
}
.content-page__main-heading {
  margin-top: calc(var(--spacing)*11);
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-bright-yellow) !important;
}
@media not all and (min-width:1025px) {
  .content-page__main-heading {
    margin-top: calc(var(--spacing)*3);
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10);
  }
}
.content-page__sub-text {
  margin-top: calc(var(--spacing)*7);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: calc(var(--spacing)*9);
  line-height: calc(var(--spacing)*9);
}
@media not all and (min-width:1025px) {
  .content-page__sub-text {
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
    --tw-tracking: var(--tracking-1);
    letter-spacing: var(--tracking-1);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
}
.content-page__body-text {
  margin-top: calc(var(--spacing)*3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .content-page__body-text {
    margin-top: calc(var(--spacing)*5);
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
    --tw-tracking: calc(var(--tracking-normal)*-1);
    letter-spacing: calc(var(--tracking-normal)*-1);
  }
}
.content-page__body-text--spaced {
  margin-top: calc(var(--spacing)*8);
}
@media not all and (min-width:1025px) {
  .content-page__body-text--spaced {
    margin-top: calc(var(--spacing)*4);
  }
}
.content-page__secondary-heading {
  margin-top: calc(var(--spacing)*11);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: calc(var(--spacing)*10);
  line-height: calc(var(--spacing)*10);
}
@media not all and (min-width:1025px) {
  .content-page__secondary-heading {
    margin-top: calc(var(--spacing)*5);
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
    --tw-tracking: var(--tracking-1);
    letter-spacing: var(--tracking-1);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
}
.content-page__small-print {
  margin-top: calc(var(--spacing)*7);
  font-size: var(--text-md);
  --tw-leading: calc(var(--spacing)*4);
  line-height: calc(var(--spacing)*4);
}
@media not all and (min-width:1025px) {
  .content-page__small-print {
    margin-top: calc(var(--spacing)*5);
  }
  .free-refill {
    margin-inline: calc(var(--spacing)*2.5);
    margin-top: calc(var(--spacing)*3);
    text-align: center;
    min-height: calc(100vh - 166px);
  }
}
.free-refill__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .free-refill__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.free-refill__subtitle {
  font-family: var(--zero-balance-page-text-ff);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .free-refill__subtitle {
    padding-inline: calc(var(--spacing)*5);
    font-size: var(--text-md);
    margin-bottom: calc(var(--spacing)*5) !important;
    --tw-leading: 1.125rem !important;
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
    line-height: 1.125rem !important;
  }
}
.free-refill__highlight {
  color: var(--color-bright-yellow);
}
.free-refill__card {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*10);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*8);
  padding-block: calc(var(--spacing)*16);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .free-refill__card {
    margin-bottom: calc(var(--spacing)*5);
    padding-block: calc(var(--spacing)*5);
  }
}
.free-refill__card-content {
  text-align: center;
  max-width: 630px;
}
.free-refill__card-title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
  color: var(--color-bright-yellow);
  font-size: 34px !important;
}
@media not all and (min-width:1025px) {
  .free-refill__card-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    --tw-leading: calc(var(--spacing)*8) !important;
    font-size: 26px !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.free-refill__card-text {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*5);
  padding-inline: calc(var(--spacing)*2);
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5);
}
.free-refill__form-desktop {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .free-refill__form-desktop {
    display: none;
  }
}
.free-refill__divider {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*5);
  border-top-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #ffffff80;
  border-top-width: 1px;
  width: 127px;
}
@supports (color:color-mix(in lab, red, red)) {
  .free-refill__divider {
    border-color: color-mix(in srgb, #fff50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)50%, transparent);
    }
  }
}
.free-refill__form-title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
  font-size: 34px !important;
}
@media not all and (min-width:1025px) {
  .free-refill__form-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.free-refill__input {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  width: 100%;
  padding: calc(var(--spacing)*3.5);
  text-align: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  outline-style: none;
  position: relative;
  overflow: hidden;
}
.free-refill__input--secondary-bg {
  background-color: var(--color-raisin-black);
}
.free-refill__submit {
  background: var(--color-may-green);
  margin-top: calc(var(--spacing)*2.5);
  cursor: pointer;
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  width: 100%;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-main-buttons-fw);
  font-weight: var(--font-main-buttons-fw);
  color: var(--color-button-text);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in);
  padding-block: 3px;
  padding-inline: 18px;
}
@media (hover:hover) {
  .free-refill__submit:hover {
    background-color: var(--color-persian-blue);
  }
}
.free-refill__form-mobile {
  margin-bottom: calc(var(--spacing)*5);
  display: none;
}
@media not all and (min-width:1025px) {
  .free-refill__form-mobile {
    display: block;
  }
  .refer-a-friend {
    margin-inline: calc(var(--spacing)*2.5);
    margin-top: calc(var(--spacing)*3);
    text-align: center;
    min-height: calc(100vh - 166px);
  }
}
.refer-a-friend__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .refer-a-friend__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.refer-a-friend__subtitle {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .refer-a-friend__subtitle {
    font-size: var(--text-md);
    padding-inline: calc(var(--spacing)*5);
    margin-bottom: calc(var(--spacing)*5) !important;
    --tw-leading: 1.125rem !important;
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
    line-height: 1.125rem !important;
  }
}
.refer-a-friend__content-box {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*10);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*8);
  padding-block: calc(var(--spacing)*16);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .refer-a-friend__content-box {
    margin-bottom: calc(var(--spacing)*2.5);
    padding-block: calc(var(--spacing)*5);
  }
}
.refer-a-friend__content-inner {
  text-align: center;
  max-width: 630px;
}
.refer-a-friend__heading {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .refer-a-friend__heading {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.refer-a-friend__heading {
  font-size: 34px !important;
}
@media not all and (min-width:1025px) {
  .refer-a-friend__heading {
    --tw-leading: calc(var(--spacing)*8) !important;
    font-size: 26px !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.refer-a-friend__highlight {
  color: var(--color-bright-yellow);
}
.refer-a-friend__description {
  margin-top: calc(var(--spacing)*5);
  padding-inline: calc(var(--spacing)*2);
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .refer-a-friend__description {
    margin-top: calc(var(--spacing)*2.5);
  }
}
.refer-a-friend__description {
  font-family: var(--text-font-family);
}
.refer-a-friend__desktop-link-block {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .refer-a-friend__desktop-link-block {
    display: none;
  }
}
.refer-a-friend__divider {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*5);
  border-top-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #ffffff80;
  border-top-width: 1px;
  width: 127px;
}
@supports (color:color-mix(in lab, red, red)) {
  .refer-a-friend__divider {
    border-color: color-mix(in srgb, #fff50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)50%, transparent);
    }
  }
}
.alt-login__code-input-wrapper {
  margin-top: calc(var(--spacing)*3);
  margin-bottom: calc(var(--spacing)*2);
  border-radius: var(--radius-10);
  background-color: var(--color-raisin-black);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  width: 100%;
  height: 62px;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: flex;
  position: relative;
  overflow: hidden;
}
.refer-a-friend__link-input-wrapper {
  margin-block: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  background-color: var(--color-raisin-black);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  width: 100%;
  height: 62px;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: flex;
  position: relative;
  overflow: hidden;
}
.alt-login__code-input, .refer-a-friend__link-input {
  background-color: var(--color-raisin-black);
  width: 100%;
  height: 100%;
  padding: calc(var(--spacing)*4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  font-family: var(--text-font-family);
  outline-style: none;
}
.refer-a-friend__link-input, .refer-a-friend__mobile-link-input {
  font-size: var(--text-sm) !important;
}
.alt-login__code-input, .refer-a-friend__link-input, .free-refill__input--secondary-bg {
  background-color: var(--color-bg);
}
.alt-login__code-copy-button, .refer-a-friend__copy-button {
  background: var(--color-may-green);
  border-top-right-radius: var(--radius-10);
  border-bottom-right-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  height: 100%;
  padding-inline: calc(var(--spacing)*7);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  font-family: var(--font-main-buttons);
}
.refer-a-friend__socials-row {
  margin-top: calc(var(--spacing)*5);
  gap: calc(var(--spacing)*2.5);
  width: 100%;
  display: flex;
}
.refer-a-friend__social-item {
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  background-color: var(--color-raisin-black);
  width: 100%;
  padding-block: calc(var(--spacing)*2);
  justify-content: center;
  display: flex;
}
.refer-a-friend__mobile-link-block {
  display: none;
}
@media not all and (min-width:1025px) {
  .refer-a-friend__mobile-link-block {
    display: block;
  }
}
.refer-a-friend__mobile-link-input {
  margin-top: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  width: 100%;
  padding: calc(var(--spacing)*3.5);
  text-align: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  font-family: var(--text-font-family);
  outline-style: none;
  position: relative;
  overflow: hidden;
}
.refer-a-friend__mobile-copy-button {
  background: var(--color-may-green);
  cursor: pointer;
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-main-buttons-fw);
  font-weight: var(--font-main-buttons-fw);
  color: var(--color-button-text);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in);
  padding-block: 3px;
  padding-inline: 18px;
}
@media (hover:hover) {
  .refer-a-friend__mobile-copy-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.refer-a-friend__mobile-copy-button {
  margin-top: calc(var(--spacing)*2.5);
  width: 100%;
}
.refer-a-friend__mobile-heading {
  margin-top: calc(var(--spacing)*5);
}
.refer-a-friend__socials-col {
  margin-top: calc(var(--spacing)*2.5);
  gap: calc(var(--spacing)*2.5);
  flex-direction: column;
  width: 100%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redemption-submitted {
    margin-inline: calc(var(--spacing)*2.5);
    margin-top: calc(var(--spacing)*3);
    text-align: center;
    min-height: calc(100vh - 166px);
  }
}
.redemption-submitted__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .redemption-submitted__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.redemption-submitted__box {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*10);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*12);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redemption-submitted__box {
    padding-top: 38px;
    padding-bottom: calc(var(--spacing)*0);
  }
}
.redemption-submitted__congrats-title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .redemption-submitted__congrats-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.redemption-submitted__congrats-title {
  margin-top: calc(var(--spacing)*4);
  margin-bottom: calc(var(--spacing)*5);
  color: #3c833f;
}
@media not all and (min-width:1025px) {
  .redemption-submitted__congrats-title {
    margin-top: calc(var(--spacing)*5);
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.redemption-submitted__message {
  width: 268px;
  padding-inline: calc(var(--spacing)*7);
  text-align: center;
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-white) !important;
}
@media not all and (min-width:1025px) {
  .redemption-submitted__message {
    --tw-border-style: none;
    border-style: none;
  }
}
.redemption-submitted__message {
  font-family: var(--font-mouse);
}
.redemption-submitted__divider {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*5);
  border-top-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #ffffff80;
  border-top-width: 1px;
  width: 127px;
}
@supports (color:color-mix(in lab, red, red)) {
  .redemption-submitted__divider {
    border-color: color-mix(in srgb, #fff50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)50%, transparent);
    }
  }
}
.redemption-submitted__amount {
  padding-inline: calc(var(--spacing)*7);
  margin-bottom: 10px;
  font-size: 68px;
  color: var(--color-white) !important;
}
@media not all and (min-width:1025px) {
  .redemption-submitted__amount {
    margin-bottom: calc(var(--spacing)*5);
    --tw-border-style: none;
    border-style: none;
    font-size: 38px;
  }
}
.redemption-submitted__note {
  margin-bottom: calc(var(--spacing)*6);
  padding-inline: calc(var(--spacing)*7);
  color: var(--color-white) !important;
}
@media not all and (min-width:1025px) {
  .redemption-submitted__note {
    margin-bottom: calc(var(--spacing)*5);
    --tw-border-style: none;
    border-style: none;
    width: 285px;
  }
}
.redemption-submitted__cancel-button {
  background: var(--color-may-green);
  cursor: pointer;
  --tw-font-weight: var(--font-main-buttons-fw);
  font-weight: var(--font-main-buttons-fw);
  color: var(--color-button-text);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding-block: 3px;
  padding-inline: 18px;
}
@media (hover:hover) {
  .redemption-submitted__cancel-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.redemption-submitted__cancel-button {
  margin-bottom: calc(var(--spacing)*3);
}
@media not all and (min-width:1025px) {
  .redemption-submitted__cancel-button {
    display: none;
  }
}
.redemption-submitted__continue-button {
  background: var(--color-secondary-button-bg);
  cursor: pointer;
  --tw-font-weight: var(--font-main-buttons-fw);
  font-weight: var(--font-main-buttons-fw);
  color: var(--color-button-text);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding-block: 3px;
  padding-inline: 18px;
}
@media (hover:hover) {
  .redemption-submitted__continue-button:hover {
    background-color: var(--color-may-green);
  }
}
@media not all and (min-width:1025px) {
  .redemption-submitted__continue-button {
    display: none !important;
  }
}
.redemption-submitted__bottom-bar {
  bottom: calc(var(--spacing)*24);
  left: calc(var(--spacing)*0);
  width: 100%;
  padding-inline: calc(var(--spacing)*4);
  display: none;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .redemption-submitted__bottom-bar {
    display: block;
  }
}
.redemption-submitted__cancel-button--mobile {
  background: var(--color-may-green);
  cursor: pointer;
  --tw-font-weight: var(--font-main-buttons-fw);
  font-weight: var(--font-main-buttons-fw);
  color: var(--color-button-text);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding-block: 3px;
  padding-inline: 18px;
}
@media (hover:hover) {
  .redemption-submitted__cancel-button--mobile:hover {
    background-color: var(--color-persian-blue);
  }
}
.redemption-submitted__cancel-button--mobile {
  margin-top: calc(var(--spacing)*3);
  margin-bottom: calc(var(--spacing)*3);
  width: 100%;
}
.redemption-submitted__continue-button--mobile {
  background: var(--color-secondary-button-bg);
  cursor: pointer;
  --tw-font-weight: var(--font-main-buttons-fw);
  font-weight: var(--font-main-buttons-fw);
  color: var(--color-button-text);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding-block: 3px;
  padding-inline: 18px;
}
@media (hover:hover) {
  .redemption-submitted__continue-button--mobile:hover {
    background-color: var(--color-may-green);
  }
}
.redemption-submitted__continue-button--mobile {
  width: 100%;
}
.footer {
  z-index: 10;
  padding-top: calc(var(--spacing)*5);
  font-family: var(--footer-element-text-ff);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
}
.footer__top {
  border-bottom-style: var(--tw-border-style);
  padding-block: calc(var(--spacing)*2);
  padding-bottom: calc(var(--spacing)*2);
  border-bottom-width: 1px;
  border-color: var(--color-footer-border);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .footer__top {
    padding-bottom: calc(var(--spacing)*9);
    flex-direction: column;
  }
}
.footer__actions {
  align-items: center;
  gap: calc(var(--spacing)*4);
  display: flex;
}
@media not all and (min-width:1025px) {
  .footer__actions {
    margin-top: calc(var(--spacing)*2.5);
    gap: calc(var(--spacing)*6);
    flex-direction: column-reverse;
  }
}
.footer__live-chat-button {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing)*3);
  border-style: var(--tw-border-style);
  width: fit-content;
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2);
  --tw-font-weight: var(--font-weight-extrabold);
  font-size: 18px;
  font-weight: var(--font-weight-extrabold);
  border-width: 2px;
  border-color: var(--color-footer-border);
  color: var(--color-footer-text);
  border-radius: 16px;
  display: flex;
  border-color: var(--footer-button-border-color) !important;
}
@media not all and (min-width:1025px) {
  .footer__live-chat-button {
    border-radius: 10px;
    margin: auto;
  }
}
.footer__chat-icon {
  color: var(--color-footer-text);
}
.footer__socials {
  gap: calc(var(--spacing)*4);
  display: flex;
}
@media not all and (min-width:1025px) {
  .footer__socials {
    gap: calc(var(--spacing)*6);
  }
}
.footer__responsible {
  border-bottom-style: var(--tw-border-style);
  padding-block: calc(var(--spacing)*9);
  border-bottom-width: 1px;
  border-color: var(--color-footer-border);
  justify-content: space-between;
  display: flex;
}
@media not all and (min-width:1025px) {
  .footer__responsible {
    gap: calc(var(--spacing)*5);
    flex-direction: column;
  }
  .footer__responsible-text {
    padding-inline: calc(var(--spacing)*3);
    text-align: center;
  }
}
.footer__responsible-heading {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 1px;
  letter-spacing: 1px;
}
@media not all and (min-width:1025px) {
  .footer__responsible-heading {
    font-size: var(--text-md);
    text-transform: uppercase;
  }
  .footer__responsible-description {
    margin-top: calc(var(--spacing)*2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.footer__responsible-actions {
  align-items: center;
  gap: calc(var(--spacing)*7);
  display: flex;
}
@media not all and (min-width:1025px) {
  .footer__responsible-actions {
    gap: calc(var(--spacing)*5);
    flex-direction: column;
  }
}
.footer__responsible-button {
  cursor: pointer;
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  border-width: 1px;
  border-color: var(--color-footer-border);
  color: var(--color-footer-text);
  border-radius: 16px;
  border-color: var(--footer-button-border-color) !important;
}
@media not all and (min-width:1025px) {
  .footer__responsible-button {
    border-radius: var(--radius-10);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.footer__button-text--desktop {
  font-family: var(--text-font-family);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
@media not all and (min-width:1025px) {
  .footer__button-text--desktop {
    display: none;
  }
}
.footer__button-text--mobile {
  display: none;
}
@media not all and (min-width:1025px) {
  .footer__button-text--mobile {
    display: block;
  }
}
.footer__age-restriction {
  height: calc(var(--spacing)*10);
  width: calc(var(--spacing)*10);
  border-style: var(--tw-border-style);
  --tw-font-weight: var(--font-weight-bold);
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  border-width: 1px;
  border-color: var(--color-footer-text);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.footer__legal {
  border-bottom-style: var(--tw-border-style);
  padding-top: calc(var(--spacing)*8);
  padding-bottom: calc(var(--spacing)*5);
  border-bottom-width: 1px;
  border-color: var(--color-footer-border);
  justify-content: space-between;
  gap: 100px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .footer__legal {
    gap: calc(var(--spacing)*9);
    flex-direction: column-reverse;
  }
}
.footer__legal-description {
  flex: 1;
  max-width: 998px;
}
.footer__legal-description p {
  opacity: .6;
  font-size: 14px;
}
@media not all and (min-width:1025px) {
  .footer__legal-description p {
    text-align: center;
  }
}
.footer__links {
  margin-right: calc(var(--spacing)*20);
  gap: calc(var(--spacing)*10);
  display: flex;
}
@media not all and (min-width:1025px) {
  .footer__links {
    margin-right: calc(var(--spacing)*0);
    gap: calc(var(--spacing)*1);
    text-align: center;
    flex-direction: column;
  }
}
.footer__link-group {
  gap: calc(var(--spacing)*3);
  flex-direction: column;
  display: flex;
}
@media not all and (min-width:1025px) {
  .footer__link-group {
    gap: calc(var(--spacing)*1) !important;
  }
}
.footer__link-group a {
  --tw-font-weight: var(--font-weight-medium);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}
.footer__bottom {
  padding-top: calc(var(--spacing)*6);
}
.footer__copyright {
  opacity: .6;
  font-size: 14px;
}
@media not all and (min-width:1025px) {
  .footer__copyright {
    text-align: center;
  }
}
.footer__trademark {
  margin-top: calc(var(--spacing)*4);
  font-size: 14px;
}
@media not all and (min-width:1025px) {
  .footer__trademark {
    margin-top: calc(var(--spacing)*12);
    text-align: center;
  }
  .verify-account {
    margin-inline: calc(var(--spacing)*2.5);
    margin-top: calc(var(--spacing)*3);
    text-align: center;
    min-height: calc(100vh - 166px);
  }
}
.verify-account__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .verify-account__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*8);
    line-height: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*8);
  }
}
.verify-account__subtitle {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .verify-account__subtitle {
    font-size: var(--text-md);
    margin-bottom: calc(var(--spacing)*5);
    padding-inline: calc(var(--spacing)*5);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
}
.verify-account__subtitle {
  font-family: var(--zero-balance-page-text-ff);
}
.verify-account__highlight {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
}
.verify-account__check-block {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*10);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*12);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  align-items: center;
  display: flex;
}
.verify-account__divider {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*5);
  border-top-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #ffffff80;
  border-top-width: 1px;
  width: 127px;
}
@supports (color:color-mix(in lab, red, red)) {
  .verify-account__divider {
    border-color: color-mix(in srgb, #fff50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)50%, transparent);
    }
  }
}
.verify-account__info-text {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*2);
  padding-inline: calc(var(--spacing)*7);
  color: var(--color-white);
}
@media not all and (min-width:1025px) {
  .verify-account__info-text {
    --tw-border-style: none;
    border-style: none;
  }
}
.verify-account__button {
  margin-top: calc(var(--spacing)*3);
  margin-bottom: calc(var(--spacing)*3);
  cursor: pointer;
}
.verify-account__button--primary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .verify-account__button--primary:hover {
    background-color: var(--color-persian-blue);
  }
}
.verify-account__button--secondary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .verify-account__button--secondary:hover {
    background-color: var(--color-may-green);
  }
}
@media not all and (min-width:1025px) {
  .verify-account__button--desktop {
    display: none;
  }
}
.verify-account__button--mobile {
  margin-top: calc(var(--spacing)*3);
  margin-bottom: calc(var(--spacing)*3);
  width: 100%;
  display: none;
}
@media not all and (min-width:1025px) {
  .verify-account__button--mobile {
    display: block;
  }
}
.verify-account__mobile-actions {
  bottom: calc(var(--spacing)*24);
  left: calc(var(--spacing)*0);
  width: 100%;
  padding-inline: calc(var(--spacing)*4);
  position: absolute;
}
.lending-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: var(--img-hero-desktop);
  position: relative;
  display: flex;
  min-height: 425px;
  align-items: center;
  overflow: hidden;
  border-radius: var(--radius-bg-bottom);
  padding-inline: calc(var(--spacing) * 22);
  padding-block: calc(var(--spacing) * 8);
}
@media not all and (min-width:1025px) {
  .lending-hero {
    padding: calc(var(--spacing)*0);
    background-image: var(--img-hero-mobile);
    padding-block: calc(var(--spacing)*10);
    border-radius: 0;
  }
}
.lending-hero__container {
  justify-content: center;
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  display: flex;
}
.lending-hero__container {
  justify-content: flex-start !important;
}
.lending-hero__content {
  text-align: center;
  width: 100%;
  max-width: 600px;
}
@media not all and (min-width:1025px) {
  .lending-hero__content {
    padding-inline: calc(var(--spacing)*5);
    margin-inline: auto;
    display: block;
  }
}
.lending-hero__content {
  text-align: start;
}
.lending-hero__subtitle-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (width < 1025px) {
  .lending-hero__subtitle-wrapper {
    align-items: center;
  }
}
.lending-hero__subtitle {
  font-size: 22px !important;
}
.lending-hero__title {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  font-size: 44.208px;
  font-family: var(--font-nexa-font-family, "Nexa", sans-serif);
  font-weight: 800;
}
@media not all and (min-width:1025px) {
  .lending-hero__title {
    text-align: center;
    font-size: 27px;
  }
}
.lending-hero__title {
  font-family: var(--font-primary);
  font-size: 62px !important;
  line-height: 68px;
  margin-bottom: 0.5rem;
}
@media (width < 1025px) {
  .lending-hero__title {
    font-size: 50px !important;
    bottom: 0% !important;
  }
}
.lending-hero__title {
  font-size: var(--lending-hero-title-size, 2rem);
  color: var(--lending-hero-title-color, currentColor);
  -webkit-text-fill-color: currentColor;
}
.lending-hero__subtitle {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  color: var(--color-white);
  align-items: center;
  gap: 12px;
  font-size: 40px;
  line-height: 60px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .lending-hero__subtitle {
    gap: calc(var(--spacing)*2);
    font-size: 30px;
    --tw-leading: unset !important;
    line-height: unset !important;
    justify-content: center !important;
  }
}
.lending-hero__subtitle {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}
@media not all and (min-width:1025px) {
  .lending-hero__subtitle {
    text-align: center;
  }
}
.lending-hero__subtitle--mt-1 {
  margin-top: calc(var(--spacing)*1);
}
.lending-hero__star-icon {
  width: 26px;
  height: 25px;
}
@media not all and (min-width:1025px) {
  .lending-hero__star-icon {
    width: 19px;
    height: 18px;
  }
}
.lending-hero__button-wrapper {
  margin-top: calc(var(--spacing)*6);
  display: flex;
}
@media not all and (min-width:1025px) {
  .lending-hero__button-wrapper {
    margin-bottom: calc(var(--spacing)*5);
  }
}
.lending-hero__button-wrapper {
  justify-content: center;
}
.lending-hero__button {
  display: flex !important;
  flex-direction: column;
  font-size: 38px !important;
  line-height: 48px;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.lending-hero__button {
  font-family: var(--font-primary) !important;
}
.lending-hero__button {
  border-radius: 10px !important;
  font-size: 1.125rem;
}
.lending-hero__button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-style: solid;
  border-width: 2px;
  border-color: var(--border-button-border);
  font-family: var(--font-nexa-font-family, "Nexa", sans-serif);
  border-radius: 15px;
  padding: 3px 18px;
  font-size: 36px;
  transition: all .2s ease-in;
}
.lending-hero__button:hover {
  background-color: var(--color-persian-blue);
}
@media (max-width:1025px) {
  .lending-hero__subtitle {
    font-size: 24px;
  }
  .lending-hero__button {
    display: none !important;
  }
}
.landing-games {
  padding-block: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .landing-games {
    padding-bottom: calc(var(--spacing)*0);
  }
}
.landing-games {
  background: var(--color-landing-nopurchase-bg);
}
.landing-games__container {
  max-width: 1366px;
  margin: 0 auto;
}
.landing-games__title {
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 70px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 70px;
  font-weight: var(--font-weight-black);
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
@media not all and (min-width:1025px) {
  .landing-games__title {
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.landing-games__subtitle {
  margin-top: calc(var(--spacing)*2);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .landing-games__subtitle {
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10);
  }
}
.landing-games__list {
  margin-top: calc(var(--spacing)*5);
  justify-content: center;
  gap: calc(var(--spacing)*5);
  display: flex;
  position: relative;
}
@media not all and (min-width:1600px) {
  .landing-games__list {
    gap: calc(var(--spacing)*2.5);
  }
}
@media not all and (min-width:1280px) {
  .landing-games__list {
    padding-left: calc(var(--spacing)*4);
    justify-content: flex-start;
  }
}
@media not all and (min-width:1025px) {
  .landing-games__list {
    justify-content: center;
    overflow-x: auto;
  }
}
@media not all and (min-width:768px) {
  .landing-games__list {
    justify-content: flex-start;
  }
}
.landing-games__light {
  top: calc(var(--spacing)*0);
  height: 100%;
  width: calc(var(--spacing)*12);
  position: absolute;
}
@media not all and (min-width:1025px) {
  .landing-games__light {
    display: none;
  }
}
.landing-games__light--left {
  left: calc(var(--spacing)*-12);
}
.landing-games__light--right {
  right: calc(var(--spacing)*-12);
}
.landing-games__game {
  border-radius: var(--radius-10);
  flex: none;
  width: 211px;
  height: 420px;
  position: relative;
  overflow: hidden;
}
@media not all and (min-width:1025px) {
  .landing-games__game {
    width: 125px;
    height: 222px;
  }
}
.landing-games__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.landing-games__status {
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 4px 0;
  display: flex;
  position: absolute;
  bottom: 0;
  box-shadow: 0 -4px 4px #00000040;
}
@media not all and (min-width:1025px) {
  .landing-games__status {
    padding: calc(var(--spacing)*0);
  }
}
.landing-games__status--popular {
  background-color: var(--color-ancient-gold);
}
.landing-games__status--new {
  background-color: var(--color-henkel-red);
}
.landing-games__status--exclusive {
  background-color: var(--color-persian-blue);
}
.landing-games__label {
  font-family: var(--text-font-family);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .landing-games__label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.landing-games__no-purchases {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--img-no-purchases);
  z-index: 2;
  padding: 22px 38px;
  position: relative;
}
@media not all and (min-width:1025px) {
  .landing-games__no-purchases {
    background-image: var(--img-no-purchases-mobile);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*4.5);
    text-align: center;
  }
}
.landing-games__no-purchases {
  margin-top: calc(var(--spacing)*10);
  border-radius: 20px;
}
@media not all and (min-width:1025px) {
  .landing-games__no-purchases {
    margin-top: calc(var(--spacing)*5);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.landing-games__no-purchases-title {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  font-size: 44.208px;
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
@media not all and (min-width:1025px) {
  .landing-games__no-purchases-title {
    font-size: 27px !important;
  }
}
.landing-games__no-purchases-title {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.landing-games__no-purchases-highlight {
  color: var(--color-white);
}
.landing-games__no-purchases-subtitle {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  color: var(--color-white);
  align-items: center;
  gap: 12px;
  font-size: 40.901px;
  line-height: 60px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .landing-games__no-purchases-subtitle {
    gap: calc(var(--spacing)*2);
    font-size: 25px;
    --tw-leading: unset !important;
    line-height: unset !important;
    justify-content: center !important;
  }
}
.landing-games__no-purchases-subtitle {
  font-family: var(--lending-page-text-ff);
}
.landing-games__star {
  width: 26px;
  height: 25px;
}
@media not all and (min-width:1025px) {
  .landing-games__star {
    width: 19px;
    height: 18px;
  }
}
.landing-provider {
  padding-block: calc(var(--spacing)*5);
  background: var(--color-landing-providers-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media not all and (min-width:1280px) {
  .landing-provider {
    padding-inline: calc(var(--spacing)*4);
  }
}
@media not all and (min-width:1025px) {
  .landing-provider {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }
}
.landing-providers__container {
  max-width: 1366px;
  margin: 0 auto;
}
.landing-providers__title {
  font-family: var(--font-secondary);
  text-align: center;
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .landing-providers__title {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    --tw-leading: calc(var(--spacing)*10) !important;
    line-height: calc(var(--spacing)*10) !important;
    margin-bottom: calc(var(--spacing) * 5);
  }
}
.landing-providers__title-highlight {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.landing-providers__companies {
  margin-top: calc(var(--spacing)*4);
  position: relative;
}
@media not all and (min-width:1025px) {
  .landing-providers__companies {
    margin-top: 0;
  }
}
.landing-providers__light {
  top: calc(var(--spacing)*0);
  height: 100%;
  width: calc(var(--spacing)*12);
  position: absolute;
}
@media not all and (min-width:1025px) {
  .landing-providers__light {
    display: none;
  }
}
.landing-providers__light--left {
  left: calc(var(--spacing)*-12);
}
.landing-providers__light--right {
  right: calc(var(--spacing)*-12);
}
.landing-providers__company {
  display: flex;
  align-items: center;
  border-radius: var(--radius-10);
  padding-inline: calc(var(--spacing)*8);
  padding-block: calc(var(--spacing)*7);
  height: 110px;
}
@media not all and (min-width:1280px) {
  .landing-providers__company {
    padding-inline: calc(var(--spacing)*7);
    padding-block: calc(var(--spacing)*3);
    height: 80px;
  }
}
.landing-providers__company {
  background: var(--color-company-card-bg);
}
.landing-providers__company-img {
  width: 100%;
  height: auto;
}
.landing-usp {
  padding: calc(var(--spacing)*9);
}
@media not all and (min-width:1025px) {
  .landing-usp {
    padding-bottom: calc(var(--spacing)*8);
  }
}
.landing-usp {
  background: var(--color-landing-why-bg);
}
.landing-usp__title {
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 70px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 70px;
  font-weight: var(--font-weight-black);
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
@media not all and (min-width:1025px) {
  .landing-usp__title {
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.landing-usp__subtitle {
  font-family: var(--font-secondary);
  margin-top: calc(var(--spacing)*2);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .landing-usp__subtitle {
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10);
  }
}
.landing-usp__list {
  margin-inline: auto;
  margin-top: calc(var(--spacing)*5);
  justify-content: center;
  gap: calc(var(--spacing)*5);
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  display: flex;
}
.landing-usp__item {
  background-color: var(--section-bg-color);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  max-width: 565px;
  padding: 50px 33px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .landing-usp__item {
    padding: calc(var(--spacing)*0);
  }
}
.landing-usp__icon {
  margin-bottom: calc(var(--spacing)*5);
  max-height: calc(var(--spacing)*24);
  max-width: calc(var(--spacing)*24);
  justify-content: center;
  align-items: center;
  display: flex;
}
.landing-usp__image {
  object-fit: cover;
}
.landing-usp__item-title {
  -webkit-text-fill-color: unset;
  max-width: 339px;
  min-height: 16px;
  font-family: var(--font-nexa);
  --tw-leading: calc(var(--spacing)*9);
  line-height: calc(var(--spacing)*9);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  flex-direction: column;
  justify-content: center;
  margin-inline: auto;
  color: var(--section-title-color) !important;
}
@media not all and (min-width:1025px) {
  .landing-usp__item-title {
    min-height: calc(var(--spacing)*5);
    max-width: 100%;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.landing-usp__item-title {
  margin-bottom: calc(var(--spacing)*0);
  text-align: center;
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.landing-usp__item-description {
  text-align: center;
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  font-family: var(--lending-page-text-ff);
  letter-spacing: var(--services-text-tracking);
}
.landing-usp__cta {
  justify-content: center;
  display: flex;
}
.landing-usp__cta-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .landing-usp__cta-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.landing-usp__cta-button {
  margin-top: calc(var(--spacing)*10);
}
@media not all and (min-width:1025px) {
  .landing-usp__cta-button {
    margin-top: calc(var(--spacing)*5);
  }
}
.landing-top-pick {
  margin-top: calc(var(--spacing)*-4);
  border-radius: var(--radius-bg);
  padding: calc(var(--spacing)*5);
  position: relative;
}
@media not all and (min-width:1025px) {
  .landing-top-pick {
    padding: calc(var(--spacing)*4);
  }
}
.landing-top-pick {
  background: var(--color-landing-top-pick-bg);
}
.landing-top-pick__container {
  background-image: var(--img-top-pick);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 1366px;
  margin: 0 auto;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__container {
    background-image: none;
  }
}
.landing-top-pick__container {
  border-radius: var(--radius-10);
  padding-block: calc(var(--spacing)*14);
  position: relative;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__container {
    padding-block: calc(var(--spacing)*0);
  }
}
.landing-top-pick__light-left {
  top: calc(var(--spacing)*0);
  left: calc(var(--spacing)*-12);
  height: 100%;
  width: calc(var(--spacing)*12);
  position: absolute;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__light-left {
    display: none;
  }
}
.landing-top-pick__light-right {
  top: calc(var(--spacing)*0);
  right: calc(var(--spacing)*-12);
  height: 100%;
  width: calc(var(--spacing)*12);
  position: absolute;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__light-right {
    display: none;
  }
}
.landing-top-pick__image-mobile {
  height: 100%;
  display: none;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__image-mobile {
    display: block;
  }
}
.landing-top-pick__wrapper {
  margin-left: calc(var(--spacing)*12);
  text-align: center;
  width: 100%;
  max-width: 400px !important;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__wrapper {
    margin-left: calc(var(--spacing)*0);
  }
}
.landing-top-pick__content {
  width: 100%;
  top: 6%;
  left: 50%;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__content {
    --tw-translate-x: calc(calc(1/2*100%)*-1);
    max-width: 400px;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
    position: absolute;
    top: 5%;
  }
}
.landing-top-pick__title {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  --tw-font-weight: var(--font-weight-extrabold);
  font-size: 44.208px;
  font-weight: var(--font-weight-extrabold);
}
@media not all and (min-width:1025px) {
  .landing-top-pick__title {
    font-size: 27px !important;
  }
}
.landing-top-pick__title {
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
  color: var(--color-bright-yellow) !important;
  font-size: 32px !important;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__title {
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
}
.landing-top-pick__title {
  -webkit-text-fill-color: currentColor;
}
.landing-top-pick__logo-wrapper {
  margin-top: calc(var(--spacing)*6);
  margin-bottom: calc(var(--spacing)*-2);
  justify-content: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__logo-wrapper {
    margin-top: calc(var(--spacing)*3);
    margin-bottom: calc(var(--spacing)*0);
  }
}
.landing-top-pick__logo-desktop {
  width: 390px;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__logo-desktop {
    display: none;
  }
}
.landing-top-pick__logo-mobile {
  display: none;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__logo-mobile {
    display: block;
  }
}
.landing-top-pick__subtitle {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  font-family: var(--lending-page-text-ff);
  color: var(--color-white);
  align-items: center;
  gap: 12px;
  font-size: 40.901px;
  line-height: 60px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__subtitle {
    gap: calc(var(--spacing)*2);
    font-size: 30px;
    --tw-leading: unset !important;
    line-height: unset !important;
    justify-content: center !important;
  }
}
.landing-top-pick__subtitle {
  margin-top: calc(var(--spacing)*2);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .landing-top-pick__subtitle {
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10);
  }
}
.landing-top-pick__subtitle {
  padding-inline: calc(var(--spacing)*6);
  justify-content: center;
  --tw-leading: calc(var(--spacing)*7) !important;
  font-size: 30px !important;
  line-height: calc(var(--spacing)*7) !important;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__subtitle {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    --tw-leading: calc(var(--spacing)*6) !important;
    line-height: calc(var(--spacing)*6) !important;
  }
}
.landing-top-pick__button {
  margin-top: calc(var(--spacing)*2);
  margin-top: calc(var(--spacing)*16);
  text-align: center;
  width: 100%;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  justify-content: center;
  display: flex;
  bottom: 10%;
  left: 50%;
}
@media not all and (min-width:1025px) {
  .landing-top-pick__button {
    margin-top: calc(var(--spacing)*74);
    --tw-translate-x: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y);
    transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10);
    position: absolute;
  }
}
.landing-top-pick__cta {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .landing-top-pick__cta:hover {
    background-color: var(--color-persian-blue);
  }
}
.landing-top-pick__cta:disabled {
  opacity: .8;
  background-color: var(--color-may-green);
}
.landing-feedback {
  background: var(--color-landing-testimonials-bg);
  padding-block: calc(var(--spacing)*5);
  padding-bottom: calc(var(--spacing)*9);
}
.landing-feedback__container {
  max-width: 1366px;
  margin: 0 auto;
}
.landing-feedback__title {
  padding-inline: calc(var(--spacing)*6);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 70px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 70px;
  font-weight: var(--font-weight-black);
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
@media not all and (min-width:1025px) {
  .landing-feedback__title {
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.landing-feedback__subtitle {
  font-family: var(--font-secondary);
  padding-inline: calc(var(--spacing)*6);
  margin-top: calc(var(--spacing)*2);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .landing-feedback__subtitle {
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10);
  }
}
.landing-feedback__content {
  font-family: var(--font-secondary);
  margin-inline: auto;
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*10);
  position: relative;
}
@media not all and (min-width:1025px) {
  .landing-feedback__content {
    margin-inline: calc(var(--spacing)*4);
    padding-bottom: calc(var(--spacing)*14);
  }
}
.landing-feedback__reviews {
  gap: calc(var(--spacing)*20);
  padding-inline: calc(var(--spacing)*32);
  display: flex;
}
@media not all and (min-width:1025px) {
  .landing-feedback__reviews {
    padding-inline: calc(var(--spacing)*7);
    flex-direction: column;
  }
}
.landing-feedback__review {
  text-align: center;
}
.landing-feedback__review-name {
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.landing-feedback__review-location {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
  --tw-font-weight: var(--lending-page-text-ff);
  font-weight: var(--lending-page-text-ff);
}
.landing-feedback__review-text {
  margin-block: calc(var(--spacing)*7);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: .1em;
  letter-spacing: .1em;
  --tw-font-weight: var(--lending-page-text-ff);
  font-weight: var(--lending-page-text-ff);
}
@media not all and (min-width:1025px) {
  .landing-feedback__review-text {
    margin-block: calc(var(--spacing)*5);
  }
}
.landing-feedback__review-favorite-games {
  flex-direction: column;
  align-items: center;
}
@media not all and (min-width:1025px) {
  .landing-feedback__review-favorite-games {
    display: flex;
  }
}
.landing-feedback__review-favorite-games {
  --tw-font-weight: var(--lending-page-text-ff);
  font-weight: var(--lending-page-text-ff);
}
.landing-feedback__highlighted {
  color: var(--color-bright-yellow);
  text-underline-offset: 2px;
  -webkit-text-fill-color: currentColor;
  text-decoration-line: underline;
}
.landing-feedback__review-stars {
  margin-top: calc(var(--spacing)*3);
  justify-content: center;
  gap: calc(var(--spacing)*2.5);
  display: flex;
}
@media not all and (min-width:1025px) {
  .landing-feedback__review-stars {
    margin-top: calc(var(--spacing)*1);
  }
}
.landing-feedback__star {
  color: var(--color-bright-yellow);
}
@media not all and (min-width:1025px) {
  .landing-feedback__arrows {
    display: none;
  }
}
.landing-feedback__arrows {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.landing-feedback__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.landing-feedback__arrow--left {
  left: 4rem;
}
.landing-feedback__arrow--right {
  right: 4rem;
}
.landing-feedback__arrow-icon {
  color: var(--color-icon-arrow);
}
.landing-feedback__pagination-wrapper {
  justify-content: center;
  gap: calc(var(--spacing)*2);
  display: flex;
}
.landing-feedback__pagination {
  height: calc(var(--spacing)*3);
  width: calc(var(--spacing)*3);
  background-color: var(--color-gray-400);
  cursor: pointer;
  background: var(--pagination-bg);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  width: 23px;
  height: 23px;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 3.40282e38px;
}
.landing-feedback__pagination:hover {
  background: var(--pagination-active-bg);
}
.landing-feedback__pagination--active {
  border: 2px solid var(--pagination-active-border);
  background: var(--pagination-active-bg);
  background-color: var(--color-gray-700);
  border-radius: 3.40282e38px;
}
.landing-coins {
  margin-top: calc(var(--spacing)*-4);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*32);
  padding-block: calc(var(--spacing)*10);
  padding-bottom: calc(var(--spacing)*14);
  background: var(--claim-coins-bg);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  position: relative;
}
@media not all and (min-width:1025px) {
  .landing-coins {
    gap: calc(var(--spacing)*10);
    padding-inline: calc(var(--spacing)*6);
    flex-direction: column;
  }
}
.landing-coins__content {
  margin-top: calc(var(--spacing)*0);
  margin-left: calc(var(--spacing)*11);
  font-family: var(--lending-page-text-ff);
}
@media not all and (min-width:1025px) {
  .landing-coins__content {
    margin: calc(var(--spacing)*0);
    text-align: center;
  }
}
.landing-coins__title {
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 70px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 70px;
  font-weight: var(--font-weight-black);
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
@media not all and (min-width:1025px) {
  .landing-coins__title {
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.landing-coins__title {
  text-align: left;
}
@media not all and (min-width:1025px) {
  .landing-coins__title {
    text-align: center;
  }
}
.landing-coins__title--highlight {
  color: var(--color-white);
}
.landing-coins__subtitle {
  margin-block: calc(var(--spacing)*4);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .landing-coins__subtitle {
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10);
  }
}
.landing-coins__subtitle {
  text-align: left;
}
@media not all and (min-width:1025px) {
  .landing-coins__subtitle {
    margin-top: calc(var(--spacing)*-1.5);
    margin-bottom: calc(var(--spacing)*3);
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.landing-coins__text {
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
.landing-coins__text--first {
  margin-top: calc(var(--spacing)*4);
  --tw-leading: calc(var(--spacing)*7);
  max-width: 793px;
  line-height: calc(var(--spacing)*7);
}
@media not all and (min-width:1025px) {
  .landing-coins__text--first {
    margin-top: calc(var(--spacing)*0);
  }
}
.landing-coins__text--second {
  margin-top: calc(var(--spacing)*3);
  margin-bottom: calc(var(--spacing)*4);
}
.landing-coins__text--highlight {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
}
.landing-coins__button {
  display: block;
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .landing-coins__button:hover {
    background-color: var(--color-persian-blue);
  }
}
.landing-coins__button {
  width: fit-content;
}
@media not all and (min-width:1025px) {
  .landing-coins__button {
    margin-inline: auto;
  }
}
.landing-coins__image-wrapper {
  justify-content: center;
  display: flex;
}
.landing-coins__image {
  max-height: 500px;
}
.landing-header__sticky {
  bottom: calc(var(--spacing)*0);
  z-index: 50;
  margin-top: calc(var(--spacing)*-21.5);
  justify-content: center;
  gap: calc(var(--spacing)*2.5);
  padding-block: calc(var(--spacing)*5);
  display: none;
  position: sticky;
}
@media not all and (min-width:1025px) {
  .landing-header__sticky {
    display: flex;
  }
}
.landing-header__sticky {
  background-color: #363636cc;
}
@supports (color:color-mix(in lab, red, red)) {
  .landing-header__sticky {
    background-color: color-mix(in srgb, #26275280%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rb-tier-2)80%, transparent);
    }
  }
}
.landing-header__sticky-button {
  width: fit-content;
}
.landing-header__sticky-button--primary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .landing-header__sticky-button--primary:hover {
    background-color: var(--color-persian-blue);
  }
}
.landing-header__sticky-button--secondary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .landing-header__sticky-button--secondary:hover {
    background-color: var(--color-may-green);
  }
}
.landing-header {
  background: var(--color-header-bg);
  height: 88px;
  padding-right: calc(var(--spacing)*5);
  padding-left: calc(var(--spacing)*2.5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .landing-header {
    justify-content: center;
  }
}
.landing-header__nav-list {
  align-items: center;
  gap: calc(var(--spacing)*6);
  display: flex;
}
.landing-header__nav-list {
  display: none;
}
@media not all and (min-width:1025px) {
  .landing-header__nav-list {
    display: none;
  }
}
.landing-header__nav-link {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.landing-header__actions {
  gap: calc(var(--spacing)*5);
  display: flex;
}
@media not all and (min-width:1025px) {
  .landing-header__actions {
    display: none;
  }
}
.landing-header__signup-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .landing-header__signup-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.landing-header__signup-button {
  color: var(--color-header-button-text) !important;
}
.landing-header__login-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .landing-header__login-button:hover {
    background-color: var(--color-may-green);
  }
}
.landing-header__login-button {
  background-color: var(--color-header-login-button-bg) !important;
  color: var(--color-header-button-text) !important;
}
.geo {
  padding-inline: calc(var(--spacing)*9);
  padding-top: calc(var(--spacing)*9);
}
@media not all and (min-width:1025px) {
  .geo {
    min-height: calc(100vh - 166px);
    padding-inline: calc(var(--spacing)*4);
    padding-top: calc(var(--spacing)*4);
  }
}
.geo__card {
  border-radius: var(--radius-10);
  padding-block: calc(var(--spacing)*12);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: var(--color-rb-tier-2);
  flex-direction: column;
  align-items: center;
  display: flex;
}
.geo__title {
  margin-top: calc(var(--spacing)*7);
  text-align: center;
  color: var(--color-rose-red);
  font-size: 34px;
  font-weight: 500;
}
.geo__divider {
  border-top: 1px dashed #ffffff80;
  width: 127px;
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.geo__description {
  width: 529px;
  padding-top: calc(var(--spacing)*5);
  text-align: center;
  font-family: var(--font-secondary);
  --tw-leading: normal;
  --tw-font-weight: var(--font-weight-normal);
  line-height: normal;
  font-weight: var(--font-weight-normal);
}
@media not all and (min-width:1025px) {
  .geo__description {
    width: 285px;
  }
}
.app-header {
  width: 100%;
  padding-block: calc(var(--spacing)*1);
  padding-right: calc(var(--spacing)*1);
  padding-left: calc(var(--spacing)*4);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.app-header.app-header--screen {
  padding-right: calc(var(--spacing)*4);
  padding-left: calc(var(--spacing)*4);
}
@media not all and (min-width:1025px) {
  .app-header {
    padding-right: calc(var(--spacing)*4);
  }
}
.app-header {
  background: var(--color-app-header-bg);
  font-family: var(--header-element-text-ff);
}
.app-header__logo-desktop {
  padding: calc(var(--spacing)*1);
  justify-content: center;
  display: flex;
}
.app-header__logo {
  height: calc(var(--spacing)*16);
}
@media (max-width:1025px) {
  .app-header__logo-desktop {
    display: none;
  }
}
.app-header__logo-mobile {
  display: none;
}
@media not all and (min-width:1025px) {
  .app-header__logo-mobile {
    display: block;
  }
}
.app-header__logo-mobile img {
  max-width: 75px;
}
.app-header__loyalty {
  align-items: center;
  gap: calc(var(--spacing)*2);
  border-radius: var(--radius-10);
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2.5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: flex;
}
@media not all and (min-width:1025px) {
  .app-header__loyalty {
    display: none;
  }
}
.app-header__loyalty {
  background-color: var(--color-header-items-bg);
}
.app-header__loyalty-icon {
  max-height: calc(var(--spacing)*10);
  max-width: calc(var(--spacing)*10);
}
.app-header__loyalty-points {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.app-header__search-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 498px;
}
@media not all and (min-width:1025px) {
  .app-header__search-wrapper {
    z-index: 2;
    width: 100%;
    max-width: 100%;
    padding-block: .25rem;
    padding-inline: .75rem;
    display: none;
    position: absolute;
    top: 63px;
    left: 0;
    background: var(--color-app-header-bg);
  }
}
@media not all and (min-width:1441px) {
  .app-header--screen .app-header__search-wrapper {
    width: unset;
    flex-grow: 1;
  }
}
.app-header__search {
  align-items: center;
  gap: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  width: 100%;
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*5);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: flex;
}
.app-header__search {
  background-color: var(--color-header-items-bg);
}
.app-header__search-input {
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  width: 100%;
}
.app-header__search-modal {
  overflow: hidden;
  padding: calc(var(--spacing)* 5);
  background-color: var(--color-header-items-bg);
  max-width: 498px;
  width: 100%;
}
@media not all and (min-width:1025px) {
  .app-header__search-modal {
    max-width: calc(100% - var(--spacing)* 6);
    margin-inline: calc(var(--spacing)* 3);
  }
}
.app-header__controls {
  align-items: stretch;
  gap: calc(var(--spacing)*4);
  display: flex;
}
@media not all and (min-width:1025px) {
  .app-header__info-button {
    display: none;
  }
}
.app-header__wallet {
  align-items: center;
  gap: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  padding: calc(var(--spacing)*2);
  background-color: var(--color-header-items-bg);
  display: flex;
}
.app-header__gc-switch {
  align-items: center;
  gap: calc(var(--spacing)*2.5);
  height: 100%;
  display: flex;
}
.app-header__switcher {
  height: calc(var(--spacing)*12);
  width: calc(var(--spacing)*6.5);
  cursor: pointer;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  border-radius: 8px;
  transition-duration: .3s;
  position: relative;
}
@media not all and (min-width:1025px) {
  .app-header__switcher {
    height: calc(var(--spacing)*7);
    width: calc(var(--spacing)*4);
    border-radius: 5px;
  }
}
.app-header__switcher {
  background-color: var(--color-rb-tier-3);
}
.app-header__switcher-toggle {
  left: calc(var(--spacing)*.5);
  height: calc(var(--spacing)*4.75);
  width: calc(var(--spacing)*5.5);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  border-radius: 7px;
  transition-duration: .3s;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .app-header__switcher-toggle {
    left: calc(var(--spacing)*.25);
    height: calc(var(--spacing)*3);
    width: calc(var(--spacing)*3.5);
    border-radius: 5px;
  }
}
.app-header__switcher-toggle {
  background: var(--color-header-switcher-bg);
}
.app-header__switcher-toggle--on {
  top: calc(var(--spacing)*.5);
}
@media not all and (min-width:1025px) {
  .app-header__switcher-toggle--on {
    top: calc(var(--spacing)*.25);
  }
}
.app-header__switcher-toggle--off {
  top: calc(var(--spacing)*6.75);
}
@media not all and (min-width:1025px) {
  .app-header__switcher-toggle--off {
    top: calc(var(--spacing)*3.75);
  }
}
.app-header__gc {
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
}
@media not all and (min-width:1025px) {
  .app-header__gc {
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
    font-size: var(--text-md) !important;
  }
}
.app-header__gc {
  font-family: var(--font-numbers);
}
.app-header__sc {
  opacity: .6;
}
@media not all and (min-width:1025px) {
  .app-header__sc {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
}
.app-header__sc {
  font-family: var(--font-numbers);
}
.app-header__shop {
  height: 100%;
}
.app-header__shop-button {
  background-image: var(--img-shop-button);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-black);
  background-position: 50%;
  border-width: 2px;
  border-color: #faa61a;
  align-self: stretch;
  height: 100%;
  padding: 5px 10px;
  display: flex;
  font-size: var(--text-md) !important;
}
.app-header__burger {
  display: none;
}
@media not all and (min-width:1025px) {
  .app-header__burger {
    display: block;
  }
}
.app-header__menu {
  top: calc(var(--spacing)*0);
  right: calc(var(--spacing)*0);
  z-index: 60;
  width: 100%;
  height: 100%;
  padding-inline: calc(var(--spacing)*7);
  background-color: var(--color-rb-tier-3);
  justify-content: center;
  position: absolute;
  overflow-y: auto;
}
.app-header__menu-content {
  width: 100%;
}
.app-header__menu-close {
  top: calc(var(--spacing)*5);
  right: calc(var(--spacing)*5);
  z-index: 10;
  position: absolute;
}
.alt-login {
  position: relative;
}
@media not all and (min-width:1025px) {
  .alt-login {
    padding-inline: calc(var(--spacing)*4);
  }
}
.alt-login__modal-overlay {
  top: calc(var(--spacing)*-8);
  left: calc(var(--spacing)*-9);
  z-index: 90;
  background-color: #000000b3;
  justify-content: center;
  width: calc(100% + 72px);
  height: calc(100% + 64px);
  display: flex;
  position: absolute;
}
@supports (color:color-mix(in lab, red, red)) {
  .alt-login__modal-overlay {
    background-color: color-mix(in srgb, #00070%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black)70%, transparent);
    }
  }
}
.alt-login__modal-content {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  width: 100%;
  max-width: 695px;
  height: fit-content;
  padding: calc(var(--spacing)*5);
  background: var(--color-rb-tier-2);
  border-radius: 10px;
  position: relative;
  top: 14.2857%;
}
.alt-login__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .alt-login__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.alt-login__title {
  margin-bottom: calc(var(--spacing)*4);
}
@media not all and (min-width:1025px) {
  .alt-login__title {
    margin-bottom: calc(var(--spacing)*0);
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    --tw-leading: calc(var(--spacing)*9);
    line-height: calc(var(--spacing)*9);
  }
}
.alt-login__title-highlight {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
}
.alt-login__subtitle {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .alt-login__subtitle {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.alt-login__subtitle {
  margin-bottom: calc(var(--spacing)*4);
}
@media not all and (min-width:1025px) {
  .alt-login__subtitle {
    margin-bottom: calc(var(--spacing)*0);
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    --tw-leading: calc(var(--spacing)*9);
    line-height: calc(var(--spacing)*9);
  }
}
.alt-login__section {
  background-color: var(--color-rb-tier-2);
  padding: calc(var(--spacing)*5);
  border-radius: 10px;
}
.alt-login__section--steps {
  margin-top: calc(var(--spacing)*6);
}
@media not all and (min-width:1025px) {
  .alt-login__section--steps {
    margin-top: calc(var(--spacing)*2);
    text-align: center;
  }
}
.alt-login__section--steps {
  font-family: var(--text-font-family);
}
.alt-login__step-title {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-bright-yellow);
}
.alt-login__step-description {
  margin-top: calc(var(--spacing)*1);
  margin-bottom: calc(var(--spacing)*2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: .01em;
  letter-spacing: .01em;
}
@media not all and (min-width:1025px) {
  .alt-login__step-description {
    padding-inline: calc(var(--spacing)*2);
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7);
  }
}
.alt-login__verify-wrapper {
  margin-top: calc(var(--spacing)*6);
}
.redeem__button--unverified, .alt-login__unverified-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
  font-weight: var(--font-main-buttons-fw) !important;
  width: fit-content;
}
@media (hover:hover) {
  :is(.redeem__button--unverified, .alt-login__unverified-button):hover {
    background-color: var(--color-persian-blue);
  }
}
.redeem__button--unverified, .alt-login__unverified-button {
  align-items: center;
  gap: calc(var(--spacing)*2);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing)*2);
  padding-block: calc(var(--spacing)*1);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-width: 2px;
  border-radius: 10px;
  display: flex;
}
.alt-login__unverified-text {
  text-align: center;
}
@media not all and (min-width:1025px) {
  .redeem__button--unverified, .alt-login__unverified-button {
    display: none;
  }
}
.redeem__button--unverified, .alt-login__unverified-button {
  font-family: var(--unverified-button-text-ff);
  font-weight: var(--unverified-button-text-fw);
  color: var(--unverified-button-color);
  background: var(--unverified-button-bg);
  border-color: var(--unverified-button-bd-color);
  border-width: var(--unverified-button-bd-width);
}
a.alt-login__unverified-button:hover {
  color: var(--unverified-button-color);
}
:is(.redeem__button--unverified, .alt-login__unverified-button) > * {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
:is(.redeem__button--unverified, .alt-login__unverified-button) svg path {
  fill: var(--unverified-button-color);
}
.redeem__button--verified, .alt-login__verify-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
  font-weight: var(--font-main-buttons-fw) !important;
}
@media (hover:hover) {
  :is(.redeem__button--verified, .alt-login__verify-button):hover {
    background-color: var(--color-persian-blue);
  }
}
.redeem__button--verified, .alt-login__verify-button {
  align-items: center;
  gap: calc(var(--spacing)*2);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing)*2);
  padding-block: calc(var(--spacing)*1);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-width: 2px;
  border-radius: 10px;
  display: flex;
}
.alt-login__verify-button--mobile {
  justify-content: center;
  width: 100%;
  display: none;
}
@media not all and (min-width:1025px) {
  .alt-login__verify-button--mobile {
    display: flex;
  }
}
.alt-login__verify-button--desktop {
  justify-content: center;
  width: fit-content;
  display: flex;
}
@media not all and (min-width:1025px) {
  .alt-login__verify-button--desktop {
    display: none;
  }
}
.alt-login__verify-text {
  color: inherit;
  -webkit-text-fill-color: currentColor;
  --tw-leading: calc(var(--spacing)*8);
  line-height: calc(var(--spacing)*8);
  --tw-tracking: .01em;
  letter-spacing: .01em;
  background: 0 0;
  font-weight: inherit !important;
}
.alt-login__verified-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .alt-login__verified-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.alt-login__verified-button {
  margin-top: calc(var(--spacing)*6);
  align-items: center;
  gap: calc(var(--spacing)*2);
  display: flex;
}
@media not all and (min-width:1025px) {
  .alt-login__verified-button {
    display: none;
  }
}
.alt-login__verified-button--mobile {
  margin-top: calc(var(--spacing)*5);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*2);
  width: 100%;
  display: none;
}
@media not all and (min-width:1025px) {
  .alt-login__verified-button--mobile {
    display: flex;
  }
}
.alt-login__section--generate {
  margin-top: calc(var(--spacing)*6);
}
@media not all and (min-width:1025px) {
  .alt-login__section--generate {
    margin-top: calc(var(--spacing)*5);
    text-align: center;
  }
}
.alt-login__section--generate {
  font-family: var(--text-font-family);
}
.alt-login__get-code-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-get-code-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .alt-login__get-code-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.alt-login__get-code-button {
  margin-block: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .alt-login__get-code-button {
    display: none;
  }
}
.alt-login__get-code-button--mobile {
  margin-block: calc(var(--spacing)*5);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*2);
  width: 100%;
  display: none;
}
@media not all and (min-width:1025px) {
  .alt-login__get-code-button--mobile {
    display: flex;
  }
}
.alt-login__rules-link {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
  text-decoration-line: underline;
  display: inline;
}
.alt-login__form-mobile {
  display: none;
}
@media not all and (min-width:1025px) {
  .alt-login__form-mobile {
    display: block;
  }
}
.alt-login__select-wrapper {
  margin-block: calc(var(--spacing)*2.5);
}
.alt-login__code-box {
  border-radius: 10px;
  overflow: hidden;
}
.alt-login__code-toggle {
  font-family: var(--font-numbers);
  background-color: var(--color-rb-tier-3);
  width: 100%;
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: .01em;
  letter-spacing: .01em;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.alt-login__code-info {
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*1.5);
  padding-right: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*6);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.alt-login__code-label {
  --tw-tracking: .01em;
  letter-spacing: .01em;
  font-size: 18px;
}
.alt-login__code-value {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: .01em;
  letter-spacing: .01em;
}
.alt-login__code-row {
  margin-top: calc(var(--spacing)*2.5);
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*1.5);
  padding-right: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*6);
  border-radius: 10px;
}
.alt-login__table-desktop {
  margin-top: calc(var(--spacing)*7);
  border-radius: 10px;
  overflow: hidden;
}
@media not all and (min-width:1025px) {
  .alt-login__table-desktop {
    display: none;
  }
}
.alt-login__table-header {
  font-family: var(--font-numbers);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*10);
  padding-block: calc(var(--spacing)*3.5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: .01em;
  letter-spacing: .01em;
  grid-template-columns: minmax(0, 240px) minmax(0, 173px) minmax(0, 280px) minmax(0, 420px) minmax(0, 270px);
  display: grid;
}
.alt-login__table-row {
  font-family: var(--font-numbers);
  padding-inline: calc(var(--spacing)*10);
  padding-block: calc(var(--spacing)*1);
  --tw-tracking: .01em;
  letter-spacing: .01em;
  grid-template-columns: minmax(0, 240px) minmax(0, 173px) minmax(0, 280px) minmax(0, 420px) minmax(0, 270px);
  font-size: 18px;
  display: grid;
}
.alt-login__table-row:nth-child(2n) {
  background: var(--color-table-row-even-bg);
}
.alt-login__table-row:nth-child(odd) {
  background-color: var(--color-rb-tier-2);
}
.alt-login__pagination {
  margin-block: calc(var(--spacing)*4);
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*2.5);
  padding-right: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*10);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .alt-login__pagination {
    margin-bottom: calc(var(--spacing)*7);
    padding-inline: calc(var(--spacing)*2.5);
  }
}
.alt-login__pagination-info {
  align-items: center;
  gap: calc(var(--spacing)*4);
  display: flex;
}
@media not all and (min-width:1025px) {
  .alt-login__pagination-info {
    display: none;
  }
}
.alt-login__pagination-select {
  align-items: center;
  gap: calc(var(--spacing)*2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: .01em;
  letter-spacing: .01em;
  font-family: var(--text-font-family);
  display: flex;
}
.alt-login__pagination-dropdown {
  appearance: none;
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  background-color: var(--color-rb-tier-3);
  padding-inline: calc(var(--spacing)*2.5);
  padding-block: calc(var(--spacing)*1);
  padding-right: calc(var(--spacing)*8);
  --tw-outline-style: none;
  border-radius: 5px;
  outline-style: none;
  display: flex;
  position: relative;
}
.alt-login__pagination-icon {
  pointer-events: none;
  inset-block: calc(var(--spacing)*0);
  right: calc(var(--spacing)*2);
  align-items: center;
  display: flex;
  position: absolute;
}
.alt-login__pagination-status {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: .01em;
  letter-spacing: .01em;
  opacity: .5;
  font-family: var(--text-font-family);
}
.alt-login__pagination-controls {
  align-items: center;
  gap: calc(var(--spacing)*2.5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: .01em;
  letter-spacing: .01em;
  display: flex;
}
@media not all and (min-width:1025px) {
  .alt-login__pagination-controls {
    justify-content: space-between;
    width: 100%;
  }
}
.alt-login__pagination-page {
  opacity: .5;
}
@media not all and (min-width:1025px) {
  .alt-login__pagination-page {
    display: none;
  }
}
.alt-login__pagination-page--mobile {
  display: none;
}
@media not all and (min-width:1025px) {
  .alt-login__pagination-page--mobile {
    display: block;
  }
}
.verify-account-dialog {
  flex-direction: column;
  display: flex;
}
.verify-account-dialog__title {
  margin-bottom: calc(var(--spacing)*4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
@media not all and (min-width:1025px) {
  .verify-account-dialog__title {
    text-align: center;
  }
}
.verify-account-dialog__title {
  font-family: var(--font-nexa);
  font-weight: 800;
}
.verify-account-dialog__form {
  width: 100%;
}
.verify-account-dialog__message-box {
  border-radius: var(--radius-10);
  background-color: var(--color-raisin-black);
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2);
}
@media not all and (min-width:1025px) {
  .verify-account-dialog__message-box {
    background-color: var(--color-rb-tier-1);
  }
}
.verify-account-dialog__message-text {
  font-size: var(--text-md);
}
.verify-account-dialog__email {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.verify-account-dialog__actions {
  margin-top: calc(var(--spacing)*6);
  justify-content: space-between;
  display: flex;
}
@media not all and (min-width:1025px) {
  .verify-account-dialog__actions {
    gap: calc(var(--spacing)*2.5);
    flex-direction: column;
  }
}
.verify-account-dialog__button--secondary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .verify-account-dialog__button--secondary:hover {
    background-color: var(--color-may-green);
  }
}
.verify-account-dialog__button--primary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .verify-account-dialog__button--primary:hover {
    background-color: var(--color-persian-blue);
  }
}
.contact {
  margin-bottom: calc(var(--spacing)*7);
}
.contact__title {
  font-size: 1.25rem;
  font-family: var(--font-nexa);
  font-weight: 900;
  line-height: 36px;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .contact__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    text-align: center;
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.contact__subtitle {
  font-family: var(--text-font-family);
  letter-spacing: .01em;
  margin-top: .5rem;
}
@media not all and (min-width:1025px) {
  .contact__subtitle {
    font-size: var(--text-md);
    padding-inline: calc(var(--spacing)*5);
    text-align: center;
    margin-bottom: calc(var(--spacing)*5) !important;
    --tw-leading: calc(var(--spacing)*4.5) !important;
    line-height: calc(var(--spacing)*4.5) !important;
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
  }
}
.contact__section {
  margin-top: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .contact__section {
    padding-inline: calc(var(--spacing)*4);
  }
}
.contact__header {
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .contact__header {
    margin-top: calc(var(--spacing)*5);
    justify-content: center;
  }
}
.contact__section-title {
  font-size: 1.25rem;
  font-family: var(--font-nexa);
  font-weight: 900;
  line-height: 36px;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .contact__section-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    text-align: center;
  }
}
.contact__highlight {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.contact__row {
  gap: calc(var(--spacing)*5);
  display: flex;
}
@media not all and (min-width:1025px) {
  .contact__row {
    gap: calc(var(--spacing)*0);
    flex-direction: column;
  }
}
.contact__field {
  margin-top: calc(var(--spacing)*3.5);
  border-radius: var(--radius-10);
  width: 100%;
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2);
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  display: flex;
}
@media not all and (min-width:1025px) {
  .contact__field {
    margin-top: calc(var(--spacing)*2.5);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: var(--color-rb-tier-2);
  }
}
.contact__field {
  background: var(--color-profile-input-bg);
  font-family: var(--text-font-family);
}
.contact__field--message {
  height: 189px;
}
@media not all and (min-width:1025px) {
  .contact__field--message {
    margin-bottom: calc(var(--spacing)*6);
    height: 198px;
  }
}
.contact__input {
  width: 100%;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
}
.contact__input::placeholder {
  color: #ffffff4d;
}
@supports (color:color-mix(in lab, red, red)) {
  .contact__input::placeholder {
    color: color-mix(in srgb, #fff30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white)30%, transparent);
    }
  }
}
.contact__input {
  outline-style: var(--tw-outline-style);
  font-family: var(--font-numbers);
  outline-width: 0;
}
.contact__submit {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .contact__submit:hover {
    background-color: var(--color-persian-blue);
  }
}
.contact__submit {
  margin-top: calc(var(--spacing)*4);
  text-align: center;
  width: 100%;
}
@media not all and (min-width:1025px) {
  .contact__submit {
    margin-top: calc(var(--spacing)*1);
  }
}
.contact__link {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .contact__link:hover {
    background-color: var(--color-may-green);
  }
}
.contact__link {
  margin-top: calc(var(--spacing)*4);
  text-align: center;
  width: 100%;
}
@media not all and (min-width:1025px) {
  .contact__link {
    margin-top: calc(var(--spacing)*1);
  }
}
.contact__social {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .contact__social:hover {
    background-color: var(--color-may-green);
  }
}
.contact__social {
  margin-top: calc(var(--spacing)*4);
  text-align: center;
  width: 100%;
  background-color: #454545 !important;
}
@media not all and (min-width:1025px) {
  .contact__social {
    margin-top: calc(var(--spacing)*1);
  }
}
.contact__social-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .contact__social-icon {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .game-information {
    padding-block: calc(var(--spacing)*3);
  }
}
@media not all and (min-width:979px) {
  .game-information {
    padding-inline: calc(var(--spacing)*4);
  }
}
.game-information__title {
  font-family: var(--font-nexa);
  line-height: 36px;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .game-information__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    text-align: center;
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.game-information__main {
  margin-top: calc(var(--spacing)*8);
  gap: calc(var(--spacing)*5);
  display: flex;
}
@media not all and (min-width:1025px) {
  .game-information__main {
    margin-top: calc(var(--spacing)*2.5);
    gap: calc(var(--spacing)*2.5);
  }
}
@media not all and (min-width:500px) {
  .game-information__main {
    align-items: center;
    flex-direction: column;
  }
}
.game-information__image {
  border-radius: var(--radius-10);
  max-width: 236px;
}
@media not all and (min-width:979px) {
  .game-information__image {
    max-width: 165px;
  }
}
@media not all and (min-width:500px) {
  .game-information__image {
    max-width: 236px;
    width: 100%;
  }
}
.game-information__stats {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .game-information__stats {
    gap: calc(var(--spacing)*2.5);
  }
}
.game-information__stat {
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*4.5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .game-information__stat {
    padding-block: calc(var(--spacing)*2);
    flex-direction: column;
    align-items: flex-start;
  }
}
.game-information__stat-label {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .game-information__stat-label {
    font-size: var(--text-md);
  }
}
.game-information__stat-value {
  font-family: var(--font-secondary);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .game-information__stat-value {
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7);
  }
}
.game-information__cta {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .game-information__cta:hover {
    background-color: var(--color-persian-blue);
  }
}
.game-information__cta {
  margin-block: calc(var(--spacing)*6);
  width: 100%;
}
@media not all and (min-width:1025px) {
  .game-information__cta {
    margin-block: calc(var(--spacing)*2.5);
  }
}
.game-information__details {
  margin-bottom: calc(var(--spacing)*10);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*5);
  padding-block: calc(var(--spacing)*4);
}
@media not all and (min-width:1025px) {
  .game-information__details {
    text-align: center;
  }
}
.game-information__details {
  font-family: var(--text-font-family);
}
.game-information__details-title {
  font-family: var(--font-nexa);
  margin-bottom: calc(var(--spacing)*2);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.game-information__details-paragraph {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
.game-information__details-paragraph--spaced {
  margin-top: calc(var(--spacing)*5);
}
.loyalty {
  flex-direction: column;
  display: flex;
}
.loyalty__container {
  max-width: 1263px;
}
.loyalty__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .loyalty__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    text-align: center;
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.loyalty__title--highlight {
  color: var(--color-bright-yellow);
}
.loyalty__description {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .loyalty__description {
    font-size: var(--text-md);
  }
}
.loyalty__description {
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6);
}
@media not all and (min-width:1441px) {
  .loyalty__description {
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
  }
}
@media not all and (min-width:1025px) {
  .loyalty__description {
    padding-inline: calc(var(--spacing)*5);
    text-align: center;
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
    --tw-leading: calc(var(--spacing)*4) !important;
    line-height: calc(var(--spacing)*4) !important;
  }
}
.loyalty__description {
  font-family: var(--text-promotion-font-family);
}
@media not all and (min-width:1025px) {
  .loyalty__content {
    padding-inline: calc(var(--spacing)*5);
  }
}
.loyalty__points-card {
  background-image: var(--img-loyalty-desktop);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media not all and (min-width:1025px) {
  .loyalty__points-card {
    background-image: var(--img-loyalty-mobile);
  }
}
.loyalty__points-card {
  margin-top: calc(var(--spacing)*8);
  margin-bottom: calc(var(--spacing)*6);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  padding-block: calc(var(--spacing)*8);
  text-align: center;
}
@media not all and (min-width:1025px) {
  .loyalty__points-card {
    margin-top: calc(var(--spacing)*4);
  }
}
.loyalty__points-card {
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.loyalty__points-label {
  --tw-leading: calc(var(--spacing)*16);
  font-size: 56px;
  line-height: calc(var(--spacing)*16);
}
@media not all and (min-width:1025px) {
  .loyalty__points-label {
    --tw-leading: calc(var(--spacing)*10);
    font-size: 36px;
    line-height: calc(var(--spacing)*10);
  }
}
.loyalty__points-highlight {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.loyalty__points-value {
  --tw-leading: calc(var(--spacing)*36);
  font-size: 151px;
  line-height: calc(var(--spacing)*36);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .loyalty__points-value {
    --tw-leading: calc(var(--spacing)*28);
    font-size: 100px;
    line-height: calc(var(--spacing)*28);
  }
}
.loyalty__levels {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .loyalty__levels {
    justify-content: center;
  }
  .loyalty__level-current, .loyalty__level-next {
    display: none;
  }
}
.loyalty__level-title {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  font-family: var(--text-font-family);
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.loyalty__level-value {
  align-items: center;
  gap: calc(var(--spacing)*2);
  font-size: var(--text-xl);
  font-family: var(--font-nexa);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  display: flex;
}
.loyalty__level-value--entry {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background: linear-gradient(#89c4f2 0%, #6a98bd 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.loyalty__level-value--emerald {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background: linear-gradient(#90cd27 0%, #5b811a 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.loyalty__level-value--silver {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background: linear-gradient(#b8e3ef 0%, #506368 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.loyalty__level-value--gold {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background: linear-gradient(77deg, #ffe68a 12.93%, #fbba45 31.35%, #fedc78 42.03%, #ffd765 53.49%, #fff2af 65.04%, #fbd568 74.45%, #eabb49 95.85%);
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: flex-end;
}
.loyalty__level-image {
  max-height: calc(var(--spacing)*10);
  max-width: calc(var(--spacing)*10);
}
.loyalty__progress-value {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  font-family: var(--text-font-family);
}
.loyalty__progress-bar {
  margin-top: calc(var(--spacing)*6);
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing)*2.5);
  display: flex;
}
.loyalty__progress-icon {
  max-width: calc(var(--spacing)*8);
  display: none;
}
@media not all and (min-width:1025px) {
  .loyalty__progress-icon {
    display: block;
  }
}
.loyalty__bar-track {
  height: calc(var(--spacing)*12);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  width: 100%;
  position: relative;
}
.loyalty__bar-fill {
  top: calc(var(--spacing)*0);
  left: calc(var(--spacing)*0);
  height: calc(var(--spacing)*12);
  border-radius: var(--radius-10);
  background-color: var(--color-bright-yellow);
  width: 66.6667%;
  position: absolute;
}
.loyalty__bar-label {
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  width: fit-content;
  translate: var(--tw-translate-x)var(--tw-translate-y);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  position: relative;
  top: 50%;
  left: 66.6667%;
}
.loyalty__bar-text {
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-size: 18px;
  font-weight: var(--font-weight-extrabold);
  position: absolute;
  top: 50%;
  left: 50%;
}
.loyalty-levels {
  flex-direction: column;
  display: flex;
}
.loyalty-levels__subtitle {
  margin-top: calc(var(--spacing)*8);
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6);
}
@media not all and (min-width:1441px) {
  .loyalty-levels__subtitle {
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
  }
}
@media not all and (min-width:1025px) {
  .loyalty-levels__subtitle {
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
    display: none;
  }
}
.loyalty-levels__subtitle {
  letter-spacing: .03em;
  font-family: var(--text-promotion-font-family);
}
.loyalty-levels__highlight-text {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.loyalty-levels__title {
  margin-top: calc(var(--spacing)*8);
  align-items: center;
  gap: calc(var(--spacing)*2.5);
  font-size: var(--text-xl);
  font-family: var(--font-nexa);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  display: flex;
}
@media not all and (min-width:1025px) {
  .loyalty-levels__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    justify-content: center;
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.loyalty-levels__info-icon {
  cursor: pointer;
  border-radius: 3.40282e38px;
}
@media not all and (min-width:1025px) {
  .loyalty-levels__info-icon {
    display: none;
  }
}
.loyalty-levels__info-icon {
  filter: var(--shadow-info-image);
}
.loyalty-levels__levels-container {
  margin-top: calc(var(--spacing)*8);
  position: relative;
}
.loyalty-levels__left-eclipse {
  pointer-events: none;
  inset-block: calc(var(--spacing)*0);
  left: calc(var(--spacing)*0);
  z-index: 10;
  width: calc(var(--spacing)*7);
  display: none;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .loyalty-levels__left-eclipse {
    display: block;
  }
}
.loyalty-levels__left-eclipse {
  left: var(--left-eclipse);
}
.loyalty-levels__scroll-wrapper {
  width: 100%;
  overflow-x: auto;
}
@media not all and (min-width:1025px) {
  .loyalty-levels__scroll-wrapper {
    padding-inline: calc(var(--spacing)*8);
  }
}
.loyalty-levels__levels-list {
  align-items: center;
  gap: calc(var(--spacing)*3);
  display: flex;
}
@media not all and (min-width:1600px) {
  .loyalty-levels__levels-list {
    gap: calc(var(--spacing)*1);
  }
}
@media not all and (min-width:1025px) {
  .loyalty-levels__levels-list {
    gap: calc(var(--spacing)*2.5);
    width: max-content;
  }
}
.loyalty-levels__level-item {
  width: 322px;
  padding-block: calc(var(--spacing)*3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  font-family: var(--font-nexa);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  letter-spacing: .03em;
  border-radius: 20px;
  justify-content: center;
  font-weight: 700;
  display: flex;
}
@media only screen and (min-width:1025px) and (max-width:1920px) {
  .loyalty-levels__level-item {
    font-size: var(--text-md);
  }
}
.loyalty-levels__level-item--reached {
  background-color: var(--color-rb-tier-3);
  color: var(--color-reached-loyalty-text);
}
.loyalty-levels__level-item--current {
  align-items: center;
  gap: calc(var(--spacing)*3);
  background-color: var(--color-current-loyalty-level-bg);
  padding-inline: calc(var(--spacing)*3);
  text-align: center;
  color: var(--color-raisin-black);
}
.loyalty-levels__level-item--next {
  background-color: var(--color-rb-tier-3);
  color: #f8f949;
}
.loyalty-levels__separator {
  height: calc(var(--spacing)*.5);
  width: 100%;
  max-width: calc(var(--spacing)*10);
  border-style: var(--tw-border-style);
  background-color: var(--color-rb-tier-3);
  border-width: 0;
  border-radius: 3.40282e38px;
}
@media not all and (min-width:1600px) {
  .loyalty-levels__separator {
    max-width: calc(var(--spacing)*5);
  }
}
@media not all and (min-width:1025px) {
  .loyalty-levels__separator {
    display: none;
  }
}
.loyalty-levels__cards-list {
  margin-block: calc(var(--spacing)*5);
  gap: calc(var(--spacing)*16);
  display: flex;
}
@media not all and (min-width:1600px) {
  .loyalty-levels__cards-list {
    gap: calc(var(--spacing)*7);
  }
}
@media not all and (min-width:1025px) {
  .loyalty-levels__cards-list {
    gap: calc(var(--spacing)*2.5);
    width: max-content;
  }
}
.loyalty-levels__card {
  border-radius: 20px;
  width: 100%;
  max-width: 322px;
  overflow: hidden;
}
.loyalty-levels__card-header {
  border-style: var(--tw-border-style);
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*5);
  border-width: 3px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  align-items: center;
  display: flex;
}
.loyalty-levels__card-header--entry {
  border-color: var(--loyalty-page-entry-level-color);
}
.loyalty-levels__card-header--emerald {
  border-color: #68e36c;
}
.loyalty-levels__card-header--emerald .loyalty-levels__card-icon-wrapper {
  background-image: linear-gradient(#b1e242 .21%, #50802f 100.21%);
}
.loyalty-levels__card-header--silver {
  border-color: #b0d9e5;
}
.loyalty-levels__card-header--silver .loyalty-levels__card-icon-wrapper {
  background-image: linear-gradient(#b3dde9 0%, #53676c 100%);
}
.loyalty-levels__card-header--gold {
  border-color: #f8f949;
}
.loyalty-levels__card-header--gold .loyalty-levels__card-icon-wrapper {
  background-image: linear-gradient(#fbfb49 0%, #8d8d1f 100%);
}
.loyalty-levels__card-icon-wrapper {
  margin-bottom: calc(var(--spacing)*1);
  padding: calc(var(--spacing)*1.5);
  background-color: var(--loyalty-page-entry-level-color);
  border-radius: 3.40282e38px;
}
.loyalty-levels__card-icon {
  background-color: var(--color-loyalty-card-bg);
  object-fit: cover;
  border-radius: 3.40282e38px;
  width: 89px;
  height: 89px;
}
.loyalty-levels__card-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  font-family: var(--font-nexa);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1600px) {
  .loyalty-levels__card-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
@media not all and (min-width:1025px) {
  .loyalty-levels__card-title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
@media only screen and (min-width:1025px) and (max-width:1920px) {
  .loyalty-levels__card-title {
    font-size: var(--text-lg);
  }
}
.loyalty-levels__card-title {
  letter-spacing: .03em;
  font-weight: 700;
}
.loyalty-levels__card-title-text--entry {
  color: var(--loyalty-page-entry-level-color);
}
.loyalty-levels__card-title-text--emerald {
  color: #68e36c;
  -webkit-text-fill-color: transparent;
  text-align: center;
  background: linear-gradient(#90cd27 0%, #5b811a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #0000 !important;
}
.loyalty-levels__card-title-text--silver {
  color: #b0d9e5;
}
.loyalty-levels__card-title-text--gold {
  color: #f8f949;
}
.loyalty-levels__card-body {
  background-color: var(--color-rb-tier-3);
  max-width: 322px;
  padding: calc(var(--spacing)*5);
  font-family: var(--text-font-family);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.loyalty-levels__card-description {
  margin-bottom: calc(var(--spacing)*5);
  align-items: center;
  gap: calc(var(--spacing)*4);
  text-align: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6);
  opacity: .7;
  display: flex;
}
@media not all and (min-width:1441px) {
  .loyalty-levels__card-description {
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
  }
}
@media not all and (min-width:1025px) {
  .loyalty-levels__card-description {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
  }
}
.loyalty-levels__card-points {
  text-align: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  color: var(--color-bright-yellow);
  font-family: var(--font-nexa-family, "Nexa", sans-serif);
  letter-spacing: .03em;
  font-weight: 700;
}
.loyalty-levels__right-eclipse {
  pointer-events: none;
  inset-block: calc(var(--spacing)*0);
  right: calc(var(--spacing)*0);
  z-index: 10;
  width: calc(var(--spacing)*7);
  display: none;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .loyalty-levels__right-eclipse {
    display: block;
  }
}
.loyalty-levels__right-eclipse {
  right: var(--right-eclipse);
}
.form-switch {
  display: flex;
  align-items: center;
  padding-left: 0;
  gap: 1rem !important;
}
.form-switch .form-check-input {
  border-radius: var(--radius-10);
  background-color: #faa61a80;
  background-image: none;
  width: 50px;
  height: 15px;
  transition: none;
  position: relative;
  margin-left: calc(var(--spacing)*0) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-switch .form-check-input {
    background-color: color-mix(in srgb,#76A72150%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab,var(--color-bright-yellow)50%,transparent);
    }
  }
}
.form-switch .form-check-input:before {
  clip-path: none;
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  transform: scale(1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color,#00000040);
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  border-radius: 3.40282e38px;
  position: absolute;
  top: 50%;
  height: calc(var(--spacing)*6) !important;
  width: calc(var(--spacing)*6) !important;
  background-color: var(--color-bright-yellow) !important;
}
.form-check-input:checked {
  border-color: var(--color-bright-yellow) !important;
}
.form-switch .form-check-input:checked {
  background-image: none;
}
.form-switch .form-check-input:checked:before {
  clip-path: none;
  top: 50%;
  right: calc(var(--spacing)*0);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color,#00000040);
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  border-radius: 3.40282e38px;
  position: absolute;
  height: calc(var(--spacing)*6) !important;
  width: calc(var(--spacing)*6) !important;
  background-color: var(--color-bright-yellow) !important;
}
.accordion {
  display: -ms-grid;
  display: grid;
  gap: 0.75rem;
  margin-top: calc(var(--spacing) * 2.5);
  --bs-accordion-color: var(--color-white);
  --bs-accordion-bg: var(--color-rb-tier-2);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-width: 2px;
  --bs-accordion-border-radius: var(--radius-10);
  --bs-accordion-inner-border-radius: var(--radius-10);
  --bs-accordion-btn-padding-x: calc(var(--spacing) * 6);
  --bs-accordion-btn-padding-y: calc(var(--spacing) * 3.5);
  --bs-accordion-btn-color: var(--color-white);
  --bs-accordion-btn-bg: var(--color-rb-tier-2);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2227%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.5%2027C20.9558%2027%2027%2020.9558%2027%2013.5C27%206.04416%2020.9558%200%2013.5%200C6.04416%200%200%206.04416%200%2013.5C0%2020.9558%206.04416%2027%2013.5%2027ZM15.1875%208.4375C15.1875%207.50552%2014.432%206.75%2013.5%206.75C12.568%206.75%2011.8125%207.50552%2011.8125%208.4375V11.8125H8.4375C7.50552%2011.8125%206.75%2012.568%206.75%2013.5C6.75%2014.432%207.50552%2015.1875%208.4375%2015.1875H11.8125V18.5625C11.8125%2019.4945%2012.568%2020.25%2013.5%2020.25C14.432%2020.25%2015.1875%2019.4945%2015.1875%2018.5625V15.1875H18.5625C19.4945%2015.1875%2020.25%2014.432%2020.25%2013.5C20.25%2012.568%2019.4945%2011.8125%2018.5625%2011.8125H15.1875V8.4375Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 1.75rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20class%3D%22redeem-accordion__icon%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2227%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.5%2027C20.9558%2027%2027%2020.9558%2027%2013.5C27%206.04416%2020.9558%200%2013.5%200C6.04416%200%200%206.04416%200%2013.5C0%2020.9558%206.04416%2027%2013.5%2027ZM15.1875%208.4375C15.1875%207.50552%2014.432%206.75%2013.5%206.75C12.568%206.75%2011.8125%207.50552%2011.8125%208.4375V11.8125H8.4375C7.50552%2011.8125%206.75%2012.568%206.75%2013.5C6.75%2014.432%207.50552%2015.1875%208.4375%2015.1875H11.8125V18.5625C11.8125%2019.4945%2012.568%2020.25%2013.5%2020.25C14.432%2020.25%2015.1875%2019.4945%2015.1875%2018.5625V15.1875H18.5625C19.4945%2015.1875%2020.25%2014.432%2020.25%2013.5C20.25%2012.568%2019.4945%2011.8125%2018.5625%2011.8125H15.1875V8.4375Z%22%20fill%3D%22white%22/%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%2214%22%20height%3D%227%22%20fill%3D%22white%22/%3E%3Crect%20x%3D%226%22%20y%3D%2215%22%20width%3D%2214%22%20height%3D%227%22%20fill%3D%22white%22/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-border-color: var(--bs-accordion-btn-bg);
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: calc(var(--spacing) * 6);
  --bs-accordion-body-padding-y: calc(var(--spacing) * 3.5);
  --bs-accordion-active-color: var(--color-white);
  --bs-accordion-active-bg: var(--color-rb-tier-2);
}
.accordion-body {
  background-color: var(--kt-accordion-body-bg-color);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  padding: calc(var(--spacing)*6);
  padding-top: calc(var(--spacing)*6 + 10px);
  border: 2px solid var(--color-bright-yellow);
  font-size: var(--text-lg);
  line-height: var(--tw-leading,var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  border-top: 0;
  color: var(--color-white) !important;
}
@media not all and (min-width: 1025px) {
  .accordion-body {
    padding-inline: calc(var(--spacing) * 3.5);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 3.5);
  }
}
.accordion-item {
  border: inherit;
}
.accordion-item:first-of-type .accordion-button.collapse {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion-item, .accordion-item:first-of-type {
  border-width: 0;
  border-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-button:after {
  display: none;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border: var(--bs-accordion-inner-border-radius);
}
.accordion-header-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2.5rem;
  align-items: center;
  text-align: center;
  position: relative;
  width: 100%;
  min-height: 3rem;
  text-align: left;
}
@media not all and (min-width: 1025px) {
  .accordion-header-content {
    flex-direction: column;
    gap: 0;
  }
}
.redeem-holdings__title:after {
  display: inline-block;
  content: '';
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: 0.75rem;
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media not all and (min-width: 1025px) {
  .redeem-holdings__title:after {
    position: absolute;
    right: 0;
  }
}
.accordion-button {
  border: 2px solid var(--bs-accordion-btn-bg);
  border-radius: var(--radius-10);
}
@media not all and (min-width: 1025px) {
  .accordion-button {
    padding-inline: 1.25rem;
  }
}
.accordion-button:not(.collapsed) {
  border: 2px solid var(--color-bright-yellow);
  box-shadow: none;
}
.accordion-button:not(.collapsed) .redeem-holdings__title:after {
  background-image: var(--bs-accordion-btn-active-icon);
}
.accordion-collapse {
  margin-top: -10px;
}
.iti__flag {
  background-image: url("/dist/img/flags/flags.png") !important;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: url("/dist/img/flags/flags@2x.png") !important;
  }
}
select, select:hover {
  background-color: var(--color-rb-tier-3);
  border-color: var(--color-rb-tier-3);
  width: 100%;
  cursor: pointer;
}
option:first-of-type {
  border-radius: 10px 10px 0 0;
}
option:last-of-type {
  border-radius: 0 0 var(--radius-10) var(--radius-10);
}
.form-select {
  border-style: var(--tw-border-style);
  border-width: 0;
  padding: 0;
  border-color: var(--color-rb-tier-2) !important;
  background-position: 100% 0 !important;
  background-color: var(--color-rb-tier-2) !important;
  color: var(--color-white) !important;
}
@media not all and (min-width: 1025px) {
  .form-select {
    border-color: var(--color-rb-tier-2) !important;
    background-color: var(--color-rb-tier-2) !important;
  }
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  font-size: var(--text-lg) !important;
  line-height: var(--tw-leading,var(--text-lg--line-height)) !important;
  color: var(--color-white) !important;
}
.select2-dropdown.select2-dropdown--below {
  background-color: var(--color-rb-tier-3) !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  color: var(--color-white);
  font-size: var(--text-lg) !important;
  line-height: var(--tw-leading,var(--text-lg--line-height)) !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted, .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
  background-color: var(--color-rb-tier-2) !important;
  color: var(--color-bright-yellow) !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
  background-color: var(--color-bright-yellow) !important;
}
.select2-container--bootstrap5 .select2-dropdown {
  background-color: var(--color-rb-tier-2) !important;
  color: var(--color-bright-yellow) !important;
}
.iti {
  display: flex !important;
}
.iti__selected-dial-code {
  font-size: var(--text-lg) !important;
  line-height: var(--tw-leading,var(--text-lg--line-height)) !important;
  --tw-leading: calc(var(--spacing)*7) !important;
  line-height: calc(var(--spacing)*7) !important;
}
.iti--inline-dropdown .iti__dropdown-content, .iti--container .iti__dropdown-content {
  background-color: var(--color-rb-tier-2) !important;
  color: var(--color-white) !important;
  border: none !important;
}
@media not all and (min-width: 1025px) {
  .iti--inline-dropdown .iti__dropdown-content {
    background-color: var(--color-rb-tier-2) !important;
  }
}
.iti__dial-code {
  color: var(--color-bright-yellow) !important;
}
.iti__arrow {
  border-top: 4px solid var(--color-bright-yellow) !important;
}
.iti--show-selected-dial-code .iti__selected-flag {
  background-color: var(--color-rb-tier-2) !important;
}
@media not all and (min-width: 1025px) {
  .iti--show-selected-dial-code .iti__selected-flag {
    background-color: var(--color-rb-tier-2) !important;
  }
}
.iti__selected-flag {
  padding-left: 0 !important;
}
.iti__arrow--up {
  border-top: none !important;
  border-bottom: 4px solid var(--color-bright-yellow) !important;
}
table.dataTable thead {
  background-color: var(--color-rb-tier-2) !important;
}
table.dataTable thead tr td {
  padding-block: calc(var(--spacing)*3.5) !important;
}
table.dataTable tbody tr.even {
  background-color: var(--color-rb-tier-2) !important;
}
table.dataTable tbody tr.odd {
  background-color: var(--color-rb-tier-3) !important;
}
table.dataTable thead tr th, table.dataTable tbody tr td {
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  padding-block: calc(var(--spacing)*3.5) !important;
  font-size: var(--text-lg) !important;
  line-height: var(--tw-leading,var(--text-lg--line-height)) !important;
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
table.dataTable tbody tr td {
  padding-block: calc(var(--spacing)*1) !important;
  font-size: 18px !important;
}
table.dataTable thead tr th:first-child, table.dataTable tbody tr td:first-child, table#FreeEntriesTable thead tr th:nth-child(2), table#TransactionsTable thead tr th:nth-child(2), table#RafTable thead tr th:nth-child(2) {
  padding-left: calc(var(--spacing)*10) !important;
}
table.dataTable thead tr th:last-child, table.dataTable tbody tr td:last-child {
  padding-right: calc(var(--spacing)*10) !important;
}
div.dataTables_wrapper div.dataTables_length {
  font-size: var(--text-lg) !important;
  line-height: var(--tw-leading,var(--text-lg--line-height)) !important;
  --tw-tracking: var(--tracking-1) !important;
  letter-spacing: var(--tracking-1) !important;
}
div.dataTables_wrapper div.dataTables_length select {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  appearance: none;
  background-color: var(--color-rb-tier-3) !important;
  --tw-outline-style: none;
  border-radius: 5px;
  outline-style: none;
  padding-inline: calc(var(--spacing)*2.5) !important;
  padding-block: calc(var(--spacing)*1) !important;
  padding-right: calc(var(--spacing)*2.5) !important;
  background-position: 100% !important;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
  font-size: var(--text-lg) !important;
  line-height: var(--tw-leading,var(--text-lg--line-height)) !important;
  --tw-leading: calc(var(--spacing)*7) !important;
  line-height: calc(var(--spacing)*7) !important;
  color: var(--color-white) !important;
  outline-style: var(--tw-outline-style) !important;
  outline-width: 0 !important;
}
input:is(:autofill,:autofill) {
  background-color: var(--color-rb-tier-3) !important;
  color: var(--color-white) !important;
}
div.dataTables_wrapper .table-responsive {
  margin-bottom: 1.5rem;
}
.dataTables_wrapper .row {
  margin: calc(var(--spacing)*0);
  background-color: var(--color-rb-tier-2);
  padding-left: calc(var(--spacing)*5);
  border-radius: 10px;
}
.profile__form-row--phone {
  background-color: var(--color-rb-tier-2);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 10px;
  padding: 0.5rem 0.75rem;
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1.25rem;
  margin-top: 1rem;
}
@media (max-width: 1280px) {
  .profile__form-row--phone {
    background-color: var(--color-rb-tier-2);
    box-shadow: none;
    margin-top: 0.625rem;
  }
}
@media (max-width: 560px) {
  .profile__form-row--phone {
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--spacing) * 2.5);
  }
}
.profile__form-actions {
  display: flex;
  justify-content: end;
  gap: calc(var(--spacing) * 5);
}
@media (max-width: 560px) {
  .profile__form-actions {
    flex-direction: column;
  }
}
.modal-dialog.modal-md {
  max-width: 695px;
}
.modal-content {
  color: #fff;
  font-family: var(--font-primary);
  font-size: var(--text-md);
  background-color: var(--color-rb-tier-2);
  border: 2px solid var(--color-bright-yellow);
}
.modal-header {
  padding: calc(var(--spacing) * 5);
  padding-bottom: 0;
  border-bottom: none;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.modal-body {
  padding: calc(var(--spacing) * 5);
  padding-top: calc(var(--spacing) * 4);
}
.modal-text {
  padding-block: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 6);
}
.modal-text__bold {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.modal-buttons {
  padding-top: calc(var(--spacing) * 6);
}
.collapse.show {
  visibility: visible !important;
}
.verifying-your-account {
  flex-direction: column;
  display: flex;
}
@media not all and (min-width:1025px) {
  .verifying-your-account {
    padding-inline: calc(var(--spacing)*5);
  }
}
.verifying-your-account__container {
  max-width: 1263px;
}
.verifying-your-account__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .verifying-your-account__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    text-align: center;
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.verifying-your-account__description {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .verifying-your-account__description {
    font-size: var(--text-md);
  }
}
.verifying-your-account__description {
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6);
}
@media not all and (min-width:1441px) {
  .verifying-your-account__description {
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
  }
}
@media not all and (min-width:1025px) {
  .verifying-your-account__description {
    text-align: center;
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
    --tw-leading: calc(var(--spacing)*4) !important;
    line-height: calc(var(--spacing)*4) !important;
  }
}
.verifying-your-account__description {
  font-family: var(--text-promotion-font-family);
}
.verifying-your-account__info-text {
  margin-top: calc(var(--spacing)*3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
@media (max-width:1280px) {
  .verifying-your-account__info-text {
    text-align: center;
    --tw-leading: calc(var(--spacing)*5);
    max-width: 400px;
    font-size: 18px;
    line-height: calc(var(--spacing)*5);
    margin-inline: auto;
  }
}
.verifying-your-account__input-group {
  font-family: var(--text-promotion-font-family);
  background: var(--color-profile-input-bg);
  margin-top: calc(var(--spacing)*3.5);
  border-radius: var(--radius-10);
  width: 100%;
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2);
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  display: flex;
}
@media (max-width:1280px) {
  .verifying-your-account__input-group {
    margin-top: calc(var(--spacing)*2.5);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background: var(--color-rb-tier-2);
  }
}
.verifying-your-account__input {
  width: 100%;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}
.verifying-your-account__input {
  font-family: var(--font-numbers) !important;
}
.zero-balance, .promotion-page__empty {
  height: 100vh;
  background-color: var(--zero-balance-modal-bg-color);
  position: relative;
  padding-inline: calc(var(--spacing)*9);
  padding-top: calc(var(--spacing)*8);
}
@media not all and (min-width:1025px) {
  .zero-balance {
    padding-top: calc(var(--spacing)*6);
    padding-inline: calc(var(--spacing)*2.5);
    text-align: center;
    min-height: calc(100vh - 166px);
  }
}
.zero-balance__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .zero-balance__title {
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.zero-balance__subtitle {
  font-family: var(--zero-balance-page-text-ff);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .zero-balance__subtitle {
    text-align: center;
    font-size: var(--text-md);
    padding-inline: calc(var(--spacing)*5);
    margin-bottom: calc(var(--spacing)*5) !important;
    --tw-leading: calc(var(--spacing)*4.5) !important;
    line-height: calc(var(--spacing)*4.5) !important;
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
  }
  .promotion-page__empty-actions-mobile {
    display: block !important;
  }
  .promotion-page__empty-button-desktop {
    display: none !important;
  }
}
.promotion-page__empty-subtitle {
  margin-top: 20px;
  color: var(--color-rose-red);
}
.promotion-page__empty-description {
  margin-bottom: 20px;
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
}
.zero-balance__highlight {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.zero-balance__message, .promotion-page__empty-message {
  background-color: var(--zero-balance-message-bg-color) !important;
}
.promotion-page__empty-actions-mobile {
  position: sticky;
  bottom: calc(var(--spacing) * 4);
  left: calc(var(--spacing) * 0);
  display: none;
  width: 100%;
}
.zero-balance__message, .promotion-page__empty-message {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*10);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*12);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  align-items: center;
  display: flex;
}
.zero-balance__text {
  margin-top: calc(var(--spacing)*7);
  padding-inline: calc(var(--spacing)*7);
  color: var(--color-rose-red) !important;
}
.zero-balance__divider {
  margin-top: calc(var(--spacing)*5);
  margin-bottom: calc(var(--spacing)*5);
  border-top-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #ffffff80;
  border-top-width: 1px;
  width: 127px;
}
@supports (color:color-mix(in lab, red, red)) {
  .zero-balance__divider {
    border-color: color-mix(in srgb, #fff50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)50%, transparent);
    }
  }
}
.zero-balance__store-button-desktop {
  background-image: var(--img-shop-button);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-black);
  background-position: 50%;
  border-width: 2px;
  border-color: #faa61a;
  padding: 5px 10px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .zero-balance__store-button-desktop {
    display: none !important;
  }
}
a.zero-balance__store-button-desktop:hover, a.zero-balance__store-button-mobile:hover {
  color: var(--color-black);
}
.zero-balance__back-button-desktop, .promotion-page__empty-button-desktop {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .zero-balance__back-button-desktop:hover, .promotion-page__empty-button-desktop:hover {
    background-color: var(--color-persian-blue);
  }
}
.zero-balance__back-button-desktop {
  margin-top: calc(var(--spacing)*3);
}
@media not all and (min-width:1025px) {
  .zero-balance__back-button-desktop {
    display: none;
  }
}
.zero-balance__note {
  display: none;
}
@media not all and (min-width:1025px) {
  .zero-balance__note {
    display: block;
  }
}
.zero-balance__actions-mobile {
  bottom: calc(var(--spacing)*4);
  left: calc(var(--spacing)*0);
  width: 100%;
  padding-inline: calc(var(--spacing)*4);
  display: none;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .zero-balance__actions-mobile {
    display: block;
  }
}
.zero-balance__store-button-mobile {
  background-image: var(--img-shop-button);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-black);
  background-position: 50%;
  border-width: 2px;
  border-color: #faa61a;
  width: 100%;
  padding: 5px 10px;
  display: flex;
}
.promotion-page__empty-button-mobile {
  display: block;
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  margin-top: calc(var(--spacing)*3);
  width: 100%;
  transition: all .2s ease-in;
}
.zero-balance__back-button-mobile {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .zero-balance__back-button-mobile:hover, .promotion-page__empty-button-mobile:hover {
    background-color: var(--color-persian-blue);
  }
}
.zero-balance__back-button-mobile {
  margin-top: calc(var(--spacing)*3);
  width: 100%;
}
.payment {
  gap: calc(var(--spacing)*4);
  flex-direction: column;
  display: flex;
}
@media not all and (min-width:1025px) {
  .payment__container {
    padding-inline: calc(var(--spacing)*4);
  }
}
.payment__icon-top {
  margin-top: calc(var(--spacing)*8);
  margin-bottom: calc(var(--spacing)*1);
  justify-content: center;
  display: none;
}
@media not all and (min-width:1025px) {
  .payment__icon-top {
    display: flex;
  }
}
.payment__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .payment__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.payment__title {
  align-items: center;
  gap: calc(var(--spacing)*2);
  display: flex;
}
@media not all and (min-width:1025px) {
  .payment__title {
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    justify-content: center;
    --tw-leading: calc(var(--spacing)*9) !important;
    line-height: calc(var(--spacing)*9) !important;
  }
  .payment__title-icon {
    display: none;
  }
}
.payment__highlight {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.payment__subtitle {
  margin-top: calc(var(--spacing)*10);
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
@media not all and (min-width:1025px) {
  .payment__subtitle {
    margin-top: calc(var(--spacing)*4.5);
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    font-size: 18px !important;
  }
}
.payment__methods {
  margin-top: calc(var(--spacing)*9);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #ffffff4d;
}
@supports (color:color-mix(in lab, red, red)) {
  .payment__methods {
    border-color: color-mix(in srgb, #fff30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)30%, transparent);
    }
  }
}
@media not all and (min-width:1025px) {
  .payment__methods {
    margin-top: calc(var(--spacing)*4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
}
.payment__method-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .payment__method-button:hover {
    background-color: var(--color-may-green);
  }
}
.payment__method-button {
  margin-bottom: calc(var(--spacing)*3);
  justify-content: space-between;
  align-items: center;
  display: flex;
  width: 100% !important;
  padding-block: calc(var(--spacing)*3) !important;
  padding-right: calc(var(--spacing)*7) !important;
}
@media not all and (min-width:1025px) {
  .payment__method-button {
    margin-bottom: calc(var(--spacing)*2.5);
  }
}
.payment__method-label {
  align-items: center;
  gap: calc(var(--spacing)*5);
  display: flex;
}
@media not all and (min-width:1025px) {
  .payment__method-icon {
    display: none;
  }
}
.payment__summary {
  max-width: 811px;
}
@media not all and (min-width:1025px) {
  .payment__summary {
    padding-inline: calc(var(--spacing)*4);
  }
}
.payment__summary-title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .payment__summary-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.payment__summary-title {
  align-items: center;
  gap: calc(var(--spacing)*2);
  display: flex;
}
@media not all and (min-width:1025px) {
  .payment__summary-title {
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    --tw-leading: calc(var(--spacing)*9) !important;
    line-height: calc(var(--spacing)*9) !important;
  }
}
.payment__summary-subtitle {
  margin-top: calc(var(--spacing)*5.5);
  border-block-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-block-width: 1px;
  border-style: dashed;
  border-color: #ffffff4d;
}
@supports (color:color-mix(in lab, red, red)) {
  .payment__summary-subtitle {
    border-color: color-mix(in srgb, #fff30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)30%, transparent);
    }
  }
}
.payment__summary-subtitle {
  padding-block: calc(var(--spacing)*4);
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
@media not all and (min-width:1025px) {
  .payment__summary-subtitle {
    margin-top: calc(var(--spacing)*2);
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
  }
}
.payment__inputs {
  margin-top: calc(var(--spacing)*5);
  gap: calc(var(--spacing)*2.5);
  display: flex;
}
@media not all and (min-width:1025px) {
  .payment__inputs {
    flex-direction: column;
  }
}
.payment__input-label {
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-3);
  width: 100%;
  padding-inline: calc(var(--spacing)*3);
  padding-top: calc(var(--spacing)*4);
  padding-bottom: calc(var(--spacing)*3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  display: flex;
}
@media not all and (min-width:1025px) {
  .payment__input-label {
    margin-top: calc(var(--spacing)*2.5);
    background-color: var(--color-rb-tier-2);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.payment__input-label:first-child {
  max-width: 324px;
}
@media not all and (min-width:1025px) {
  .payment__input-label:first-child {
    max-width: 100%;
  }
}
.payment__input {
  width: 100%;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  font-family: var(--font-numbers) !important;
}
.payment__back-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .payment__back-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.payment__back-button {
  margin-block: calc(var(--spacing)*10);
  text-align: center;
  padding-block: calc(var(--spacing)*2.5) !important;
}
.transaction-history {
  margin-block: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .transaction-history {
    margin-top: calc(var(--spacing)*2);
    padding-inline: calc(var(--spacing)*4);
  }
}
.transaction-history {
  font-family: var(--text-font-family);
}
.transaction-history__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .transaction-history__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.transaction-history__title {
  margin-bottom: calc(var(--spacing)*4);
}
@media not all and (min-width:1025px) {
  .transaction-history__title {
    margin-bottom: calc(var(--spacing)*0);
    text-align: center;
  }
}
.transaction-history__highlight {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
}
.transaction-history__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .transaction-history__header {
    align-items: stretch;
    gap: calc(var(--spacing)*3);
    flex-direction: column;
  }
}
.transaction-history__buttons {
  gap: calc(var(--spacing)*3);
  display: flex;
}
@media not all and (min-width:1025px) {
  .transaction-history__buttons {
    display: none;
  }
}
.transaction-history__button--primary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .transaction-history__button--primary:hover {
    background-color: var(--color-persian-blue);
  }
}
.transaction-history__button--secondary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .transaction-history__button--secondary:hover {
    background-color: var(--color-may-green);
  }
}
.transaction-history__filters {
  gap: calc(var(--spacing)*5);
  display: flex;
}
@media not all and (min-width:1025px) {
  .transaction-history__filters {
    gap: calc(var(--spacing)*0);
    flex-direction: column;
  }
}
.transaction-history__date-input {
  margin-top: calc(var(--spacing)*5);
  background-color: var(--color-rb-tier-3);
}
@media not all and (min-width:1025px) {
  .transaction-history__date-input {
    margin-top: calc(var(--spacing)*1);
  }
}
.transaction-history__select {
  margin-top: calc(var(--spacing)*5);
  background-color: var(--color-rb-tier-3);
}
@media not all and (min-width:1025px) {
  .transaction-history__select {
    margin-top: calc(var(--spacing)*2);
  }
}
.transaction-history__divider {
  margin-block: calc(var(--spacing)*5);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border: 1px dashed #ffffff4d;
  width: 100%;
}
@supports (color:color-mix(in lab, red, red)) {
  .transaction-history__divider {
    border-color: color-mix(in srgb, #fff30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)30%, transparent);
    }
  }
}
@media not all and (min-width:1025px) {
  .transaction-history__divider {
    display: none;
  }
}
.transaction-history__table {
  margin-top: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  overflow: hidden;
}
@media not all and (min-width:1025px) {
  .transaction-history__table {
    display: none;
  }
}
.transaction-history__table-head {
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*12);
  padding-block: calc(var(--spacing)*3.5);
  font-family: var(--font-numbers);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  grid-template-columns: minmax(0, 230px) minmax(0, 165px) minmax(0, 165px) minmax(0, 320px) minmax(0, 320px) minmax(0, 185px);
  display: grid;
}
.transaction-history__head-cell {
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  display: flex;
}
.transaction-history__table-row {
  padding-inline: calc(var(--spacing)*12);
  padding-block: calc(var(--spacing)*1);
  font-family: var(--font-numbers);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  grid-template-columns: minmax(0, 230px) minmax(0, 165px) minmax(0, 165px) minmax(0, 320px) minmax(0, 320px) minmax(0, 185px);
  font-size: 18px;
  display: grid;
}
.transaction-history__table-row:nth-child(odd) {
  background-color: var(--color-rb-tier-2);
}
.transaction-history__table-row:nth-child(2n) {
  background-color: var(--color-rb-tier-3);
}
.transaction-history__mobile-table {
  margin-top: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  display: none;
  overflow: hidden;
}
@media not all and (min-width:1025px) {
  .transaction-history__mobile-table {
    display: block;
  }
}
.transaction-history__mobile-row-toggle {
  background-color: var(--color-rb-tier-3);
  width: 100%;
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.transaction-history__mobile-row-toggle-icon {
  rotate: 180deg;
}
.transaction-history__mobile-row {
  margin-top: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*1.5);
  padding-right: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*6);
}
.transaction-history__mobile-label {
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  color: 18xp;
}
.transaction-history__mobile-value {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
.transaction-history__pagination {
  margin-top: calc(var(--spacing)*4);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-block: calc(var(--spacing)*2.5);
  padding-right: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*10);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .transaction-history__pagination {
    margin-bottom: calc(var(--spacing)*3);
    padding-inline: calc(var(--spacing)*2.5);
  }
}
.transaction-history__pagination-info {
  align-items: center;
  gap: calc(var(--spacing)*4);
  display: flex;
}
@media not all and (min-width:1025px) {
  .transaction-history__pagination-info {
    display: none;
  }
}
.transaction-history__pagination-show {
  align-items: center;
  gap: calc(var(--spacing)*2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  font-family: var(--text-font-family);
  display: flex;
}
.transaction-history__pagination-dropdown {
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  background-color: var(--color-rb-tier-3);
  padding-inline: calc(var(--spacing)*2.5);
  padding-block: calc(var(--spacing)*1);
  border-radius: 5px;
  display: flex;
}
.transaction-history__pagination-count {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  opacity: .5;
  font-family: var(--text-font-family);
}
.transaction-history__pagination-controls {
  align-items: center;
  gap: calc(var(--spacing)*2.5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  display: flex;
}
@media not all and (min-width:1025px) {
  .transaction-history__pagination-controls {
    justify-content: space-between;
    width: 100%;
  }
}
.transaction-history__pagination-current {
  opacity: .5;
}
@media not all and (min-width:1025px) {
  .transaction-history__pagination-current {
    display: none;
  }
}
.transaction-history__pagination-current--mobile {
  display: none;
}
@media not all and (min-width:1025px) {
  .transaction-history__pagination-current--mobile {
    display: block;
  }
}
.transaction-history__pagination-next-icon {
  opacity: .3;
}
.transaction-history__mobile-actions {
  bottom: calc(var(--spacing)*24);
  left: calc(var(--spacing)*0);
  width: 100%;
  display: none;
}
@media not all and (min-width:1025px) {
  .transaction-history__mobile-actions {
    display: block;
  }
}
.transaction-history__mobile-actions .transaction-history__button--primary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .transaction-history__mobile-actions .transaction-history__button--primary:hover {
    background-color: var(--color-persian-blue);
  }
}
.transaction-history__mobile-actions .transaction-history__button--primary {
  margin-top: calc(var(--spacing)*3);
  margin-bottom: calc(var(--spacing)*3);
  width: 100%;
}
.transaction-history__mobile-actions .transaction-history__button--secondary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .transaction-history__mobile-actions .transaction-history__button--secondary:hover {
    background-color: var(--color-may-green);
  }
}
.transaction-history__mobile-actions .transaction-history__button--secondary {
  width: 100%;
}
.safety-hub {
  position: relative;
}
@media not all and (min-width:1025px) {
  .safety-hub {
    padding-inline: calc(var(--spacing)*4);
  }
}
.safety-hub__modal-overlay {
  top: calc(var(--spacing)*-8);
  left: calc(var(--spacing)*-9);
  z-index: 90;
  background-color: #000000b3;
  justify-content: center;
  width: calc(100% + 72px);
  height: calc(100% + 64px);
  display: flex;
  position: absolute;
}
@supports (color:color-mix(in lab, red, red)) {
  .safety-hub__modal-overlay {
    background-color: color-mix(in srgb, #00070%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black)70%, transparent);
    }
  }
}
.safety-hub__modal-content {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  width: 100%;
  max-width: 695px;
  height: fit-content;
  padding: calc(var(--spacing)*5);
  background-color: var(--color-rb-tier-2);
  border-radius: 10px;
  position: relative;
  top: 14.2857%;
}
.safety-hub__header {
  margin-bottom: calc(var(--spacing)*10);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .safety-hub__header {
    margin-bottom: calc(var(--spacing)*-1);
    gap: calc(var(--spacing)*0);
    flex-direction: column;
  }
}
.safety-hub__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .safety-hub__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.safety-hub__title-highlight {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
}
.safety-hub__desktop-tabs {
  border-radius: 10px;
}
@media not all and (min-width:1025px) {
  .safety-hub__desktop-tabs {
    display: none;
  }
}
.safety-hub__desktop-tabs {
  background: var(--color-safety-hub-card-bg);
  box-shadow: 0 -4px 4px #00000040;
}
.safety-hub__tab {
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6);
  --tw-tracking: .01em;
  letter-spacing: .01em;
  border-width: 2px;
  border-color: #0000;
  border-radius: 10px;
}
.safety-hub__tab--active {
  background-color: var(--color-raisin-black);
  border-color: var(--color-bright-yellow) !important;
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.safety-hub__mobile-tabs {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing)*7);
  width: fit-content;
  display: none;
}
@media not all and (min-width:1025px) {
  .safety-hub__mobile-tabs {
    display: block;
  }
}
.safety-hub__mobile-tabs {
  background-color: var(--color-rb-tier-3);
  border-radius: 10px;
  box-shadow: 0 -4px 4px #00000040;
}
.safety-hub__tab-mobile {
  border-style: var(--tw-border-style);
  padding-block: calc(var(--spacing)*4);
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6);
  border-width: 2px;
  border-color: #0000;
  border-radius: 10px;
  padding-inline: 26px;
  font-size: 18px;
}
@media not all and (min-width:1025px) {
  .safety-hub__tab-mobile {
    padding-inline: calc(var(--spacing)*4);
    font-size: 12.5px;
  }
}
.safety-hub__tab-mobile {
  letter-spacing: var(--tabs-text-tracking);
}
.safety-hub__tab-mobile--active {
  background-color: var(--color-raisin-black);
  border-color: var(--color-bright-yellow) !important;
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
@media not all and (min-width:1025px) {
  .safety-hub-self-exclusion__section {
    text-align: center;
  }
}
.safety-hub-self-exclusion__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .safety-hub-self-exclusion__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.safety-hub-self-exclusion__title {
  --tw-leading: 3rem;
  line-height: 3rem;
}
.safety-hub-self-exclusion__block {
  margin-top: calc(var(--spacing)*7);
  background-color: var(--color-rb-tier-2);
  padding: calc(var(--spacing)*5);
  border-radius: 10px;
  padding-right: 1.625rem;
}
@media not all and (min-width:1025px) {
  .safety-hub-self-exclusion__block {
    margin-top: calc(var(--spacing)*2.5);
  }
}
.safety-hub-self-exclusion__block {
  font-family: var(--content-page-text-ff);
}
.safety-hub-self-exclusion__subtitle {
  margin-bottom: calc(var(--spacing)*3);
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
  font-family: var(--text-font-family);
  --tw-font-weight: var(--font-weight-extrabold) !important;
  font-weight: var(--font-weight-extrabold) !important;
}
.safety-hub-self-exclusion__subtitle--spaced {
  margin-top: calc(var(--spacing)*7);
  margin-bottom: calc(var(--spacing)*3);
}
.safety-hub-self-exclusion__text {
  margin-top: calc(var(--spacing)*6);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: .01em;
  letter-spacing: .01em;
}
.safety-hub-self-exclusion__text:first-child {
  margin-top: calc(var(--spacing)*0);
}
.safety-hub-self-exclusion__text-link {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
  text-decoration-line: underline;
}
.safety-hub-self-exclusion__list {
  padding-left: calc(var(--spacing)*9);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: .01em;
  letter-spacing: .01em;
  list-style-type: disc;
}
@media not all and (min-width:1025px) {
  .safety-hub-self-exclusion__list {
    padding: calc(var(--spacing)*0);
    list-style-type: none;
  }
}
.safety-hub-self-exclusion__list--spaced {
  margin-top: calc(var(--spacing)*7);
}
.safety-hub-self-exclusion__list-item {
  margin-top: calc(var(--spacing)*2);
}
.safety-hub-self-exclusion__list-item:first-child {
  margin-top: calc(var(--spacing)*0);
}
.safety-hub-self-exclusion__actions {
  margin-block: calc(var(--spacing)*7);
  justify-content: center;
  gap: calc(var(--spacing)*4);
  display: flex;
}
@media not all and (min-width:1025px) {
  .safety-hub-self-exclusion__actions {
    margin-block: calc(var(--spacing)*5);
    gap: calc(var(--spacing)*2.5);
    flex-direction: column;
  }
}
.safety-hub-self-exclusion__button--take-a-break {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .safety-hub-self-exclusion__button--take-a-break:hover {
    background-color: var(--color-persian-blue);
  }
}
.safety-hub-self-exclusion__button--take-a-break {
  justify-content: center;
}
@media not all and (min-width:1025px) {
  .safety-hub-self-exclusion__button--take-a-break {
    display: none;
  }
}
.safety-hub-self-exclusion__button--take-a-break-alt {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .safety-hub-self-exclusion__button--take-a-break-alt:hover {
    background-color: var(--color-persian-blue);
  }
}
.safety-hub-self-exclusion__button--take-a-break-alt {
  justify-content: center;
  display: none;
}
@media not all and (min-width:1025px) {
  .safety-hub-self-exclusion__button--take-a-break-alt {
    display: flex;
  }
}
.safety-hub-self-exclusion__button--self-exclude {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .safety-hub-self-exclusion__button--self-exclude:hover {
    background-color: var(--color-may-green);
  }
}
.safetly-hub-limits__header {
  margin-bottom: calc(var(--spacing)*7);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .safetly-hub-limits__header {
    margin-bottom: calc(var(--spacing)*2.5);
    justify-content: center;
  }
}
.safetly-hub-limits__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .safetly-hub-limits__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.safetly-hub-limits__title {
  --tw-leading: calc(var(--spacing)*12) !important;
  line-height: calc(var(--spacing)*12) !important;
}
.safetly-hub-limits__edit-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .safetly-hub-limits__edit-button:hover {
    background-color: var(--color-persian-blue);
  }
}
@media not all and (min-width:1025px) {
  .safetly-hub-limits__edit-button {
    display: none;
  }
}
.safetly-hub-limits__section {
  margin-bottom: calc(var(--spacing)*5);
}
.safetly-hub-limits__subtitle {
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-bright-yellow);
}
@media not all and (min-width:1025px) {
  .safetly-hub-limits__subtitle {
    text-align: center;
  }
}
.safetly-hub-limits__subtitle {
  -webkit-text-fill-color: currentColor !important;
}
.safetly-hub-limits__limit-label {
  margin-top: calc(var(--spacing)*3.5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2);
  --tw-leading: calc(var(--spacing)*7);
  font-size: 21px;
  line-height: calc(var(--spacing)*7);
  flex-direction: column;
  display: flex;
}
@media not all and (min-width:1025px) {
  .safetly-hub-limits__limit-label {
    margin-top: calc(var(--spacing)*2.5);
  }
}
.safetly-hub-limits__limit-input-wrapper {
  align-items: center;
  gap: calc(var(--spacing)*1);
  font-size: 28px;
  display: flex;
  font-family: var(--font-numbers) !important;
}
.safetly-hub-limits__input {
  width: calc(var(--spacing)*19);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}
@media not all and (min-width:1025px) {
  .safetly-hub-limits__input {
    width: 100%;
  }
}
.safetly-hub-limits__edit-button-mobile {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .safetly-hub-limits__edit-button-mobile:hover {
    background-color: var(--color-persian-blue);
  }
}
.safetly-hub-limits__edit-button-mobile {
  margin-bottom: calc(var(--spacing)*5);
  width: 100%;
  display: none;
}
@media not all and (min-width:1025px) {
  .safetly-hub-limits__edit-button-mobile {
    display: block;
  }
}
.cool-off-account {
  font-family: var(--text-font-family);
  flex-direction: column;
  display: flex;
}
.cool-off-account__title {
  margin-bottom: calc(var(--spacing)*4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  font-weight: 700 !important;
}
@media not all and (min-width:1025px) {
  .cool-off-account__title {
    text-align: center;
  }
}
.cool-off-account__title--highlight {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
}
.cool-off-account__form {
  width: 100%;
}
.cool-off-account__form-group {
  margin-bottom: calc(var(--spacing)*2.5);
}
.cool-off-account__select, .cool-off-account__date-input {
  background-color: var(--color-rb-tier-3);
}
.cool-off-account__checkbox-wrapper {
  --tw-leading: 1.125rem;
  line-height: 1.125rem;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  align-items: center;
  gap: 8px;
  display: flex;
}
.cool-off-account__checkbox {
  margin-top: calc(var(--spacing)*1.5);
}
.cool-off-account__checkbox-text {
  font-size: 18px;
}
.cool-off-account__buttons {
  justify-content: space-between;
  display: flex;
}
@media not all and (min-width:1025px) {
  .cool-off-account__buttons {
    gap: calc(var(--spacing)*2.5);
    flex-direction: column;
  }
}
.cool-off-account__button--primary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .cool-off-account__button--primary:hover {
    background-color: var(--color-persian-blue);
  }
}
.cool-off-account__button--secondary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .cool-off-account__button--secondary:hover {
    background-color: var(--color-may-green);
  }
}
@media not all and (min-width:1025px) {
  .cool-off-account__button--hidden-max-xl {
    display: none;
  }
}
.cool-off-account__button--visible-max-xl {
  text-align: center;
  display: none;
}
@media not all and (min-width:1025px) {
  .cool-off-account__button--visible-max-xl {
    display: block;
  }
}
.redeem__header {
  align-items: center;
  gap: calc(var(--spacing)*3);
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem__header {
    gap: calc(var(--spacing)*0);
    padding-inline: calc(var(--spacing)*4);
    flex-direction: column;
  }
}
.redeem__title--mobile {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .redeem__title--mobile {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.redeem__title--mobile {
  display: none;
}
@media not all and (min-width:1025px) {
  .redeem__title--mobile {
    display: block;
  }
}
.redeem__title--desktop {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .redeem__title--desktop {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    display: none;
  }
}
.redeem__highlight {
  color: var(--color-bright-yellow);
}
.redeem__button-group {
  gap: calc(var(--spacing)*5);
  width: 100%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem__button-group {
    flex-direction: column;
  }
}
.redeem__button {
  align-items: center;
  gap: calc(var(--spacing)*2);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing)*2);
  padding-block: calc(var(--spacing)*1);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-width: 2px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem__button {
    justify-content: center;
    width: 100%;
  }
}
.redeem__button--unverified {
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  background-color: var(--color-raisin-black);
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*1);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  border-width: 2px;
}
@media not all and (min-width:1025px) {
  .redeem__button--unverified {
    width: 100%;
  }
}
.redeem__button--verified {
  font-family: var(--verified-button-text-ff);
  font-weight: var(--verified-button-text-fw);
  color: var(--color-black);
  background: var(--verified-button-bg);
  border-color: var(--verified-button-bd-color);
  border-width: var(--verified-button-bd-width);
  border-radius: var(--radius-10);
  background-color: var(--color-may-green);
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*1);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
.redeem__button--verified > * {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
.redeem__button--verified svg path {
  stroke: var(--verified-button-color);
}
.redeem__label {
  color: inherit;
  background: 0 0;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  --tw-leading: calc(var(--spacing)*8);
  line-height: calc(var(--spacing)*8);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  font-weight: inherit !important;
}
.redeem__details {
  margin-top: calc(var(--spacing)*11);
}
@media not all and (min-width:1025px) {
  .redeem__details {
    margin-top: calc(var(--spacing)*2);
    padding-inline: calc(var(--spacing)*4);
  }
}
.redeem__message-wrapper {
  align-items: center;
  gap: calc(var(--spacing)*8);
  display: flex;
  max-width: 916px;
}
@media not all and (min-width:1025px) {
  .redeem__message-wrapper {
    display: none;
  }
}
.redeem__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
  white-space: nowrap;
}
@media not all and (min-width:1025px) {
  .redeem__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.redeem__message {
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  font-family: var(--text-promotion-font-family);
}
.redeem__holdings-wrapper {
  margin-block: calc(var(--spacing)*6);
  border-bottom-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #ffffff4d;
  border-bottom-width: 1px;
  max-width: 916px;
}
@supports (color:color-mix(in lab, red, red)) {
  .redeem__holdings-wrapper {
    border-color: color-mix(in srgb, #fff30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)30%, transparent);
    }
  }
}
.redeem__holdings-wrapper {
  padding-bottom: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .redeem__holdings-wrapper {
    margin-bottom: calc(var(--spacing)*4);
    padding-bottom: calc(var(--spacing)*0);
  }
}
.redeem__holdings-item {
  margin-bottom: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2.5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem__holdings-item {
    padding-block: calc(var(--spacing)*3);
  }
}
.redeem__holdings-item--selected {
  color: var(--color-black);
  background: var(--redeem-holdings-bg-color);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
}
.redeem__holdings-title {
  font-family: var(--text-font-family);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .redeem__holdings-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
.redeem__holdings-amount {
  white-space: nowrap;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  font-family: var(--font-numbers) !important;
}
.alert-warning-wrapper {
  margin-bottom: calc(var(--spacing)*8);
}
@media not all and (min-width: 1025px) {
  .alert-warning-wrapper {
    margin-bottom: calc(var(--spacing)*6);
    margin-inline: calc(var(--spacing)*2.5);
  }
}
.alert-warning {
  display: flex;
  border-radius: var(--radius-lg);
  background-color: var(--warning-alert-bg-color);
  max-width: 916px;
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--warning-alert-text);
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
  border-color: var(--warning-alert-border-color) !important;
}
@media not all and (min-width: 1025px) {
  .redeem-alert {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.alert-icon {
  flex-shrink: 0;
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
}
.alert-content {
  margin-left: calc(var(--spacing) * 3);
}
.alert-title {
  color: var(--warning-alert-text);
  margin-bottom: calc(var(--spacing) * 2);
}
.redeem-details {
  margin-bottom: calc(var(--spacing)*7);
  max-width: 916px;
}
@media not all and (min-width:1025px) {
  .redeem-details {
    padding-inline: calc(var(--spacing)*4);
  }
}
.redeem__note {
  margin-bottom: calc(var(--spacing)*6);
  padding-inline: calc(var(--spacing)*4);
  text-align: center;
  --tw-leading: calc(var(--spacing)*4);
  line-height: calc(var(--spacing)*4);
  display: none;
}
@media not all and (min-width:1025px) {
  .redeem__note {
    display: block;
  }
}
.redeem__note {
  font-family: var(--text-promotion-font-family);
}
.redeem__progress-header {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*2);
  max-width: 916px;
  font-family: var(--text-font-family);
  display: flex;
}
.redeem__progress-title {
  font-family: nexa, sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 36px;
}
@media not all and (min-width:1025px) {
  .redeem__progress-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    font-size: 18px !important;
  }
}
.redeem__progress-title {
  font-family: var(--text-promotion-font-family);
}
.redeem__progress-percentage {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.redeem__progress-bar {
  max-width: 916px;
  margin-top: calc(var(--spacing)*2.5);
  height: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  width: 100%;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media not all and (min-width:1025px) {
  .redeem__progress-bar {
    display: none;
  }
}
.redeem__progress-bar {
  background: var(--redeem-barrier-bg);
}
.redeem__progress-fill {
  height: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  background: var(--redeem-holdings-bg-color);
  width: 33.3333%;
}
.redeem-accordion__title {
  align-items: center;
  gap: calc(var(--spacing)*3);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem-accordion__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.redeem-accordion__title-text {
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing)*2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .redeem-accordion__title-text {
    padding-inline: calc(var(--spacing)*10);
    font-size: var(--text-md);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.redeem-accordion__state {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.redeem-accordion__upload-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .redeem-accordion__upload-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.redeem-accordion__row {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing)*2.5);
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem-accordion__row {
    flex-direction: column;
  }
}
.redeem-accordion__row--spaced {
  margin-top: calc(var(--spacing)*2.5);
}
.redeem-accordion__label {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
}
@media not all and (min-width:1025px) {
  .redeem-accordion__label {
    font-size: var(--text-md);
  }
}
.redeem-accordion__separator {
  height: calc(var(--spacing)*.25);
  border-top-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #ffffff80;
  border-top-width: 1px;
  width: 100%;
}
@supports (color:color-mix(in lab, red, red)) {
  .redeem-accordion__separator {
    border-color: color-mix(in srgb, #fff50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)50%, transparent);
    }
  }
}
@media not all and (min-width:1025px) {
  .redeem-accordion__separator {
    display: none;
  }
}
.redeem-accordion__uploaded {
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  width: 100%;
  max-width: 185px;
  padding-inline: calc(var(--spacing)*4);
  padding-block: calc(var(--spacing)*1);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-bright-yellow);
}
.redeem-accordion__upload {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .redeem-accordion__upload:hover {
    background-color: var(--color-persian-blue);
  }
}
.redeem-accordion__upload {
  width: 100%;
  max-width: 185px;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.redeem__section {
  margin-top: calc(var(--spacing)*7);
  max-width: 916px;
}
@media not all and (min-width:1025px) {
  .redeem__section {
    margin-top: calc(var(--spacing)*2);
    padding-inline: calc(var(--spacing)*4);
  }
}
.redeem__title-highlight {
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
}
.redeem__form-wrapper {
  margin-top: calc(var(--spacing)*5);
  align-items: center;
  gap: calc(var(--spacing)*4);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*5);
  padding-block: calc(var(--spacing)*4);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 10px;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem__form-wrapper {
    margin-top: calc(var(--spacing)*0);
    gap: calc(var(--spacing)*2);
    padding-inline: calc(var(--spacing)*2);
    padding-block: calc(var(--spacing)*2);
    padding-top: calc(var(--spacing)*3);
    flex-direction: column;
  }
}
.redeem__form-wrapper {
  font-family: var(--text-font-family);
}
.redeem__input {
  width: 100%;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}
@media not all and (min-width:1025px) {
  .redeem__input {
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.redeem__submit-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .redeem__submit-button:hover {
    background-color: var(--color-persian-blue);
  }
}
@media not all and (min-width:1025px) {
  .redeem__submit-button {
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
    width: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.redeem__pending-list {
  margin-top: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .redeem__pending-list {
    margin-top: calc(var(--spacing)*0);
  }
}
.redeem__item {
  margin-bottom: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2.5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem__item {
    padding-block: calc(var(--spacing)*3);
    flex-direction: column;
    align-items: baseline;
  }
}
.redeem__item-info {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redeem__item-info {
    width: 100%;
  }
}
.redeem__item-title {
  font-family: var(--font-numbers);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  color: var(--color-bright-yellow);
  -webkit-text-fill-color: currentColor;
}
.redeem__item-date {
  font-family: var(--text-font-family);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.redeem__cancel-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .redeem__cancel-button:hover {
    background-color: var(--color-may-green);
  }
}
@media not all and (min-width:1025px) {
  .redeem__cancel-button {
    margin-top: calc(var(--spacing)*2);
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
    width: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .promotion-details {
    padding-inline: calc(var(--spacing)*3);
    padding-block: calc(var(--spacing)*3);
  }
}
.promotion-details__header {
  margin-bottom: calc(var(--spacing)*5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .promotion-details__header {
    flex-direction: column;
  }
}
.promotion-details__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .promotion-details__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    --tw-leading: calc(var(--spacing)*8) !important;
    line-height: calc(var(--spacing)*8) !important;
  }
}
.promotion-details__back-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .promotion-details__back-button:hover {
    background-color: var(--color-persian-blue);
  }
}
@media not all and (min-width:1025px) {
  .promotion-details__back-button {
    display: none !important;
  }
}
.promotion-details__promo-card {
  border-radius: var(--radius-10);
  width: 100%;
  height: 303px;
  padding: calc(var(--spacing)*2.5);
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  display: flex;
  position: relative;
}
@media not all and (min-width:1025px) {
  .promotion-details__promo-card {
    max-width: 100%;
    height: auto;
    min-height: 110px;
    padding: calc(var(--spacing)*1.5);
    padding-top: calc(var(--spacing)*2.5);
  }
}
.promotion-details__promo-card-button {
  cursor: pointer;
  border: 2px solid var(--promotions-card-gc-bd-color);
  font-family: var(--promotions-card-gc-ff);
  font-weight: var(--promotions-card-gc-fw);
  font-size: var(--promotions-card-gc-fs);
  border-color: var(--promotions-card-gc-bd-color);
  color: var(--promotions-card-gc-color);
  --tw-leading: calc(var(--spacing)*8);
  width: fit-content;
  line-height: calc(var(--spacing)*8);
  border-radius: 10px;
  margin-left: auto;
  padding: 3px 18px;
  transition: all .2s ease-in;
  background: var(--color-promotions-card-gc-bg) !important;
}
@media not all and (min-width:1025px) {
  .promotion-details__promo-card-button {
    background-color: var(--color-persian-blue);
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
  }
}
@media not all and (min-width:1025px) {
  .promotion-details__promo-card-button {
    font-size: var(--promotions-card-gc-mobile-fs);
  }
}
.promotion-details__promo-card-info {
  border-radius: var(--radius-10);
  min-height: 0;
  padding-inline: calc(var(--spacing)*3);
  padding-top: calc(var(--spacing)*1);
  padding-bottom: calc(var(--spacing)*2.5);
  text-align: center;
  background-image: linear-gradient(#0000008c 0%, #000 100%);
  display: flex;
  flex-direction: column;
}
@media not all and (min-width:1025px) {
  .promotion-details__promo-card-info {
    background-color: #000000b3;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .promotion-details__promo-card-info {
      background-color: color-mix(in srgb, #00070%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black)70%, transparent);
      }
    }
  }
  .promotion-details__promo-card-info {
    padding-inline: calc(var(--spacing)*5);
    padding-block: calc(var(--spacing)*3);
    background-image: none;
  }
}
.promotion-details__promo-card-info {
  padding-inline: calc(var(--spacing)*3) !important;
  padding-top: calc(var(--spacing)*2.5) !important;
}
.promotion-details__promo-card-title {
  min-height: 16px;
  font-family: var(--font-nexa);
  --tw-leading: calc(var(--spacing)*9);
  line-height: calc(var(--spacing)*9);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  margin-inline: auto;
}
@media not all and (min-width:1025px) {
  .promotion-details__promo-card-title {
    min-height: calc(var(--spacing)*5);
    max-width: 100%;
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*5);
    line-height: calc(var(--spacing)*5);
    display: block;
  }
}
.promotion-details__highlight {
  color: var(--color-bright-yellow) !important;
}
.promotion-details__claim-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .promotion-details__claim-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.promotion-details__claim-button {
  margin-top: calc(var(--spacing)*2);
  width: 100%;
}
@media not all and (min-width:1025px) {
  .promotion-details__claim-button {
    display: none;
  }
}
.promotion-details__promo-card-icon-wrapper {
  top: calc(var(--spacing)*-5);
  left: calc(var(--spacing)*-7);
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  display: flex;
  position: absolute;
}
@media not all and (min-width:1025px) {
  .promotion-details__promo-card-icon-wrapper {
    top: calc(var(--spacing)*-2.5);
    left: calc(var(--spacing)*-3);
  }
}
@media not all and (min-width:1441px) {
  .promotion-details__promo-card-icon {
    width: calc(var(--spacing)*18);
  }
}
@media not all and (min-width:1025px) {
  .promotion-details__promo-card-icon {
    width: calc(var(--spacing)*11);
  }
}
.promotion-details__info-text {
  margin-block: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2) !important;
  padding: calc(var(--spacing)*4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
.promotion-details__info-text > p {
  background-color: var(--color-rb-tier-2) !important;
}
@media not all and (min-width:1025px) {
  .promotion-details__info-text {
    margin-block: calc(var(--spacing)*2.5);
    text-align: center;
  }
}
.promotion-details__info-text {
  font-family: var(--promotion-details-page-text-ff);
}
@media not all and (min-width:1025px) {
  .promotion-details__info-text--desktop {
    display: none;
  }
}
.promotion-details__info-text--mobile {
  padding-inline: calc(var(--spacing)*4);
  display: none;
}
@media not all and (min-width:1025px) {
  .promotion-details__info-text--mobile {
    display: block;
  }
}
.promotion-details__accordion-wrapper {
  margin-bottom: calc(var(--spacing)*5);
}
.promotion-details__accordion {
  margin-top: calc(var(--spacing)*2.5);
}
@media not all and (min-width:1025px) {
  .promotion-details__accordion {
    margin-top: calc(var(--spacing)*0);
  }
}
.promotion-details__accordion-header {
  z-index: 10;
  margin-top: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  background-color: var(--color-rb-tier-2);
  width: 100%;
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*3.5);
  border-width: 2px;
  border-color: #0000;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
@media not all and (min-width:1025px) {
  .promotion-details__accordion-header {
    flex-direction: column;
    gap: 10px;
  }
}
.promotion-details__accordion-header {
  border-style: var(--tw-border-style);
  border-width: 0;
  color: var(--color-bright-yellow) !important;
}
@media not all and (min-width:1025px) {
  .promotion-details__accordion-header {
    flex-direction: row;
  }
}
.promotion-details__accordion-header {
  cursor: pointer;
}
.promotion-details__accordion-icon--mobile {
  display: none;
}
@media not all and (min-width:1025px) {
  .promotion-details__accordion-icon--mobile {
    display: block;
  }
}
.promotion-details__accordion-title {
  font-family: var(--text-font-family);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media not all and (min-width:1025px) {
  .promotion-details__accordion-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.promotion-details__accordion-title {
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  align-items: center;
  gap: calc(var(--spacing)*3);
  display: flex;
}
.promotion-details__accordion-body {
  font-family: var(--promotion-details-page-text-ff);
  height: calc(var(--spacing)*0);
  border-radius: var(--radius-10);
  background-color: var(--color-raisin-black);
  padding: calc(var(--spacing)*0);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  overflow: hidden;
}
.promotion-details__accordion-body * {
  background-color: var(--color-raisin-black) !important;
}
@media not all and (min-width:1025px) {
  .promotion-details__accordion-body {
    font-size: var(--text-md);
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
  }
}
.promotion-details__accordion-body {
  background-color: var(--color-rb-tier-2);
}
@media not all and (min-width:1025px) {
  .promotion-details__accordion-body {
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7);
  }
}
.promotion-details__accordion-body--active {
  margin-top: calc(var(--spacing)*-4);
  padding-inline: calc(var(--spacing)*6);
  padding-top: calc(var(--spacing)*6);
  padding-bottom: calc(var(--spacing)*6);
  height: auto !important;
}
@media not all and (min-width:1025px) {
  .promotion-details__accordion-body--active {
    padding-inline: calc(var(--spacing)*3.5);
    padding-top: calc(var(--spacing)*5);
    padding-bottom: calc(var(--spacing)*3.5);
  }
}
.promotion-details__accordion-text {
  margin-bottom: calc(var(--spacing)*5);
}
.promotion-details__claim-button--mobile {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .promotion-details__claim-button--mobile:hover {
    background-color: var(--color-persian-blue);
  }
}
.promotion-details__claim-button--mobile {
  margin-block: calc(var(--spacing)*5);
  width: 100%;
  display: none;
}
@media not all and (min-width:1025px) {
  .promotion-details__claim-button--mobile {
    display: block;
  }
}
.side-menu__modal-overlay {
  z-index: 50;
  background-color: #000000b3;
  justify-content: center;
  display: flex;
  position: absolute;
}
@supports (color:color-mix(in lab, red, red)) {
  .side-menu__modal-overlay {
    background-color: color-mix(in srgb, #00070%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black)70%, transparent);
    }
  }
}
.side-menu__modal-overlay {
  width: calc(100% + 72px);
  height: calc(100% + 64px);
  top: -2rem;
  left: -2.25rem;
}
.side-menu__modal-content {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-bright-yellow);
  background-color: var(--color-rb-tier-2);
  width: 100%;
  max-width: 695px;
  height: fit-content;
  padding: calc(var(--spacing)*5);
  position: relative;
  top: 14.28%;
}
.side-menu__logo-container {
  padding: calc(var(--spacing)*1);
  justify-content: center;
  display: flex;
}
.side-menu__logo {
  height: calc(var(--spacing)*16);
}
.side-menu__user-profile {
  margin-top: calc(var(--spacing)*1);
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing)*2);
  padding-block: calc(var(--spacing)*3);
  --tw-shadow: 0px -4px 4px 0px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background: var(--color-menu-body-bg);
}
.side-menu__user-info {
  align-items: center;
  gap: calc(var(--spacing)*4);
  display: flex;
}
.side-menu__user-avatar-container {
  margin-top: calc(var(--spacing)*1);
  margin-left: calc(var(--spacing)*3);
}
.side-menu__user-name {
  --tw-leading: calc(var(--spacing)*10);
  line-height: calc(var(--spacing)*10);
  font-size: var(--menu-body-user-name-fs);
}
.side-menu__user-email {
  color: var(--color-may-green);
}
.side-menu__balance {
  align-items: center;
  gap: calc(var(--spacing)*2);
  border-radius: var(--radius-lg);
  background-color: var(--color-rb-tier-3);
  padding-inline: calc(var(--spacing)*2);
  display: flex;
}
.side-menu__balance--gc {
  margin-top: calc(var(--spacing)*4);
}
.side-menu__balance--sc {
  margin-top: calc(var(--spacing)*1);
  margin-bottom: calc(var(--spacing)*4);
}
.side-menu__balance-text {
  --tw-leading: calc(var(--spacing)*10);
  font-size: 24px;
  line-height: calc(var(--spacing)*10);
  font-family: var(--font-numbers) !important;
}
.side-menu__shop-button {
  background-image: var(--img-shop-button);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-black);
  background-position: 50%;
  border-width: 2px;
  border-color: #faa61a;
  padding: 5px 10px;
  display: flex;
  width: 100% !important;
}
.side-menu__shop-button {
  font-weight: normal;
}
.side-menu__redeem-button {
  display: block;
  text-align: center;
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: 400;
  margin-top: calc(var(--spacing)*3);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  text-transform: uppercase;
  padding: 3px 18px;
  transition: all .2s ease-in;
  width: 100% !important;
}
@media (hover:hover) {
  .side-menu__redeem-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.side-menu__nav {
  margin-top: calc(var(--spacing)*7);
  padding-inline: calc(var(--spacing)*4);
  font-family: var(--sidenav-panel-text-ff);
  overflow-y: auto;
  font-weight: var(--color-category-font-weight) !important;
}
.side-menu__nav-list {
  border-top-style: var(--tw-border-style);
  border-color: #c9c9c94d;
  border-top-width: 1px;
}
@supports (color:color-mix(in lab, red, red)) {
  .side-menu__nav-list {
    border-color: color-mix(in srgb, #c9c9c930%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary-colour-3)30%, transparent);
    }
  }
}
.side-menu__nav-list {
  padding-inline: calc(var(--spacing)*5);
  padding-block: calc(var(--spacing)*8);
}
.side-menu__nav-item {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing)*5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  letter-spacing: .0625rem;
  -webkit-text-fill-color: currentColor;
  display: flex;
}
.side-menu__nav-item:hover {
  color: var(--color-bright-yellow) !important;
}
.side-menu__nav-item + .side-menu__nav-item, .side-menu__list-title + .side-menu__nav-item {
  margin-top: calc(var(--spacing)*3);
}
.side-menu__nav-link {
  align-items: center;
  gap: calc(var(--spacing)*5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  letter-spacing: .0625rem;
  -webkit-text-fill-color: currentColor;
  cursor: pointer;
  display: flex !important;
}
.side-menu__nav-link:hover {
  color: var(--color-bright-yellow) !important;
}
.side-menu__nav-link--active {
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
.side-menu__icon-wrapper {
  width: calc(var(--spacing)*6);
  justify-content: center;
  display: flex;
}
.side-menu__icon {
  fill: currentColor;
}
.main-lobby {
  height: 100%;
  overflow-y: scroll;
}
@media (max-width:1280px) {
  .main-lobby__top-content {
    flex-direction: column-reverse;
    display: flex;
  }
}
.main-lobby__promotions {
  border-color: #ffffff4d;
}
@supports (color:color-mix(in lab, red, red)) {
  .main-lobby__promotions {
    border-color: color-mix(in srgb, #fff30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)30%, transparent);
    }
  }
}
@media (max-width:1280px) {
  .main-lobby__promotions {
    margin-left: calc(var(--spacing)*2.5);
    border-bottom-style: var(--tw-border-style);
    padding-bottom: calc(var(--spacing)*2);
    border-bottom-width: 1px;
  }
}
.main-lobby__title {
  align-items: center;
  gap: calc(var(--spacing)*2.5);
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
  display: flex;
}
@media not all and (min-width:1025px) {
  .main-lobby__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.main-lobby__title-count {
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
.main-lobby__title-arrow {
  margin-top: calc(var(--spacing)*1);
  color: var(--color-may-green);
}
@media (max-width:1280px) {
  .main-lobby__title-arrow {
    margin-top: calc(var(--spacing)*0);
  }
}
.main-lobby__slider {
  margin-top: calc(var(--spacing)*4);
  position: relative;
}
@media (max-width:1280px) {
  .main-lobby__slider {
    margin-top: calc(var(--spacing)*0);
  }
}
.main-lobby__slider-fade {
  pointer-events: none;
  inset-block: calc(var(--spacing)*0);
  z-index: 10;
  width: calc(var(--spacing)*32);
  position: absolute;
}
.main-lobby__slider-fade--left {
  left: calc(var(--spacing)*0);
  background: linear-gradient(270deg, #26262600 0%, #262626 100%);
}
.main-lobby__slider-fade--right {
  right: calc(var(--spacing)*0);
  background: linear-gradient(90deg, #26262600 0%, #262626 100%);
}
.main-lobby__slider-track {
  gap: calc(var(--spacing)*5);
  width: 100%;
  display: flex;
  overflow-x: auto;
}
@media (max-width:1280px) {
  .main-lobby__slider-track {
    gap: calc(var(--spacing)*2.5);
  }
}
.main-lobby__promo-card {
  flex-shrink: 0;
  width: 420px;
  height: 236px;
  position: relative;
}
@media (max-width:1280px) {
  .main-lobby__promo-card {
    width: 222px;
  }
}
.main-lobby__promo-image {
  border-radius: var(--radius-10);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.main-lobby__promo-info-icon {
  top: calc(var(--spacing)*2.5);
  right: calc(var(--spacing)*2);
  cursor: pointer;
  filter: var(--shadow-info-image);
  border-radius: 3.40282e38px;
  position: absolute;
}
.main-lobby__categories {
  margin-top: calc(var(--spacing)*6);
  gap: calc(var(--spacing)*2.5);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-color: #ffffff4d;
  border-bottom-width: 1px;
  width: 100%;
  display: flex;
  overflow-x: auto;
}
@supports (color:color-mix(in lab, red, red)) {
  .main-lobby__categories {
    border-color: color-mix(in srgb, #fff30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white)30%, transparent);
    }
  }
}
.main-lobby__categories {
  padding-block: calc(var(--spacing)*5.5);
  font-family: var(--category-button-text-ff);
  --tw-font-weight: var(--color-category-font-weight) !important;
  font-weight: var(--color-category-font-weight) !important;
}
@media (max-width:1280px) {
  .main-lobby__categories {
    margin-block: calc(var(--spacing)*1);
    margin-left: calc(var(--spacing)*2.5);
    width: auto;
    padding-block: calc(var(--spacing)*2.5);
  }
}
.main-lobby__category-link {
  align-items: center;
  gap: calc(var(--spacing)*2);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing)*2);
  padding-block: calc(var(--spacing)*1);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  color: var(--color-main-lobby-categories-text);
  border-width: 2px;
  border-color: var(--color-category-border);
  flex-shrink: 0;
  display: flex !important;
}
@media (max-width:1280px) {
  .main-lobby__category-link {
    gap: calc(var(--spacing)*1);
  }
}
@media (max-width:1024px) {
  .main-lobby__category-link {
    font-size: var(--text-md);
  }
}
@media (max-width:1280px) {
  .main-lobby__category-icon {
    width: calc(var(--spacing)*4);
  }
}
.main-lobby__category-link--selected {
  color: var(--color-category-selected-text);
  background: var(--color-category-selected-bg) !important;
}
.main-lobby__category-link--main {
  background: var(--color-category-main-lobby-bg);
}
.main-lobby__category-link--for-you {
  background: var(--color-category-for-you-bg);
}
.main-lobby__category-link--trending {
  background: var(--color-category-trending-bg);
}
.main-lobby__category-link--new {
  background: var(--color-category-new-bg);
}
.main-lobby__category-link--all-games {
  background: var(--color-category-all-games-bg);
}
.main-lobby__game-section {
  margin-top: calc(var(--spacing)*4);
}
@media not all and (min-width:1025px) {
  .main-lobby__game-section {
    margin-top: 0;
  }
}
@media (max-width:1280px) {
  .main-lobby__game-section {
    margin-inline: calc(var(--spacing)*2.5);
    margin-top: calc(var(--spacing)*1);
  }
  .main-lobby__game-section--for-you {
    margin-top: calc(var(--spacing)*1);
  }
}
.main-lobby__game-section--trending {
  margin-top: calc(var(--spacing)*1);
}
.main-lobby__game-section--new {
  margin-block: calc(var(--spacing)*5);
}
@media (max-width:1280px) {
  .main-lobby__game-section--new {
    margin-top: calc(var(--spacing)*1);
  }
}
.main-lobby__games {
  position: relative;
  margin-top: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .main-lobby__games {
    margin-top: 0;
  }
}
.main-lobby__game-track {
  gap: calc(var(--spacing)*4);
  width: 100%;
  display: flex;
  overflow-x: auto;
}
.main-lobby__game-card {
  border-radius: var(--radius-10);
  flex: none;
  width: 236px;
  height: 420px;
  position: relative;
  overflow: hidden;
}
@media not all and (min-width:1025px) {
  .main-lobby__game-card {
    width: 125px;
    height: 222px;
  }
}
.main-lobby__game-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.main-lobby__game-info-icon {
  top: calc(var(--spacing)*2.5);
  right: calc(var(--spacing)*2);
  cursor: pointer;
  filter: var(--shadow-info-image);
  border-radius: 3.40282e38px;
  position: absolute;
}
.main-lobby__promo-banner {
  background-image: var(--img-promo-banner);
  z-index: 2;
  border-radius: var(--radius-10);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  margin: 41px 0 16px;
  padding: 22px 38px;
  display: flex;
  position: relative;
}
@media not all and (min-width:1025px) {
  .main-lobby__promo-banner {
    margin-block: calc(var(--spacing)*2);
    background-image: var(--img-promo-banner-mobile);
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*4.5);
    flex-direction: column;
    align-items: center;
  }
}
.main-lobby__promo-banner:before {
  content: "";
  background: var(--promo-banner-before-bg);
  pointer-events: none;
  z-index: -1;
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:1280px) {
  .main-lobby__promo-banner-content {
    text-align: center;
  }
}
.main-lobby__promo-banner-title {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  font-size: 44.208px;
  font-family: var(--font-nexa);
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-bright-yellow) !important;
  -webkit-text-fill-color: currentColor !important;
}
@media not all and (min-width:1025px) {
  .main-lobby__promo-banner-title {
    font-size: 27px !important;
  }
}
.main-lobby__promo-banner-subtitle {
  text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
  width: fit-content;
  font-size: 40.901px;
  line-height: 60px;
  font-family: var(--font-secondary);
  color: var(--color-white);
  align-items: center;
  gap: 12px;
  margin-inline: auto;
  display: flex;
}
@media not all and (min-width:1025px) {
  .main-lobby__promo-banner-subtitle {
    gap: calc(var(--spacing)*2);
    font-size: 30px;
    --tw-leading: unset !important;
    font-size: 22px !important;
    line-height: unset !important;
    justify-content: center !important;
  }
}
.main-lobby__promo-banner-star {
  width: 26px;
  height: 25px;
}
@media (max-width:1280px) {
  .main-lobby__promo-banner-star {
    width: 19px;
    height: 18px;
  }
}
.main-lobby__promo-banner-action {
  margin-block: auto;
}
@media (max-width:1280px) {
  .main-lobby__promo-banner-action {
    margin-top: calc(var(--spacing)*2.5);
  }
}
.main-lobby__promo-banner-button {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .main-lobby__promo-banner-button:hover {
    background-color: var(--color-persian-blue);
  }
}
.main-lobby__promo-banner-button:disabled {
  opacity: .8;
  background-color: var(--color-may-green);
}
.toggle-switch {
  cursor: pointer;
  background-color: #faa61a80;
  border-radius: 10px;
  width: 50px;
  height: 15px;
  position: relative;
}
@supports (color:color-mix(in lab, red, red)) {
  .toggle-switch {
    background-color: color-mix(in srgb, #76A72150%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bright-yellow)50%, transparent);
    }
  }
}
.toggle-switch__handle {
  top: 50%;
  left: calc(var(--spacing)*0);
  height: calc(var(--spacing)*6);
  width: calc(var(--spacing)*6);
  background-color: var(--color-bright-yellow);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 3.40282e38px;
  transition: left .2s ease-in-out;
  position: absolute;
  transform: translateY(-50%);
}
.toggle-switch__handle--active {
  left: 26px;
}
.profile__main-title {
  margin-bottom: calc(var(--spacing)*10);
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .profile__main-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
@media (max-width:1280px) {
  .profile__main-title {
    margin-bottom: calc(var(--spacing)*0);
    text-align: center;
  }
}
.profile__section {
  margin-top: calc(var(--spacing)*5);
}
@media (max-width:1280px) {
  .profile__section {
    padding-inline: calc(var(--spacing)*4);
  }
  .profile__section--contact, .profile__section--marketing {
    margin-top: calc(var(--spacing)*2);
  }
  .profile__section--transaction {
    padding-bottom: calc(var(--spacing)*7);
  }
}
.profile__section--marketing {
  font-family: var(--text-promotion-font-family);
}
.profile__section--sign-in, .profile__section--login-attempts {
  font-family: var(--text-font-family);
}
.profile__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media (max-width:1280px) {
  .profile__header {
    justify-content: center;
  }
}
.profile__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .profile__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
@media (max-width:1280px) {
  .profile__title {
    text-align: center;
  }
  .profile__title--marketing {
    --tw-leading: calc(var(--spacing)*9) !important;
    line-height: calc(var(--spacing)*9) !important;
  }
}
.profile__title--highlight {
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
.profile__header-actions {
  gap: calc(var(--spacing)*5);
  display: flex;
}
@media (max-width:1280px) {
  .profile__header-actions {
    display: none;
  }
}
.profile__mobile-actions {
  gap: calc(var(--spacing)*5);
  justify-content: center;
  display: none;
}
@media (max-width:1280px) {
  .profile__mobile-actions {
    display: flex;
  }
}
.profile__button--primary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .profile__button--primary:hover {
    background-color: var(--color-persian-blue);
  }
}
.profile__button--primary:disabled {
  opacity: .8;
  background-color: var(--color-may-green);
}
.profile__button--secondary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .profile__button--secondary:hover {
    background-color: var(--color-may-green);
  }
}
.profile__button--full-width {
  margin-top: calc(var(--spacing)*4);
  width: 100%;
  background: var(--color-change-password-button-bg) !important;
}
@media (max-width:1280px) {
  .profile__button--full-width {
    margin-top: calc(var(--spacing)*1);
  }
}
.profile__button--verification {
  background: var(--color-profile-verification-status-bg) !important;
}
.profile__button--redeem {
  background: var(--color-profile-redeem-button-bg) !important;
}
.profile__button.profile__button--primary.profile__button--full-width {
  text-align: center;
}
.profile__form-row {
  gap: calc(var(--spacing)*5);
  display: flex;
}
@media (max-width:1280px) {
  .profile__form-row {
    gap: calc(var(--spacing)*0);
    flex-direction: column;
  }
}
.profile__input-group {
  font-family: var(--text-promotion-font-family);
  background: var(--color-profile-input-bg);
  margin-top: calc(var(--spacing)*3.5);
  border-radius: var(--radius-10);
  width: 100%;
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2);
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  display: flex;
}
@media (max-width:1280px) {
  .profile__input-group {
    margin-top: calc(var(--spacing)*2.5);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background: var(--color-rb-tier-2);
  }
  .profile__input-group--contact, .profile__input-group--sign-in {
    margin-top: calc(var(--spacing)*1);
  }
}
.profile__input {
  width: 100%;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}
.profile__input, .profile__input-group--contact .profile__input {
  font-family: var(--font-numbers) !important;
}
.profile__input--email {
  font-family: inherit !important;
}
.profile__toggles {
  margin-top: calc(var(--spacing)*5);
  gap: calc(var(--spacing)*5);
  display: flex;
}
@media (max-width:1280px) {
  .profile__toggles {
    margin-inline: auto;
    margin-top: calc(var(--spacing)*2);
    max-width: 400px;
  }
}
.profile__toggle-item {
  background: var(--color-toggle-switch-bg);
  align-items: center;
  gap: calc(var(--spacing)*4);
  border-radius: var(--radius-10);
  padding: calc(var(--spacing)*4);
  padding-right: calc(var(--spacing)*7);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: flex;
}
@media (max-width:1280px) {
  .profile__toggle-item {
    width: 100%;
    padding-inline: calc(var(--spacing)*0);
    justify-content: center;
  }
}
.profile__info-text {
  margin-top: calc(var(--spacing)*3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  -webkit-text-fill-color: currentColor;
  color: var(--color-bright-yellow) !important;
}
@media (max-width:1280px) {
  .profile__info-text {
    text-align: center;
    --tw-leading: calc(var(--spacing)*5);
    max-width: 400px;
    font-size: 18px;
    line-height: calc(var(--spacing)*5);
    margin-inline: auto;
  }
  .profile__info-text--sign-in {
    margin-inline: calc(var(--spacing)*3);
  }
}
.profile__info-text--sign-in {
  font-family: var(--text-font-family);
}
.profile__info-text--underline {
  text-decoration-line: underline;
}
.profile__date-input-header {
  margin-top: calc(var(--spacing)*5);
}
@media (max-width:1280px) {
  .profile__date-input-header {
    margin-top: calc(var(--spacing)*1.5);
  }
}
.profile__table {
  margin-top: calc(var(--spacing)*5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  overflow: hidden;
}
.profile__table-header {
  padding-inline: calc(var(--spacing)*12);
  padding-block: calc(var(--spacing)*3.5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  background: var(--rb-tier-2);
  grid-template-columns: minmax(0, 620px) minmax(0, 690px) minmax(0, 180px);
  display: grid;
  font-family: var(--font-numbers) !important;
}
.profile__table-row {
  padding-inline: calc(var(--spacing)*12);
  padding-block: calc(var(--spacing)*1);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  grid-template-columns: minmax(0, 620px) minmax(0, 690px) minmax(0, 180px);
  font-size: 18px;
  display: grid;
  font-family: var(--font-numbers) !important;
}
.profile__table-row:nth-child(odd) {
  background: var(--rb-tier-2);
}
.profile__table-row:nth-child(2n) {
  background: var(--color-table-row-even-bg);
}
.profile__table-cell--success {
  -webkit-text-fill-color: currentColor;
  color: var(--bright-yellow) !important;
}
.profile__table-cell--failure {
  color: red;
}
.profile__accordion {
  margin-top: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  display: none;
  overflow: hidden;
}
@media (max-width:1280px) {
  .profile__accordion {
    display: block;
  }
}
.profile__accordion-button {
  width: 100%;
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  background: var(--color-rb-tier-3);
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.profile__accordion-icon {
  rotate: 180deg;
}
.profile__accordion-block {
  background: var(--color-rb-tier-2);
  border-bottom-right-radius: var(--radius-10);
  border-bottom-left-radius: var(--radius-10);
  padding-block: calc(var(--spacing)*1.5);
  padding-right: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*6);
}
.profile__accordion-block--result {
  margin-top: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
}
.profile__accordion-block-title {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  font-size: 18px;
}
.profile__accordion-block-text {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*7);
  line-height: calc(var(--spacing)*7);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.profile__accordion-block-text--success {
  -webkit-text-fill-color: currentColor;
  color: var(--bright-yellow) !important;
}
.profile__pagination {
  background: var(--color-rb-tier-2);
  margin-top: calc(var(--spacing)*4);
  border-radius: var(--radius-10);
  padding-block: calc(var(--spacing)*2.5);
  padding-right: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*10);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media (max-width:1280px) {
  .profile__pagination {
    padding-inline: calc(var(--spacing)*2.5);
  }
}
.profile__pagination-info-wrapper {
  align-items: center;
  gap: calc(var(--spacing)*4);
  display: flex;
}
@media (max-width:1280px) {
  .profile__pagination-info-wrapper {
    display: none;
  }
}
.profile__pagination-show {
  font-family: var(--text-font-family);
  align-items: center;
  gap: calc(var(--spacing)*2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  display: flex;
}
.profile__pagination-dropdown {
  background: var(--color-rb-tier-3);
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  padding-inline: calc(var(--spacing)*2.5);
  padding-block: calc(var(--spacing)*1);
  border-radius: 5px;
  display: flex;
}
.profile__pagination-text {
  font-family: var(--text-font-family);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  opacity: .5;
}
.profile__pagination-controls {
  align-items: center;
  gap: calc(var(--spacing)*2.5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  display: flex;
}
@media (max-width:1280px) {
  .profile__pagination-controls {
    justify-content: space-between;
    width: 100%;
  }
}
.profile__pagination-page-number--desktop {
  opacity: .5;
}
@media (max-width:1280px) {
  .profile__pagination-page-number--desktop {
    display: none;
  }
}
.profile__pagination-page-number--mobile {
  display: none;
}
@media (max-width:1280px) {
  .profile__pagination-page-number--mobile {
    display: block;
  }
}
.profile__pagination-arrow--disabled {
  opacity: .3;
}
.verify-account {
  min-height: calc(100vh - 143px);
}
@media (max-width:1280px) {
  .verify-account {
    padding-inline: calc(var(--spacing)*4);
  }
}
.take-a-break {
  min-height: calc(100vh - 143px);
}
@media (max-width:1280px) {
  .take-a-break {
    padding-inline: calc(var(--spacing)*4);
  }
}
.footer-nav {
  font-family: var(--mobile-nav-font-family);
  font-size: var(--mobile-nav-font-size);
  bottom: calc(var(--spacing)*0);
  z-index: 50;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
  border-color: var(--color-bright-yellow);
  background-color: var(--color-rb-tier-3);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  display: none;
  position: sticky;
}
@media (max-width:1024px) {
  .footer-nav {
    display: block;
  }
}
.footer-nav__list {
  justify-content: space-between;
  width: 100%;
  display: flex;
}
.footer-nav__item {
  margin-block: calc(var(--spacing)*2.5);
  padding-block: calc(var(--spacing)*1);
  --tw-tracking: var(--tracking-tighter);
  letter-spacing: var(--tracking-tighter);
}
.footer-nav__item--search {
  flex-direction: column;
  align-items: center;
  min-width: 50px;
  display: flex;
}
.footer-nav__item--middle {
  margin: calc(var(--spacing)*0);
  flex-direction: column;
  align-items: center;
  width: 30%;
  display: flex;
  position: relative;
}
.footer-nav__item--promo {
  min-width: 50px;
}
.footer-nav__link {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.footer-nav__icon {
  height: calc(var(--spacing)*5.5);
}
.footer-nav__separator {
  margin-block: calc(var(--spacing)*2.5);
  --tw-border-style: none;
  background-color: #ffffff4d;
  border-style: none;
  align-self: stretch;
  width: 1px;
  height: auto;
}
@supports (color:color-mix(in lab, red, red)) {
  .footer-nav__separator {
    background-color: color-mix(in srgb, #fff30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white)30%, transparent);
    }
  }
}
.footer-nav__separator {
  padding-block: calc(var(--spacing)*1);
}
.footer-nav__balance-bg {
  top: calc(var(--spacing)*0);
  left: calc(var(--spacing)*0);
  background-color: var(--color-footer-nav-balance-bg);
  width: 100%;
  height: 100%;
  padding: calc(var(--spacing)*1);
  color: var(--color-footer-nav-balance-text);
  border-radius: 1rem;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
}
.footer-nav__shop-button {
  top: calc(var(--spacing)*-3);
  height: 3rem;
  position: absolute;
  width: 100% !important;
  padding-block: calc(var(--spacing)*3) !important;
}
.footer-nav__balance-label {
  font-size: 1rem;
}
.date-input__title-text {
  text-align: left;
}
.date-input__input {
  text-align: left;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6);
}
.custom-select {
  cursor: pointer;
  border-radius: var(--radius-10);
  background-color: var(--color-select-input);
  width: 100%;
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2);
  position: relative;
}
.custom-select__button {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.custom-select__native {
  background-color: var(--color-rb-tier-3);
}
.custom-select__name {
  text-align: left;
}
.custom-select__content {
  width: 100%;
}
.custom-select__selected-option {
  text-align: left;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6);
  width: 100%;
}
.custom-select__icon path {
  stroke: #fff;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.custom-select__options {
  top: calc(var(--spacing)*14);
  left: calc(var(--spacing)*0);
  z-index: 10;
  border-bottom-right-radius: var(--radius-10);
  border-bottom-left-radius: var(--radius-10);
  background-color: inherit;
  width: 100%;
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2);
  text-align: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  position: absolute;
}
.custom-select__option {
  cursor: pointer;
  padding-block: calc(var(--spacing)*1);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .2s;
  transition-duration: .2s;
}
.custom-select__option:hover {
  border-radius: var(--radius-md);
  background-color: #ffffff1a;
}
@supports (color:color-mix(in lab, red, red)) {
  .custom-select__option:hover {
    background-color: color-mix(in srgb, #fff10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white)10%, transparent);
    }
  }
}
@media (max-width:1279px) {
  .custom-select {
    background-color: var(--color-rb-tier-3);
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.promotion-details__promo-card.promotion-details__promo-card--large {
  background-image: var(--main-headline-image);
}
.promo-card__button {
  cursor: pointer;
  border: 2px solid var(--promotions-card-gc-bd-color);
  font-family: var(--promotions-card-gc-ff);
  font-weight: var(--promotions-card-gc-fw);
  font-size: var(--promotions-card-gc-fs);
  border-color: var(--promotions-card-gc-bd-color);
  color: var(--promotions-card-gc-color);
  border-radius: 10px;
  padding: 3px 18px;
  transition: all .2s ease-in;
  background: var(--color-promotions-card-gc-bg) !important;
}
@media not all and (min-width:1025px) {
  .promo-card__button {
    font-size: var(--promotions-card-gc-mobile-fs);
  }
}
.coin-card {
  font-family: var(--coin-store-card-free-gc-ff);
  font-weight: var(--coin-store-card-free-gc-fw);
}
.card-left-badge {
  background-color: var(--coin-store-card-free-gc-bg-color);
  border-color: var(--coin-store-card-free-gc-bd-color);
  color: var(--coin-store-card-free-gc-color);
  font-size: var(--coin-store-small-card-free-gc-fs);
}
.coin-card-large .card-left-badge {
  font-size: var(--coin-store-large-card-free-gc-fs);
}
@media not all and (min-width:1025px) {
  .card-left-badge {
    font-size: var(--coin-store-small-card-free-gc-mobile-fs);
  }
  .coin-card-large .card-left-badge {
    font-size: var(--coin-store-large-card-free-gc-mobile-fs);
  }
}
.signup-input, .login-input {
  font-family: var(--input-element-font-family);
}
.unverified-button {
  font-family: var(--unverified-button-text-ff);
  font-weight: var(--unverified-button-text-fw);
  color: var(--unverified-button-color);
  background: var(--unverified-button-bg);
  border-color: var(--unverified-button-bd-color);
  border-width: var(--unverified-button-bd-width);
}
.unverified-button > * {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
.unverified-button svg path {
  fill: var(--unverified-button-color);
}
.verified-button {
  font-family: var(--verified-button-text-ff);
  font-weight: var(--verified-button-text-fw);
  color: var(--verified-button-color);
  background: var(--verified-button-bg);
  border-color: var(--verified-button-bd-color);
  border-width: var(--verified-button-bd-width);
}
.verified-button > * {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
.verified-button svg path {
  stroke: var(--verified-button-color);
}
.app-header__info-button {
  border-color: var(--color-info-button-border);
  background: var(--color-info-button-bg);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  justify-content: center;
  align-items: center;
  width: 47px;
  height: 47px;
  margin: auto 0;
  display: flex;
}
.app-header__info-button svg path {
  fill: var(--color-button-text);
}
.categories-section a.selected {
  background: var(--color-category-selected-bg);
  color: var(--color-category-selected-text);
}
.redeem-accordion__title, .redeem-accordion__state, .redeem-accordion__body {
  font-family: var(--text-font-family);
}
.redeem-accordion__state {
  font-weight: 700;
}
.redeem-holdings__info.selected {
  color: var(--color-button-text);
}
.redeem-holdings__amount, .numbers-font {
  font-family: var(--numbers-font);
}
.redeem-holdings__title:has(span:contains("$")) {
  font-family: var(--numbers-font);
}
.leading-benefits__title {
  -webkit-text-fill-color: unset;
  color: var(--section-title-color) !important;
}
.leading-benefits__bg {
  background-color: var(--section-bg-color);
  border-radius: 20px;
  padding: 50px 33px;
}
.leading-subtitle {
  font-family: var(--subtitle-font);
}
.password-strength__bar.filled {
  background: var(--password-strength-bar-color) !important;
}
@media not all and (min-width:1025px) {
  .coin-card-small > div {
    font-size: var(--coin-store-small-card-gc-mobile-fs) !important;
  }
  .no-purchases__subtitle {
    font-size: 25px !important;
  }
  .app-header__info-button {
    display: none;
  }
}
.no-gradient-text {
  background: 0 0;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: initial;
  color: inherit;
}
.promo-banner:before, .no-purchases:before {
  border-radius: 20px;
}
.no-purchases__title {
  font-size: 37px;
}
.top-pick-img {
  max-height: 680px;
  margin: auto;
}
.tracking-tighter a {
  display: flex;
}
.mobile-bottom-menu {
  background-color: #4d7d2e;
}
.balance__checkbox {
  display: flex;
}
.balance__checkbox .material-switch-control-input {
  display: none;
}
.balance__checkbox .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
  top: calc(var(--spacing) * 0.5);
  bottom: calc(var(--spacing) * 0.5);
  background-color: var(--color-bright-yellow);
}
.balance__checkbox .material-switch-control-indicator {
  position: relative;
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 6.5);
  cursor: pointer;
  border-radius: 8px;
  background-color: var(--color-rb-tier-3);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  @media (width < 1025px) {
    height: calc(var(--spacing) * 7);
  }
  @media (width < 1025px) {
    width: calc(var(--spacing) * 4);
  }
  @media (width < 1025px) {
    border-radius: 5;
  }
}
.balance__checkbox .material-switch-control-indicator::after {
  content: '';
  position: absolute;
  top: calc(var(--spacing) * 6.75);
  left: calc(var(--spacing) * 0.5);
  height: calc(var(--spacing) * 4.75);
  width: calc(var(--spacing) * 5.5);
  border-radius: 7px;
  background-color: var(--color-bright-yellow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  @media (width < 1025px) {
    top: calc(var(--spacing) * 3.75);
  }
  @media (width < 1025px) {
    left: calc(var(--spacing) * 0.25);
  }
  @media (width < 1025px) {
    height: calc(var(--spacing) * 3);
  }
  @media (width < 1025px) {
    width: calc(var(--spacing) * 3.5);
  }
  @media (width < 1025px) {
    border-radius: 5;
  }
}
.menu-sub-dropdown {
  background-color: var(--color-header-items-bg);
}
.footer__link-live-chat-title {
  display: none;
}
.daterangepicker {
  background-color: #191A36 !important;
}
.daterangepicker .ranges, .daterangepicker .calendar-table {
  background-color: #262752 !important;
}
.daterangepicker .drp-calendar td.active {
  background-color: var(--color-bright-yellow) !important;
}
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
  color: var(--color-bright-yellow) !important;
  background-color: #191A36 !important;
}
.daterangepicker .ranges li.active, .daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
  border: 2px solid var(--promotions-card-gc-bd-color);
  color: var(--promotions-card-gc-color) !important;
  background: var(--color-promotions-card-gc-bg) !important;
}
.daterangepicker .ranges li, .daterangepicker .drp-calendar th.month, .daterangepicker .drp-calendar th {
  color: #fff !important;
}
.btn.btn-primary {
  border: 2px solid var(--color-button-border);
  background: var(--color-change-password-button-bg) !important;
}
.daterangepicker .drp-buttons .cancelBtn {
  background: var(--color-profile-redeem-button-bg) !important;
  color: var(--color-button-text) !important;
  border: 2px solid var(--color-button-border);
}
@media not all and (min-width:1025px) {
  .footer__link-live-chat-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
  }
  .footer__link-group li {
    margin-bottom: 24px;
  }
}
.dataTables_wrapper .dataTables_scroll, .dataTables_wrapper .dataTables_scrollHead {
  overflow: auto !important;
}
.table-responsive th {
  white-space: nowrap;
}
@media only screen and (max-width: 700px) {
  .row > div:first-child {
    justify-content: start !important;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .transactions-buttons {
    padding: 10px;
  }
  .row .row > div:last-child {
    display: none !important;
  }
}
@media only screen and (max-width: 550px) {
  div.dataTables_info {
    display: none !important;
  }
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  transition: color 5000s, background-color 5000s;
}
.login-section {
  padding-block: calc(var(--spacing) * 8);
  height: auto;
}
@media not all and (min-width: 1025px) {
  .login-section {
    padding-block: 0;
    min-height: auto;
  }
}
.zero-balance__free-refill-button-desktop {
  background-image: var(--img-shop-button);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-black);
  background-position: 50%;
  border-width: 2px;
  border-color: #faa61a;
  padding: 5px 10px;
  display: flex;
  margin-top: calc(var(--spacing)*3);
}
@media (hover:hover) {
  .zero-balance__free-refill-button-desktop:hover {
    color: var(--color-may-green);
  }
}
@media not all and (min-width:1025px) {
  .zero-balance__free-refill-button-desktop {
    display: none !important;
  }
}
.zero-balance__free-refill-button-mobile {
  background-image: var(--img-shop-button);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-black);
  background-position: 50%;
  border-width: 2px;
  border-color: #faa61a;
  width: 100%;
  padding: 5px 10px;
  display: flex;
}
.zero-balance__free-refill-button-mobile {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .zero-balance__free-refill-button-mobile:hover {
    background-color: var(--color-persian-blue);
  }
}
.zero-balance__free-refill-button-mobile {
  margin-top: calc(var(--spacing)*3);
  width: 100%;
}
a.zero-balance__free-refill-button-desktop:hover, a.zero-balance__free-refill-button-mobile:hover {
  color: var(--color-black);
}
.redemption-pending__button-primary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 9px 18px;
  transition: all .2s ease-in;
  text-align: center;
}
@media (hover:hover) {
  .redemption-pending__button-primary:hover {
    background-color: var(--color-persian-blue);
  }
}
@media not all and (min-width:1025px) {
  .redemption-pending__button-primary {
    display: flex;
    justify-content: center;
    margin-inline: calc(var(--spacing) * 4) !important;
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.redemption-pending-secondary__heading {
  margin-bottom: calc(var(--spacing)*7);
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .redemption-pending-secondary__heading {
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.redemption-pending__card {
  margin-block: calc(var(--spacing) * 7);
  max-width: 916px;
  background: var(--color-bg);
}
@media not all and (min-width:1025px) {
  .redemption-pending__card {
    margin-inline: calc(var(--spacing) * 4) !important;
  }
}
.redemption-pending__button-secondary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-secondary-button-bg);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  text-align: center;
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 3px 18px;
  transition: all .2s ease-in;
}
@media (hover:hover) {
  .redemption-pending__button-secondary:hover {
    background-color: var(--color-may-green);
  }
}
@media not all and (min-width:1025px) {
  .redemption-pending__button-secondary {
    margin-top: calc(var(--spacing)*2);
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
    width: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.redemption-pending__subcard-info {
  margin-bottom: calc(var(--spacing)*2.5);
  border-radius: var(--radius-10);
  background-color: var(--color-rb-tier-2);
  padding-inline: calc(var(--spacing)*6);
  padding-block: calc(var(--spacing)*2.5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redemption-pending__subcard-info {
    padding-block: calc(var(--spacing)*3);
    flex-direction: column;
    align-items: baseline;
  }
}
.redemption__details {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  display: flex;
}
@media not all and (min-width:1025px) {
  .redemption__details {
    width: 100%;
  }
}
.redemption-pending__card-info {
  display: flex;
  flex-direction: column;
}
@media not all and (min-width:1025px) {
  .zero-balance {
    margin-inline: 0 !important;
    margin-top: 0 !important;
    text-align: center;
    min-height: calc(100vh - 166px);
  }
}
.landing-games__game-tiles {
  position: relative;
  margin-top: calc(var(--spacing)*5);
}
@media not all and (min-width:1366px) {
  .landing-games__game-tiles {
    padding-inline: calc(var(--spacing)*5);
  }
}
@media not all and (min-width:1025px) {
  .landing-games__game-tiles {
    padding-inline: calc(var(--spacing)*4);
  }
}
.landing-games__title {
  padding-inline: calc(var(--spacing)*4);
}
.landing-games__subtitle {
  padding-inline: calc(var(--spacing)*4);
}
.redemption-pending__list {
  margin-block: calc(var(--spacing) * 8);
}
@media not all and (min-width:1025px) {
  .redemption-pending__list {
    margin-block: calc(var(--spacing) * 5);
  }
}
.redemption-pending__button-primary {
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: 9px 18px;
  transition: all .2s ease-in;
  text-align: center;
}
@media (hover:hover) {
  .redemption-pending__button-primary:hover {
    background-color: var(--color-persian-blue);
  }
}
@media not all and (min-width:1025px) {
  .redemption-pending__button-primary {
    display: flex;
    justify-content: center;
    margin-inline: calc(var(--spacing) * 4) !important;
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.promotion-page__card {
  background-image: var(--img-promo-coin-bg);
}
.main-lobby__promo-image {
  background-size: cover;
  background-image: var(--img-promo-coin-bg);
}
.alt-login__section--generate .alt-login__step-description {
  margin-bottom: 0;
}
.dataTables_scrollBody .dataTable thead {
  visibility: collapse;
}
#TransactionsTable.dataTable {
  margin-top: 0px !important;
}
.sorting_1 {
  padding-left: 0px !important;
}
.sorting_desc {
  padding-left: 0px !important;
}
.pagination {
  height: auto;
  width: auto;
  box-shadow: none !important;
  background: var(--color-rb-tier-2) !important;
}
.page-item.active .page-link {
  background: var(--color-may-green) !important;
}
.page-link:hover, .page-link:focus {
  background-color: var(--color-rb-tier-3) !important;
  color: #fff !important;
}
.pagination:hover {
  background: var(--color-bg) !important;
}
th.col-date, td.col-date {
  width: 16% !important;
  min-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-purpose, td.col-purpose {
  width: 13% !important;
  min-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-state, td.col-state {
  width: 12% !important;
  min-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-reason, td.col-reason {
  width: 22% !important;
  min-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-amount, td.col-amount {
  width: 20% !important;
  min-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-balance, td.col-balance {
  width: 17% !important;
  min-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-creationTime, td.col-creationTime {
  min-width: 120px;
  width: 17% !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-code, td.col-code {
  min-width: 100px;
  width: 12.5% !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-expiryDate, td.col-expiryDate {
  min-width: 180px;
  width: 20% !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-bonusAmount, td.col-bonusAmount {
  min-width: 240px;
  width: 30% !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-stateDescription, td.col-stateDescription {
  min-width: 180px;
  width: 20% !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-select.transaction-history__select select {
  background: transparent !important;
}
.refer-a-friend__title {
  margin-bottom: 20px;
}
th.col-referTime, td.col-referTime {
  width: 25% !important;
  min-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-referStatus, td.col-referStatus {
  width: 25% !important;
  min-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-referName, td.col-referName {
  width: 25% !important;
  min-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-referBonus, td.col-referBonus {
  width: 25% !important;
  min-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 700px) {
  .row .row>div:last-child {
    display: flex !important;
  }
}
@media only screen and (max-width: 550px) {
  div.dataTables_info {
    display: flex !important;
  }
}
@media (max-width: 1020px) {
  #TransactionsTable_wrapper {
    margin-inline: 28px;
    margin-top: 10px;
  }
  #FreeEntriesTable td, #RafTable td {
    text-align: start !important;
  }
  #TransactionsTable, #FreeEntriesTable, #RafTable {
    min-width: 1496px !important;
  }
  .transaction-history__filters {
    margin-inline: 7px;
  }
  *:has(> .dataTables_length) {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .row>* , .dataTables_wrapper .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .dataTables_wrapper .row {
    width: calc(100vw - 30px) !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  th.col-date, td.col-date {
    width: 15% !important;
    min-width: 0px;
  }
  th.col-purpose, td.col-purpose {
    width: 18% !important;
    min-width: 0px;
  }
  th.col-state, td.col-state {
    width: 14% !important;
    min-width: 0px;
  }
  th.col-reason, td.col-reason {
    width: 17% !important;
    min-width: 0px;
  }
  th.col-amount, td.col-amount {
    width: 16% !important;
    min-width: 0px;
  }
  th.col-balance, td.col-balance {
    width: 20% !important;
    min-width: 0px;
  }
  th.col-creationTime, td.col-creationTime {
    min-width: 0px;
    width: 15% !important;
  }
  th.col-code, td.col-code {
    min-width: 0px;
    width: 16% !important;
  }
  th.col-expiryDate, td.col-expiryDate {
    min-width: 0px;
    width: 15% !important;
  }
  th.col-bonusAmount, td.col-bonusAmount {
    min-width: 0px;
    width: 32% !important;
  }
  th.col-stateDescription, td.col-stateDescription {
    min-width: 0px;
    width: 20% !important;
  }
  th.col-referTime, td.col-referTime {
    width: 20% !important;
    min-width: 0px;
  }
  th.col-referStatus, td.col-referStatus {
    width: 20% !important;
    min-width: 0px;
  }
  th.col-referName, td.col-referName {
    width: 35% !important;
    min-width: 0px;
  }
  th.col-referBonus, td.col-referBonus {
    width: 25% !important;
    min-width: 0px;
  }
}
.profile__table {
  min-width: 600px;
}
th.col-attempts-info, td.col-attempts-info {
  width: 30% !important;
  min-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-attempts-time, td.col-attempts-time {
  width: 30% !important;
  min-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.col-attempts-result, td.col-attempts-result {
  width: 25% !important;
  min-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1281px) and (max-width: 1536px) {
  #TransactionsTable {
    min-width: 970px !important;
  }
  th.col-date, td.col-date {
    width: 13% !important;
    min-width: 0px;
  }
  th.col-purpose, td.col-purpose {
    width: 19% !important;
    min-width: 0px;
  }
  th.col-state, td.col-state {
    width: 13% !important;
    min-width: 0px;
  }
  th.col-reason, td.col-reason {
    width: 18% !important;
    min-width: 0px;
  }
  th.col-amount, td.col-amount {
    width: 20% !important;
    min-width: 0px;
  }
  th.col-balance, td.col-balance {
    width: 16% !important;
    min-width: 0px;
  }
  #FreeEntriesTable {
    min-width: 1000px !important;
  }
  th.col-creationTime, td.col-creationTime {
    min-width: 0px;
    width: 13% !important;
  }
  th.col-code, td.col-code {
    min-width: 0px;
    width: 15% !important;
  }
  th.col-expiryDate, td.col-expiryDate {
    min-width: 0px;
    width: 14% !important;
  }
  th.col-bonusAmount, td.col-bonusAmount {
    min-width: 0px;
    width: 32% !important;
  }
  th.col-stateDescription, td.col-stateDescription {
    min-width: 0px;
    width: 21% !important;
  }
}
@media (min-width: 1537px) and (max-width: 1699px) {
  th.col-date, td.col-date {
    width: 15% !important;
    min-width: 0px;
  }
  th.col-purpose, td.col-purpose {
    width: 18% !important;
    min-width: 0px;
  }
  th.col-state, td.col-state {
    width: 14% !important;
    min-width: 0px;
  }
  th.col-reason, td.col-reason {
    width: 17% !important;
    min-width: 0px;
  }
  th.col-amount, td.col-amount {
    width: 16% !important;
    min-width: 0px;
  }
  th.col-balance, td.col-balance {
    width: 20% !important;
    min-width: 0px;
  }
  th.col-creationTime, td.col-creationTime {
    min-width: 0px;
    width: 14% !important;
  }
  th.col-code, td.col-code {
    min-width: 0px;
    width: 18% !important;
  }
  th.col-expiryDate, td.col-expiryDate {
    min-width: 0px;
    width: 13% !important;
  }
  th.col-bonusAmount, td.col-bonusAmount {
    min-width: 0px;
    width: 32% !important;
  }
  th.col-stateDescription, td.col-stateDescription {
    min-width: 0px;
    width: 21% !important;
  }
}
@media (min-width: 1024px) {
  @media (max-height: 1000px) {
    div.main-layout, .login-section, .sign-up__container {
      zoom: 0.69;
    }
  }
}
.card-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
  line-height: 1.5em;
}
.footer__link-group_template {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 1);
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: flex-end;
  flex-direction: row;
}
.footer__link-group_template > li {
  flex: 0 0 25%;
  display: flex;
  justify-content: flex-start;
}
.footer__link-group_template .link-inline {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}
.footer__link-group_template .link-inline a {
  text-decoration: none;
  line-height: 1.2;
}
.footer__link-group_template .link-inline .icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex: 0 0 auto;
  display: block;
}
@media (max-width: 800px) {
  .footer__link-group_template > li {
    flex-basis: 100%;
    justify-content: center;
  }
  .footer__link-group_template {
    gap: calc(var(--spacing) * 0) !important;
  }
}
@media not all and (min-width: 576px) {
  .modal-dialog:has(.complete-profile-modal-wrapper) {
    margin-inline: calc(var(--spacing)*6);
  }
}
.complete-profile-modal-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing)*8);
  padding-top: calc(var(--spacing)*6);
  padding-bottom: calc(var(--spacing)*5);
  padding-inline: calc(var(--spacing)*4);
}
@media not all and (min-width: 1025px) {
  .complete-profile-modal-wrapper {
    padding-inline: calc(var(--spacing)*0);
  }
}
.complete-profile-modal-title {
  text-align: center;
  font-family: var(--font-secondary);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  padding-inline: calc(var(--spacing)*8);
}
@media not all and (min-width: 1025px) {
  .complete-profile-modal-title {
    padding-inline: calc(var(--spacing)*4);
  }
}
.complete-profile-modal-button {
  display: block;
  text-align: center;
  cursor: pointer;
  color: var(--color-button-text);
  background: var(--color-may-green);
  font-weight: var(--font-main-buttons-fw);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-button-border);
  font-family: var(--font-nexa);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  text-transform: uppercase;
  padding: 3px 18px;
  transition: all .2s ease-in;
  width: 100% !important;
}
.complete_profile__section_gamble_id {
  margin-top: calc(var(--spacing)*5);
}
@media (max-width:1280px) {
  .complete_profile__section_gamble_id {
    margin-top: calc(var(--spacing)*4);
  }
}
.complete_profile__section_gamble_id_submit_button {
  display: flex;
  padding: 12px 20px 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 2px solid var(--color-button-border);
  background: var(--color-may-green);
  width: 100%;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: var(--font-main-buttons-fw);
  line-height: normal;
}
.profile_alert {
  align-items: center;
  gap: calc(var(--spacing)*2);
  border-radius: var(--radius-10);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing)*2);
  padding-block: calc(var(--spacing)*1);
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-width: 2px;
  display: flex;
}
.profile_alert--warning {
  color: #F1416C;
  border: 2px solid #F1416C;
  background: var(--Raisin-Black-Tier-3, #191A36);
}
.profile_alert--success {
  color: var(--color-category-selected-text);
  border: 2px solid var(--color-category-selected-bg);
  background: var(--color-category-selected-bg) !important;
}
@media not all and (min-width:1025px) {
  .profile_alert {
    justify-content: center;
    width: 100%;
    padding-inline: calc(var(--spacing)*5);
  }
}
.profile_alert_title {
  color: inherit;
  background: 0 0;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  --tw-leading: calc(var(--spacing)*8);
  line-height: calc(var(--spacing)*8);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
  font-weight: 700 !important;
  font-size: 24px;
  text-align: center;
}
@media not all and (min-width:1025px) {
  .profile_alert_title {
    font-size: 18px;
  }
  .profile_alert svg {
    display: none;
  }
}
.profile__header:has(.profile_alert) {
  align-items: center;
  gap: calc(var(--spacing)*3);
  display: flex;
  justify-content: flex-start;
}
@media not all and (min-width:1025px) {
  .profile__header:has(.profile_alert) {
    gap: calc(var(--spacing)*0);
    flex-direction: column;
  }
}
.profile__main-title-wrapper {
  align-items: center;
  gap: calc(var(--spacing)*3);
  display: flex;
  justify-content: flex-start;
}
@media not all and (min-width:1025px) {
  .profile__main-title-wrapper {
    gap: calc(var(--spacing)*0);
    flex-direction: column;
    padding-inline: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.complete-profile-page .profile__main-title-wrapper {
  margin-bottom: calc(var(--spacing) * 10);
}
@media not all and (min-width:1025px) {
  .profile__main-title-wrapper {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.profile__main-title {
  margin-bottom: 0;
}
@media (max-width: 1280px) {
  .profile__section {
    margin-top: 0;
  }
}
@media (min-width: 1281px) {
  .complete-profile-page .profile__section:first-child {
    margin-top: 0;
  }
}
.profile__title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .profile__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
.complete-profile-page .profile__title-mobile {
  display: none;
}
@media not all and (min-width:1280px) {
  .complete-profile-page .profile__title-mobile {
    display: block;
    font-family: var(--font-nexa);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    font-weight: var(--font-weight-black);
    text-align: center;
  }
}
@media not all and (min-width:1280px) {
  .complete-profile-page .profile__title {
    display: none;
  }
}
@media not all and (min-width:1280px) {
  .complete_profile__section_gamble_id_submit_button {
    margin-top: calc(var(--spacing)*3);
  }
}
.payment__method-button {
  border: none !important;
  background: var(--color-may-green) !important;
  margin-bottom: 0 !important;
  display: block !important;
}
.la-credit-card, .la-chevron-circle-right {
  color: var(--color-white) !important;
}
.payment-section {
  flex-direction: column;
  display: flex;
}
.payment__section-container {
  max-width: 1263px;
}
.payment__section-title {
  font-family: var(--font-nexa);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: 36px;
  --tw-font-weight: var(--font-weight-black);
  line-height: 36px;
  font-weight: var(--font-weight-black);
}
@media not all and (min-width:1025px) {
  .profile__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
  }
}
@media not all and (min-width:1025px) {
  .payment__section-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing)*12);
    line-height: calc(var(--spacing)*12);
    font-weight: var(--font-weight-black);
    text-align: center;
  }
}
.payment__section-description {
  font-family: var(--font-nexa);
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
  font-family: var(--text-font-family);
  margin-top: calc(var(--spacing) * 2);
  --tw-tracking: var(--tracking-1);
  letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
  .payment__section-description {
    font-size: var(--text-md);
  }
}
@media not all and (min-width:1441px) {
  .payment__section-description {
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4);
  }
}
@media not all and (min-width:1025px) {
  .payment__section-description {
    padding-inline: calc(var(--spacing)*5);
    text-align: center;
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
    --tw-leading: calc(var(--spacing)*4) !important;
    line-height: calc(var(--spacing)*4) !important;
  }
}
.payment {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 0;
}
.payment__method {
  flex: 0 0 auto;
  width: 100%;
}
.payment__method-input {
  display: none;
}
.payment__card-body {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
}
.payment__details {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: 83.33333333%;
  cursor: pointer;
}
.payment__text {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.payment__title {
  font-size: 1.1rem;
  font-weight: 500;
  text-align: start;
}
.payment__title-text {
  font-family: var(--font-secondary);
  font-size: 1.075rem !important;
  color: #fff;
}
.payment__method-subtitle {
  font-family: var(--font-secondary);
  text-align: left !important;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
}
.payment__svg-wrapper {
  width: 59px;
  height: 40px;
  border-radius: 3px;
  padding: 3px;
}
.payment__icon-right {
  padding-left: 0 !important;
  align-items: flex-end !important;
  justify-content: center !important;
  flex-direction: column !important;
  display: flex !important;
  flex: 0 0 auto;
  width: 16.66666667%;
}
.payment__footer {
  text-align: center;
}
.payment__add-button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 6px;
  background-color: #6c757d;
  color: white;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s ease;
}
.payment__add-button:hover {
  background-color: #5a6268;
}
.payment__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing)*5);
  margin-top: calc(var(--spacing)*8);
}
@media not all and (min-width:1025px) {
  .payment__list {
    margin-top: calc(var(--spacing)*5);
    gap: calc(var(--spacing)*3);
    padding-inline: calc(var(--spacing)*4);
  }
}
.payment__method-button {
  padding-inline: calc(var(--spacing) * 5) !important;
  background: var(--color-rb-tier-2) !important;
}
@media not all and (min-width:1025px) {
  .payment__method-button {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
}
.add-payment__card {
  background: var(--color-may-green) !important;
  padding-block: calc(var(--spacing)*5) !important;
  min-height: calc(var(--spacing)*20);
}
.payment__title {
  font-family: var(--font-secondary);
}
@media not all and (min-width:1025px) {
  .payment__title {
    padding-inline: 0 !important;
    justify-content: start;
  }
}
.payment__icon {
  margin-top: calc(var(--spacing)*2.5);
  margin-right: calc(var(--spacing)*2.5);
}
.add-payment__card .payment__icon {
  margin-top: calc(var(--spacing));
}
@media not all and (min-width:1025px) {
  .payment__icon {
    display: none;
  }
}
.verifying-your-account__input-group .file-wrapper {
  margin-top: calc(var(--spacing)*3.5);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing)*6.5);
}
.file-wrapper .file-name {
  font-family: var(--text-font-family);
  font-size: var(--text-base);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reject-button {
  background: var(--color-rose-red) !important;
}
.reject-text {
  color: var(--color-rose-red) !important;
}
@media (max-width: 1024px) {
  .file-wrapper .file-name {
    max-width: 120px;
  }
  .file-btn.primary-button {
    font-size: var(--text-md) !important;
  }
}
.complete-profile-modal-icon {
  width: 100px;
  height: 100px;
}
.ach-icon {
  font-size: 40px;
  color: var(--color-white);
  margin-right: calc(var(--spacing)*2.5);
}
@media not all and (min-width:1025px) {
  .ach-icon {
    display: none;
  }
}
.added-ach-card {
  padding-block: calc(var(--spacing)*2.5) !important;
}
.gidx-card-subtitle {
  font-family: var(--font-secondary);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
.gidx-card-title {
  font-family: var(--font-primary);
  font-size: 26.545px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  margin-bottom: calc(var(--spacing)*8);
  text-align: center;
}
.modal-body:has(#gidx-container), .modal-body:has(#gidxAchModal) {
  padding-block: calc(var(--spacing)*6);
  padding-inline: calc(var(--spacing)*8);
}
@media not all and (min-width:1025px) {
  .modal-body:has(#gidx-container), .modal-body:has(#gidxAchModal) {
    padding-block: calc(var(--spacing)*5);
    padding-inline: calc(var(--spacing)*6);
  }
}
@media not all and (min-width: 576px) {
  .modal-dialog:has(#gidx-container), .modal-dialog:has(#gidxAchModal) {
    margin-inline: calc(var(--spacing)*5);
  }
}
.gidx-card-footer-text {
  margin-top: calc(var(--spacing)*3);
  color: #FFF;
  text-align: center;
  font-family: var(--footer-element-text-ff);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.542px;
}
.gidx-card-footer-text a {
  color: #8CC727;
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
iframe#launcher, div[style="visibility: visible;"] iframe:not(#launcher) {
  z-index: 999 !important;
}
@media not all and (min-width:1025px) {
  iframe#launcher {
    bottom: 80px !important;
  }
  div[style="visibility: visible;"] iframe:not(#launcher) {
    transform: translateY(-80px) !important;
  }
}
.sign-up__title--desktop {
  width: 311px;
}
.sign-up__divider-text {
  margin-top: calc(var(--spacing)*3);
  font-weight: 700 !important;
}
.sign-up__submit-button {
  margin-top: calc(var(--spacing)*3);
}
.sign-up__checkbox {
  margin-top: calc(var(--spacing)*5) !important;
}
@media not all and (min-width:1025px) {
  .sign-up__logo {
    width: 160px;
    margin-top: calc(var(--spacing)*-5);
    margin-bottom: calc(var(--spacing)*-3);
  }
  .sign-up__strength-text--mobile {
    font-weight: 700 !important;
  }
  .sign-up__checkbox-label {
    font-size: var(--text-md);
    line-height: 110%;
  }
  .sign-up__submit-button {
    margin-top: calc(var(--spacing)*3);
  }
  .sign-up__container {
    padding-bottom: calc(var(--spacing)*8);
  }
  .sign-up__checkbox {
    margin-top: calc(var(--spacing)*4) !important;
  }
  .sign-up__checkbox-container {
    gap: calc(var(--spacing)*4);
  }
}
.bg-active-success.active {
  background: var(--color-may-green) !important;
}
input[type=checkbox]:checked {
  background: var(--color-may-green);
}
input[type=checkbox]:before {
  background: var(--color-may-green);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' viewBox='0 0 17 12' fill='none'%3E%3Cpath d='M1.5 5.5L6.5 10.5L15.5 1.5' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  clip-path: none;
}
.payment__section-container {
  max-width: 100% !important;
}
.payment__section-title-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--spacing)*2.5);
}
@media not all and (min-width:1025px) {
  .payment__section-title-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    gap: calc(var(--spacing));
  }
}
.payment__section-description-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing)*2.5);
  margin-top: calc(var(--spacing)*5);
}
@media not all and (min-width:1025px) {
  .payment__section-description-wrapper {
    flex-direction: column-reverse;
    margin-top: calc(var(--spacing));
  }
}
@media not all and (min-width: 1280px) {
  .profile_alert {
    padding-block: calc(var(--spacing)*3);
  }
  .profile_alert_title {
    font-size: var(--text-md);
    line-height: 100%;
  }
}
.profile__input-group:not(:has(label)) {
  padding-block: calc(var(--spacing)*4) !important;
  padding-inline: calc(var(--spacing)*4) !important;
}
@media not all and (min-width: 1280px) {
  .profile__input-group:not(:has(label)) {
    padding-block: calc(var(--spacing)*2.5) !important;
  }
}
.form-select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'><path d='M0.9375 0.9375L5.9375 5.9375L10.9375 0.9375' stroke='white' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-position: 99% 0 !important;
}
.profile__input-group:not(:has(label)) .form-select {
  background-position: center right !important;
}
.profile__section:has(.complete_profile__section_gamble_id_submit_button) {
  margin-top: calc(var(--spacing)*10);
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
  font-weight: 400;
}
.complete-profile-page .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
  font-weight: 400;
}
.complete-profile-page .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
  opacity: 0.6;
}
@media not all and (min-width: 1280px) {
  .profile__section:has(.complete_profile__section_gamble_id_submit_button) {
    margin-top: calc(var(--spacing)*2.5);
  }
  .complete-profile-page .profile__input-group--contact {
    margin-top: calc(var(--spacing));
  }
  .complete-profile-page .profile__input-group {
    margin-top: calc(var(--spacing));
  }
  .complete-profile-page .profile__input {
    font-size: var(--text-md);
    line-height: normal;
  }
  .complete-profile-page .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    font-size: var(--text-md) !important;
    line-height: normal !important;
  }
  .complete-profile-page .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    font-size: var(--text-md) !important;
    line-height: normal !important;
  }
  .complete-profile-page .iti__selected-dial-code {
    font-size: var(--text-md) !important;
    line-height: normal !important;
  }
  .complete-profile-page .profile_alert {
    margin-bottom: calc(var(--spacing)*2);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .form-switch .form-check-input {
    background-color: color-mix(in srgb,#76A72150%,transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab,var(--color-bright-yellow)50%,transparent) !important;
    }
  }
}
.form-switch .form-check-input:checked:before {
  background-image: none;
}
.form-switch .form-check-input:before {
  background-image: none;
}
.complete-profile-page .profile__title {
  font-size: var(--text-lg);
  line-height: 110%;
}
.payment__section-description {
  margin-top: 0;
}
.daterangepicker .drp-calendar td {
  color: var(--color-white);
}
.gidx-card-footer-text {
  font-size: 14px;
  width: 216px;
  margin-inline: auto;
}
@media not all and (min-width:1025px) {
  .app-header__wallet {
    gap: calc(var(--spacing));
  }
  .app-header__shop-button {
    font-size: 14px !important;
    line-height: normal;
  }
}
.purchase__input {
  width: 100%;
  font-size: 18px;
  --tw-leading: calc(var(--spacing)*7);
  line-height: normal !important;
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}
.purchase__input-group {
  font-family: var(--text-promotion-font-family);
  font-size: 14px;
  background: var(--color-rb-tier-3);
  margin-top: calc(var(--spacing)*3.5);
  border-radius: var(--radius-10);
  width: 100%;
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2);
  --tw-leading: calc(var(--spacing)*5);
  line-height: normal;
  --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040)inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  display: flex;
}
@media (max-width:1280px) {
  .purchase__input-group {
    margin-top: calc(var(--spacing)*2.5);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background: var(--color-rb-tier-3);
  }
}
.gidx-modal-icon {
  margin: auto;
  margin-bottom: calc(var(--spacing)*4);
}
@media (max-width:1025px) {
  .purchase__input {
    font-size: var(--text-xs);
  }
  .purchase__input-group {
    font-size: 10px;
  }
  .gidx-card-subtitle {
    font-size: var(--text-xs);
  }
  .gidx-card-title {
    font-size: 20px;
  }
  #gidx-submit-button, #gidx-cancel-button {
    font-size: var(--text-md);
  }
}
.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}
.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}
.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}
.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}
.gsi-material-button:not(:disabled):active .gsi-material-button-state, .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}
.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.sign-up__title {
  line-height: 110% !important;
}
.sign-up__logo {
  margin-bottom: calc(var(--spacing)*-4);
}
@media (max-width: 425px) {
  .sign-up__container {
    zoom: 0.85;
  }
}
@media (max-width: 425px) {
  @media (max-height: 800px) {
    .complete-profile-page {
      zoom: 0.8;
    }
  }
}
@media (max-width: 1025px) {
  .app-header__shop {
    display: none;
  }
}
.promotion-details__promo-card--large {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.game-modal-header {
  height: 63px;
}
.game-modal-header .game-modal-header-item .primary-button {
  padding-block: 0.75rem;
}
@media (max-width: 380px) {
  .game-modal-header .primary-button {
    font-size: 1rem;
    white-space: nowrap;
    padding: 3px 10px;
  }
  .game-modal-header .modal-title div {
    font-size: 1rem;
  }
  .game-modal-header .game-modal-header-item {
    display: flex;
  }
  .game-modal-header .game-modal-header-item .primary-button {
    padding-block: 5px;
    padding-inline: 5px;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
      --tw-duration: initial;
    }
  }
}