html {
/* 10px */
font-size: 62.5% !important;
scroll-padding-top: 55px;
scroll-behavior: smooth;
}
body {
/* 16px */
font-size: 1.6rem !important;
}
:root {
--primary-accent-color: darkgrey;
--primary-gradient: linear-gradient(180deg, var(--primary-accent-color) 0%, var(--primary-accent-color) 100%);
--secondary-accent-color: #9EA7AD;
--color-secondary-button-bg: #E6E6E6;
--bg-tier-1-gradient: #262626;
--bg-tier-1-gradient: #3A3A3A;
--bg-tier-2-gradient: #3A3A3A;
--bg-tier-3-gradient: #4A4A4A;
--color-primary-colour-3: #C9C9C9;
--error-gradient: #B04F60;
--color-buttons-border-color: #FFFFFF;
--color-buttons-text-color: #333333;
--primary-button-font-color: #FFFFFF;
--secondary-button-font-color: #000000;
--color-button-border: #FFFFFF;
--color-signup-input-bg: #3A3A3A;
--color-signup-input-border: #E6E6E6;
--signup-input-border-width: 0px;
--font-numbers: "Inter", sans-serif;
--text-4xl: 8rem;
--text-3xl1_5: 7rem;
--text-3xl: 6rem;
--text-2xl: 4.2rem;
--text-xl1_5: 3.6rem;
--text-xl-plus: 3rem;
--text-xl: 2rem;
--text-lg1_5: 1.8rem;
--text-lg: 1.6rem;
--text-md1_5: 1.5rem;
--text-md: 1.4rem;
--text-sm1_5: 1.3rem;
--text-sm: 1.2rem;
--text-xs: 1rem;
--text-line-height-100: 100%;
--text-line-height-110: 110%;
--breakpoint-4xl: 1600px;
--breakpoint-3xl: 1441px;
--breakpoint-2xl: 1280px;
--breakpoint-xl: 1025px;
--breakpoint-lg: 979px;
--breakpoint-md: 768px;
--breakpoint-sm: 600px;
--breakpoint-xs: 480px;
--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;
--radius-button: 10px;
/* Shadows */
--shadow-primary-top-sm: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
--shadow-primary-bottom-sm: 0px 4px 4px rgba(0, 0, 0, 0.25);
--shadow-primary-footer-sm: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);
--shadow-primary-right-sm: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
--shadow-primary-top-md: 0px 4px 4px 0px rgba(0, 0, 0, 0.4) inset;
--shadow-primary-bottom-md: 0px 4px 4px rgba(0, 0, 0, 0.4);
--shadow-primary-footer-md: 0px -4px 4px 0px rgba(0, 0, 0, 0.4);
--shadow-primary-right-md: 4px 4px 4px 0px rgba(0, 0, 0, 0.4);
--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);
--color-bg: #262626;
--color-header-bg: #3a3a3a;
--color-app-header-bg: #3A3A3A;
--color-header-items-bg: #262626;
--color-login-bg: linear-gradient(180deg, grey 18.66%, black 80.61%);
--color-login-block-bg: var(--bg-tier-2-gradient, #3A3A3A);
--color-main-lobby-categories-bg: #E6E6E6;
--color-main-lobby-categories-text: #333333;
--color-landing-nopurchase-bg: transparent;
--color-landing-providers-bg: #3A3A3A;
--color-landing-why-bg: transparent;
--color-landing-top-pick-bg: #3A3A3A;
--color-landing-testimonials-bg: transparent;
--color-login-border: var(--primary-accent-color, #E6E6E6);
--width-login-border: 2px;
--color-level-progress-bg-start: #E6E6E6;
--color-level-progress-bg-end: #CFCFCF;
--claim-coins-bg: #3A3A3A;
--color-info-button-border: #FFFFFF;
--color-info-button-bg: #E6E6E6;
--color-company-card-bg: var(--bg-tier-3-gradient);
--footer-background-color: #000000;
--footer-text-color: #FFFFFF;
--color-footer-border: rgba(255, 255, 255, 0.4);
--color-promotions-card-gc-bg: var(--bg-tier-3-gradient);
--color-safety-hub-card-bg: var(--bg-tier-3-gradient);
--color-table-row-even-bg: var(--bg-tier-3-gradient);
--color-profile-verification-status-bg: var(--color-secondary-button-bg);
--color-profile-redeem-button-bg: var(--color-secondary-button-bg);
--color-footer-nav-balance-bg: #121212;
--color-footer-nav-balance-text: #FFFFFF;
--color-primary-button-bg: var(--primary-gradient);
--color-get-code-button-bg: var(--primary-gradient);
--color-altlogin-verif-button-bg: var(--primary-gradient);
--color-header-login-button-bg: var(--color-secondary-button-bg);
--color-menu-body-bg: var(--bg-tier-1-gradient);
--color-menu-logo-bg: var(--color-menu-body-bg);
--color-icon: var(--primary-accent-color);
--color-white: white;
--mobile-nav-border-grad: var(--primary-gradient);
--mobile-nav-shop-label-color: var(--primary-accent-color);
/* --redeem-holdings-title-fs: 20px; */
--redeem-holdings-title-color: #FFFFFF;
/* Category backgrounds */
--color-category-main-lobby-bg: #E6E6E6;
--color-category-for-you-bg: #E6E6E6;
--color-category-trending-bg: #E6E6E6;
--color-category-new-bg: #E6E6E6;
--color-category-category-bg: #E6E6E6;
--color-category-all-games-bg: #4a4a4a;
--color-profile-input-bg: #4A4A4A;
--color-login-input-border: transparent;
--login-input-border-width: 0px;
--color-category-border: var(--primary-gradient);
--color-login-input: var(--bg-tier-3-gradient);
--color-select-input: var(--bg-tier-2-gradient);
--color-date-input: var(--bg-tier-2-gradient);
--color-reached-loyalty-text: #E6E6E6;
--color-current-loyalty-level-bg: #E6E6E6;
--color-loyalty-card-bg: var(--bg-tier-2-gradient);
--loyalty-level-1-gradient: linear-gradient(211.71deg, #314F69 7.3%, #395E7C 22.9%, #447093 37.27%, #64A4C7 52.46%, #5F9DC2 65.6%, #568DB6 78.33%, #3E6586 92.7%);
--loyalty-level-2-gradient: linear-gradient(#b1e242 .21%, #50802f 100.21%);
--loyalty-level-3-gradient: linear-gradient(#b3dde9 0%, #53676c 100%);
--loyalty-level-4-gradient: linear-gradient(#fbfb49 0%, #8d8d1f 100%);
--color-category-selected-bg: var(--primary-gradient);
--color-category-selected-border: var(--primary-accent-color);
--color-category-selected-text: #121228;
--color-sidebar-bg: var(--bg-tier-3-gradient);
--color-header-button-text: #000000;
--link-color: #E6E6E6;
--color-category-font-weight: 400;
--left-nav-font-weight: var(--color-category-font-weight);
--coin-store-small-card-gc-fw: 700;
--color-toggle-switch-bg: var(--bg-tier-3);
--color-header-switcher-bg: var(--primary-gradient);
--font-main-buttons-fw: 900;
--no-purchases-before-bg: linear-gradient(90deg, #000 0.01%, rgba(0, 0, 0, 0.00) 99.99%);
--pagination-bg: var(--bg-tier-2-gradient);
--pagination-active-border: var(--primary-gradient);
--pagination-active-bg: var(--primary-gradient);
--promo-banner-before-bg: linear-gradient(90deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0));
--no-purchases-banner-aspect-ratio-desktop: 1366 / 170;
--no-purchases-banner-aspect-ratio-mobile: 393 / 174;
--promo-banner-aspect-ratio-desktop: 1366 / 170;
--promo-banner-aspect-ratio-mobile: 393 / 174;
--top-pick-banner-aspect-ratio-desktop: 1366 / 470;
--top-pick-banner-aspect-ratio-mobile: 363 / 670;
--redeem-barrier-bg: var(--bg-tier-3-gradient);
--change-password-button-bg: #E6E6E6;
--view-transaction-history-button-bg: var(--bg-tier-3-gradient);
--color-icon-arrow: var(--primary-gradient);
--color-social-icon-bg: #FFFFFF;
--color-social-icon-fg: #000000;
--coin-store-small-card-gc-fs: 50px;
--coin-card-letter-spacing: -2px;
--coin-store-small-card-gc-fw: 400;
--coin-store-card-free-gc-bg-color: #000000;
--coin-store-card-free-gc-color: #E6E6E6;
--coin-store-card-border-width: 2px;
--coin-store-card-amount-ff: var(--heading-font);
--coin-store-card-border-color: var(--primary-gradient);
--color-promotions-card-gc-bg: #000000;
--promotions-card-gc-color: #E6E6E6;
--zero-balance-page-text-ff: var(--body-font);
--font-primary: "Young Serif", serif;
--font-secondary: "Young Serif", serif;
--font-numbers: inherit;
--font-numbers-font: "Inter", sans-serif;
--input-element-font-family: var(--body-font);
--login-page-text-ff: var(--body-font);
--login-page-text-fw: 600;
/* UNVERIFIED BUTTON */
--unverified-button-text-ff: var(--text-font-family);
--unverified-button-text-fw: 700;
--unverified-button-bd-width: 2px;
/* VERIFIED BUTTON */
--verified-button-text-ff: var(--text-font-family);
--verified-button-text-fw: 700;
--verified-button-bd-width: 0;
/* TYPOGRAPHY */
--text-font-family: "Young Serif", serif;
/* BRANDING */
--section-title-color: #d3d3d3;
--section-bg-color: transparent;
--footer-button-border-color: #d3d3d3;
--subtitle-font: "Roboto", sans-serif;
--password-strength-bar-color: #d3d3d3;
--redeem-holdings-bg-color: #d3d3d3;
--border-button-border: #fff;
--payment-package-details-background: var(--bg-tier-3-gradient);
--coin-store-small-card-gc-fs: 50px;
--unverified-button-text-ff: var(--text-font-family);
--unverified-button-text-fw: 700;
--unverified-button-color: #E6E6E6;
--unverified-button-bg: #363636;
--unverified-button-bd-color: #E6E6E6;
--unverified-button-bd-width: 2px;
/* Verified button */
--verified-button-text-ff: var(--text-font-family);
--verified-button-text-fw: 700;
--verified-button-color: #363636;
--verified-button-bg: linear-gradient(180deg, #D6D6D6 0%, #AFAFAF 100%);
--verified-button-bd-color: transparent;
--verified-button-bd-width: 0;
/* Button hover colors */
--button-border-style: var(--tw-border-style);
--color-primary-button-hover-bg: var(--color-secondary-button-bg);
--primary-button-font-hover-color: var(--secondary-button-font-color);
--secondary-button-font-hover-color: var(--primary-button-font-color);
--primary-button-border-hover-color: var(--color-secondary-button-border);
--primary-button-border-hover-width: var(--border-button-width);
--primary-button-box-shadow: var(--button-shadow);
--primary-button-hover-box-shadow: var(--button-hover-inset-border);
--primary-badge-box-shadow: none;
--color-secondary-button-hover-bg: var(--primary-gradient);
/* ===== MISSING VARIABLES (SET IN TAILWIND BY DEFAULT) ===== */
--spacing: .25rem;
--container-2xl: 42rem;
--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: -.05em;
--tracking-normal: 0em;
--tracking-wider: .05em;
--leading-tight: 1.25;
--leading-normal: 1.5;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-2xl: 1rem;
--color-yellow-50: oklch(98.7% .026 102.212);
--color-yellow-700: oklch(55.4% .135 66.442);
--color-yellow-800: oklch(47.6% .114 61.907);
--color-green-100: oklch(96.2% .044 156.743);
--color-green-200: oklch(92.5% .084 155.995);
--color-green-300: oklch(87.1% .15 154.449);
--color-green-400: oklch(79.2% .209 151.711);
--color-green-500: oklch(72.3% .219 149.579);
--color-rose-500: oklch(64.5% .246 16.439);
--color-gray-200: oklch(92.8% .006 264.531);
--color-gray-300: oklch(87.2% .01 258.338);
--color-gray-400: oklch(70.7% .022 261.325);
--color-gray-500: oklch(55.1% .027 264.364);
--color-gray-600: oklch(44.6% .03 256.802);
--color-gray-700: oklch(37.3% .034 259.733);
--color-gray-800: oklch(27.8% .033 256.848);
--color-gray-900: oklch(21% .034 264.665);
--color-body-text: #FFFFFF;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--file-wrapper-input-bg: var(--bg-tier-3);
--form-check-input-bg: var(--bg-tier-1);
--form-switch-bg-color: var(--bg-tier-3);
--form-switch-border-color: var(--primary-accent-color);
--arrow-color: var(--primary-accent-color);
--tab-border-color: var(--primary-accent-color);
--checkbox-bg-color: var(--color-primary-colour-3);
--checked-checkbox-bg-color: linear-gradient(180deg, #58A3FF 0%, #0061D8 100%);
--checkbox-bg-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");
--checkbox-border-width: 2px;
--kt-accordion-body-bg-color: var(--bg-tier-3);
--signup-strength-bar-color: var(--bg-tier-3);
--signup-filled-strength-bar-color: var(--secondary-gradient);
--landing-top-pick-title-color: linear-gradient(to bottom, #ffffff 0%, #ffffff 45%,#FFC800 55%, #FFC800 100%);
--modal-verification-input-bg-color: #0D182F;
--file-wrapper-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='33' viewBox='0 0 37 33' fill='none'%3E%3Cpath d='M31 32.4762C33.8535 32.4762 36.1667 30.0528 36.1667 27.0635V18.9444C36.1667 15.9551 33.8535 13.5317 31 13.5317H5.16667C2.3132 13.5317 0 15.9551 0 18.9444V27.0635C0 30.0528 2.3132 32.4762 5.16667 32.4762H31Z' fill='%23FFFF61'/%3E%3Cpath d='M0 12.8928V5.4127C0 2.42335 2.3132 0 5.16667 0H14.4299C15.4577 0 16.4433 0.427698 17.17 1.18901L20.8234 5.01636C21.0656 5.27013 21.3941 5.4127 21.7367 5.4127H31C33.8535 5.4127 36.1667 7.83605 36.1667 10.8254V12.8928C34.7955 11.6071 32.9849 10.8254 31 10.8254H5.16667C3.18175 10.8254 1.37112 11.6071 0 12.8928Z' fill='%23FFFF61'/%3E%3C/svg%3E");
--loyalty-star-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M9.42289 15.0795L4.85502 17.8312C4.65322 17.9596 4.44226 18.0147 4.22212 17.9963C4.00198 17.978 3.80936 17.9046 3.64425 17.7762C3.47915 17.6478 3.35074 17.4874 3.25901 17.2952C3.16729 17.1029 3.14894 16.8872 3.20398 16.648L4.41474 11.4472L0.369696 7.9525C0.186247 7.7874 0.0717752 7.59918 0.0262799 7.38785C-0.0192154 7.17651 -0.00564024 6.97032 0.0670054 6.76926C0.139651 6.5682 0.24972 6.40309 0.397213 6.27394C0.544706 6.1448 0.746499 6.06225 1.00259 6.02629L6.34095 5.5585L8.40475 0.660415C8.49647 0.440277 8.63883 0.275173 8.83182 0.165104C9.02481 0.0550344 9.22183 0 9.42289 0C9.62395 0 9.82097 0.0550344 10.014 0.165104C10.2069 0.275173 10.3493 0.440277 10.441 0.660415L12.5048 5.5585L17.8432 6.02629C18.1 6.06298 18.3018 6.14553 18.4486 6.27394C18.5953 6.40236 18.7054 6.56746 18.7788 6.76926C18.8521 6.97105 18.8661 7.17761 18.8206 7.38895C18.7751 7.60028 18.6603 7.78813 18.4761 7.9525L14.431 11.4472L15.6418 16.648C15.6968 16.8865 15.6785 17.1022 15.5868 17.2952C15.495 17.4882 15.3666 17.6485 15.2015 17.7762C15.0364 17.9039 14.8438 17.9772 14.6237 17.9963C14.4035 18.0154 14.1926 17.9604 13.9908 17.8312L9.42289 15.0795Z' fill='currentColor'/%3E%3C/svg%3E");
--color-promotions-card-gc-border: #D7E4FF;
--color-promotions-card-gc: #D7E4FF;
--tw-border-style: solid;
--color-may-green-grad: linear-gradient(180deg, #90CD27 0%, #5B811A 100%);
--no-purchases-height: 100px;
--success-badge-background-color: var(--color-primary-button-bg);
--success-badge-font-color: var(--primary-button-font-color);
--success-badge-border-width: 0px;
--success-badge-border-style: none;
--error-badge-font-color: var(--secondary-button-font-color);
--error-badge-background-color: var(--color-secondary-button-bg);
--error-badge-border-width: 0px;
--error-badge-border-style: none;
--error-badge-border-color: red;
--category-link-padding: 8px 10px;
--category-link-border-style: none;
--category-link-text-color: var(--primary-button-font-color);
--coin-store-bonus-badge-width: 180px;
--coin-store-sweeps-coin-badge-width: 180px;
--coin-store-sweeps-coin-badge-font-weight: var(--font-weight-bold);
--tw-leading: 1.5;
--bullet-point-display: initial;
--side-menu-background-background: var(--bg-tier-3-gradient);
--color-secondary-button-border: var(--color-button-border);
--logo-height-desktop: auto;
--landing-hero-max-width: 800px;
--landing-hero-container-max-width: 1366px;
--landing-hero-title-fw: 800;
--landing-hero-title-line-height: 85%;
--landing-hero-title-bottom-gap: 0.25rem;
--landing-hero-banner-ratio-desktop: 1920 / 425;
--landing-hero-banner-ratio-mobile: 475 / 475;
--landing-games-title-fw: var(--font-weight-extrabold);
--primary-badge-font-size: var(--text-lg);
--primary-badge-padding: 3px 6px !important;
--coin-store-card-border-style: var(--tw-border-style);
--coin-store-sc-badge-border-color: var(--secondary-accent-color);
--coin-store-sc-badge-text-color: var(--secondary-accent-color);
--promotion-card-heading-font-size: var(--text-lg1_5);
--promotion-card-background: var(--bg-tier-3-gradient);
--loyalty-bar-text-shadow: none;
--category-link-font-family: var(--font-secondary);
--landing-hero-subtitle-font-size: var(--text-2xl);
--landing-hero-title-gap: .25rem;
--landing-hero-title-bottom-margin: .25rem;
--landing-feedback-star-color: var(--primary-accent-color);
--landing-usp-title-background: var(--section-title-color);
--shop-button-text-color: var(--primary-button-font-color);
--landing-hero-title-text-color: #fff;
--shop-button-hover-color: var(--primary-gradient);
--shop-button-hover-background: var(--color-secondary-button-bg);
--shop-button-hover-text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
--category-link-background-image: var(--bg-tier-1-gradient);
--category-link-font-size: var(--text-lg);
--category-searchbox-background: var(--bg-tier-2);
--game-collection-count-color: var(--primary-gradient);
--game-collection-padding-top: 0px;
--side-menu-logo-alignment: center;
--side-menu-user-profile-border-radius: 0 0 var(--radius-lg) var(--radius-lg);
--side-menu-user-profile-shadow: var(--side-menu-user-profile-shadow);
--profile-input-field-shadow: none;
--banner-title-color: var(--primary-gradient);
--bold-title-color: var(--primary-gradient);
--app-header-loyalty-display: none;
--side-menu-user-info-display: none;
--button-text-transform: none;
--landing-hero-cta-subtitle-text-transform: initial;
--button-top-padding: 3px;
--button-bottom-padding: 3px;
--button-left-right-padding: 18px;
--shop-button-left-right-padding: calc(var(--button-left-right-padding) - 8px);
--button-border-width: 2px;
--button-border-width-hover: var(--button-border-width);
--landing-hero-cta-letter-spacing-line-1: normal;
--landing-hero-cta-margin-bottom: 0px;
--button-shadow: none;
--landing-feedback-content-shadow: none;
--landing-providers-title-gradient: var(--bold-title-color);
--landing-hero-subtitle-padding-top: 0px;
--left-menu-max-width: 282px;
--checkbox-margin-bottom: 0px;
--landing-hero-font-size-lines-1-and-4: clamp(var(--text-xl), 4vw, var(--text-4xl));
--landing-hero-mobile-font-size-lines-1-and-4: var(--text-3xl);
--landing-hero-font-size-line-2: var(--text-2xl);
--landing-hero-mobile-font-size-line-2: var(--text-2xl);
--footer-logo-padding-bottom: 8px;
--footer-shop-button-label-font-family: var(--font-secondary);
--landing-hero-cta-alignment: left;
--landing-hero-main-alignment: flex-start;
--landing-hero-title-text-shadow: var(--shadow-primary-bottom-md);
--left-navigation-hover-color: var(--primary-accent-color);
--coin-store-card-amount-font-size: var(--text-xl-plus);
--coin-store-card-amount-font-size-scaled-down: var(--text-xl);
--balance-checkbox-color: var(--primary-gradient);
--secondary-badge-background-color: var(--color-secondary-button-bg);
--modal-content-border-color: var(--primary-accent-color);
--landing-hero-letter-spacing-lines-1-and-4: -1px;
--form-checkbox-color: var(--primary-gradient);
--no-purchases-border-width: 0;
--button-border-radius: var(--radius-10);
--main-lobby-promobanner-border-width: 0;
--safetyhub-subtitle-color: var(--primary-gradient);
--safetyhub-limits-subtitle-color: var(--primary-gradient);
--checkbox-border-color: var(--color-body-text);
--ach-icon-size: 1rem;
--secure-checkout-bg-color: var(--color-may-green-grad);
--loyalty-button-font-color: var(--primary-button-font-color);
--loyalty-button-bg-color: var(--color-primary-button-bg);
--loyalty-button-border-style: var(--button-border-style);
--loyalty-button-border-width: var(--button-border-width);
--loyalty-button-border-color: var(--color-button-border);
--loyalty-button-bg-color-hover: var(--color-primary-button-hover-bg);
--loyalty-button-font-color-hover: var(--primary-button-font-hover-color);
--landing-top-pick-border-width: 0px;
--landing-top-pick-border-color: var(--primary-accent-color);
--banner-fill-color: none;
--banner-title-text-shadow: none;
--landing-game-loby-border-width: 0px;
--search-box-border-color: var(--primary-accent-color);
--no-promotions-background-gradient: var(--bg-tier-1-gradient);
--main-lobby-promo-banner-action-margin-desktop: inherit;
--landing-provider-border-radius: 20px;
--forgot-password-container-padding: 0;
--forgot-password-container-bg-color: inherit;
--forgot-password-container-border-color: var(--primary-accent-color);
--forgot-password-container-border-width: 0px;
--forgot-password-container-border-width-mobile: 0px;
--set-new-password-container-padding: 0;
--set-new-password-container-bg-color: inherit;
--set-new-password-container-border-color: var(--primary-accent-color);
--set-new-password-container-border-width: 0px;
--set-new-password-container-border-width-mobile: 0px;
--badge-border-radius: var(--button-border-radius);
--user-profile-margin: 8px;
--secondary-badge-background-width: var(--button-border-width);
--loyal-level-titles-font-color: var(--primary-button-font-color);
--bs-link-hover-color: none;
--landing-usp-item-maxwidth: 565px;
--landing-usp-item-maxwidth-mobile: 565px;
--landing-usp-cta-button-background-color: var(--color-primary-button-bg);
--category-link-border-radius: 5px;
--color-daterangepicker-text: #fff;
}
@media only screen and (max-width: 1024px) {
:root {
--text-4xl: 7.2rem;
--text-3xl: 5.4rem;
--text-2xl: 3.6rem;
--text-xl1_5: 2.8rem;
--text-xl-plus: 2.2rem;
--text-xl: 1.8rem;
--text-lg1_5: 1.65rem;
--text-lg: 1.5rem;
--text-md1_5: 1.4rem;
--text-md: 1.3rem;
--text-sm1_5: 1.2rem;
--text-sm: 1.1rem;
--text-xs: 1rem;
}
}
*, ::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;
}
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);
}
}
}
p, h5, .body-font, label {
font-weight: var(--body-font-weight) !important;
}
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;
}
.profile__main-title {
font-family: var(--heading-font);
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:1025px) {
.profile__main-title {
text-align: center
}
}
.profile__section {
margin-top: calc(var(--spacing)*5)
}
@media (max-width:1025px) {
.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:1025px) {
.profile__header {
justify-content: center
}
}
.profile__title {
font-family: var(--heading-font);
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:1025px) {
.profile__title {
text-align: center
}
.profile__title--marketing {
line-height: 2.25rem !important
}
}
.profile__title--highlight {
-webkit-text-fill-color: currentColor;
color: var(--primary-gradient) !important
}
.profile__header-actions {
gap: calc(var(--spacing)*5);
display: flex
}
@media (max-width:1025px) {
.profile__header-actions {
display: none
}
}
@media (max-width:1025px) {
.profile__button--full-width {
margin-top: calc(var(--spacing)*1)
}
}
.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:1025px) {
.profile__form-row:not(:first-child) {
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);
line-height: 100%;
box-shadow: var(--profile-input-field-shadow);
flex-direction: column;
display: flex
}
@media (max-width:1025px) {
.profile__input-group {
margin-top: calc(var(--spacing)*2.5);
box-shadow: none;
background: var(--bg-tier-2-gradient)
}
.profile__input-group--contact,
.profile__input-group--sign-in {
margin-top: calc(var(--spacing)*4)
}
}
.profile__input {
width: 100%;
font-size: var(--text-lg);
--tw-leading: calc(var(--spacing)*7);
outline-style: var(--tw-outline-style);
outline-width: 0;
font-weight: var(--profile-input-font-weight, var(--body-font-weight));
}
.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:1025px) {
.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);
font-size: var(--text-lg);
font-weight: var(--font-weight-bold);
box-shadow: var(--profile-input-field-shadow);
display: flex;
}
@media (max-width:1025px) {
.profile__toggle-item {
width: 100%;
padding-inline: calc(var(--spacing)*6);
justify-content: center
}
}
.profile__info-text {
margin-top: calc(var(--spacing)*3);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-lg--line-height));
letter-spacing: var(--tracking-wider);
-webkit-text-fill-color: currentColor;
color: var(--profile-note-text-color, var(--primary-accent-color)) !important
}
@media (max-width:1025px) {
.profile__info-text {
text-align: center;
line-height: 1;
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;
text-decoration-color: var(--profile-note-text-color, var(--primary-accent-color));
}
.profile__date-input-header {
margin-top: calc(var(--spacing)*5);
}
.transaction-history__select, .profile__date-input-header, .dataTables_scrollHeadInner theadx, #TransactionsTable_wrapper div.row {
box-shadow: var(--profile-input-field-shadow, none) !important;
}
@media (max-width:1025px) {
.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: var(--bg-tier-2-gradient);
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));
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);
letter-spacing: var(--tracking-wider);
grid-template-columns: minmax(0, 620px) minmax(0, 690px) minmax(0, 180px);
font-size: var(--text-lg1_5);
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:1025px) {
.profile__accordion {
display: block
}
}
.profile__accordion-icon {
rotate: 180deg
}
.profile__accordion-block {
background: var(--bg-tier-2-gradient);
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 {
letter-spacing: var(--tracking-wider);
font-size: var(--text-lg1_5)
}
.profile__accordion-block-text {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
line-height: calc(var(--spacing)*7);
letter-spacing: var(--tracking-wider)
}
.profile__accordion-block-text--success {
-webkit-text-fill-color: currentColor;
color: var(--bright-yellow) !important
}
.profile__pagination {
background: var(--bg-tier-2-gradient);
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:1025px) {
.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:1025px) {
.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));
letter-spacing: var(--tracking-wider);
display: flex
}
.profile__pagination-dropdown {
background: var(--bg-tier-3-gradient);
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));
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));
letter-spacing: var(--tracking-wider);
display: flex
}
@media (max-width:1025px) {
.profile__pagination-controls {
justify-content: space-between;
width: 100%
}
}
.profile__pagination-page-number--desktop {
opacity: .5
}
@media (max-width:1025px) {
.profile__pagination-page-number--desktop {
display: none
}
}
.profile__pagination-page-number--mobile {
display: none
}
@media (max-width:1025px) {
.profile__pagination-page-number--mobile {
display: block
}
}
.profile__pagination-arrow--disabled {
opacity: .3
}
.landing-hero {
background-image: var(--img-hero-desktop);
aspect-ratio: var(--landing-hero-banner-ratio-desktop);
border-radius: var(--radius-bg-bottom);
padding-inline: calc(var(--spacing)*22);
padding-block: calc(var(--spacing)*8);
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 100%;
display: flex;
position: relative;
overflow: hidden;
}
@media not all and (min-width:1025px) {
.landing-hero {
padding: calc(var(--spacing)*0);
aspect-ratio: auto;
background-image: var(--img-hero-mobile);
padding-block: calc(var(--spacing)*10);
border-radius: 0;
min-height: 475px;
}
}
.landing-hero__container {
justify-content: var(--landing-hero-main-alignment);
width: 100%;
max-width: var(--landing-hero-container-max-width);
margin: 0 auto;
display: flex;
align-items: center;
}
@media not all and (min-width:1025px) {
.landing-hero__container {
align-items: start;
}
}
.landing-hero__content {
text-align: left;
width: 100%;
max-width: var(--landing-hero-max-width);
}
@media not all and (min-width:1025px) {
.landing-hero__content {
padding-inline: calc(var(--spacing)*5);
margin-inline: auto;
display: block;
max-width: 475px;
}
}
.landing-hero__subtitle-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
@media not all and (min-width:1025px) {
.landing-hero__subtitle-wrapper {
padding-top: var(--landing-hero-subtitle-padding-top);
}
}
.landing-hero__title {
text-shadow: var(--shadow-primary-bottom-md);
font-family: var(--heading-font);
color: var(--landing-hero-title-color, currentColor);
-webkit-text-fill-color: currentColor;
font-weight: var(--landing-hero-title-fw);
}
@media not all and (min-width:1025px) {
.landing-hero__title {
text-align: center;
font-size: var(--text-xl)
}
}
.landing-hero__subtitle {
text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
--tw-leading: var(--leading-normal);
font-size: var(--landing-hero-subtitle-font-size);
line-height: 60px;
line-height: var(--leading-normal);
color: var(--color-body-text);
align-items: center;
gap: 12px;
display: flex
}
.landing-hero__subtitle.line-1 {
color: var(--landing-hero-subtitle-line-1-color);
}
.landing-hero__subtitle.line-2 {
color: var(--landing-hero-subtitle-line-2-color);
}
@media not all and (min-width:1025px) {
.landing-hero__subtitle {
gap: calc(var(--spacing)*2);
text-align: center;
font-size: var(--text-xl1_5);
--tw-leading: unset !important;
line-height: unset !important;
justify-content: center !important
}
}
.landing-hero__subtitle--mt-1 {
margin-top: calc(var(--spacing)*1)
}
.landing-hero__star-icon {
width: 26px;
height: 25px
}
@media not all and (min-width:1025px) {
.landing-hero__star-icon {
width: 19px;
height: 18px
}
}
.landing-hero__button-wrapper {
margin-top: calc(var(--spacing)*6);
display: flex;
width: 100%;
justify-content: var(--landing-hero-cta-alignment);
}
@media not all and (min-width:1025px) {
.landing-hero__button-wrapper {
margin-bottom: calc(var(--spacing)*5);
justify-content: center;
}
}
.landing-hero__button {
cursor: pointer;
color: var(--primary-button-font-color);
background: var(--primary-gradient);
font-weight: var(--font-main-buttons-fw);
border-style: solid;
border-width: 2px;
border-color: var(--border-button-border);
font-family: var(--heading-font-font-family, "Nexa", sans-serif);
border-radius: 15px;
padding: 3px 18px;
font-size: var(--text-xl1_5);
transition: all .2s ease-in
}
.landing-hero__button:hover {
background-color: var(--color-secondary-button-bg)
}
.landing-games {
padding-top: calc(var(--spacing)*13);
padding-bottom: 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(--heading-font);
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);
font-weight: var(--font-weight-black);
-webkit-text-fill-color: currentColor;
color: var(--primary-gradient) !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-block: 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 {
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: var(--shadow-primary-footer-md);
}
@media not all and (min-width:1025px) {
.landing-games__status {
padding: calc(var(--spacing)*0)
}
}
.landing-games__label {
font-family: var(--text-font-family);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
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: center;
background-repeat: no-repeat;
background-size: cover;
background-image: var(--img-no-purchases);
aspect-ratio: var(--no-purchases-banner-aspect-ratio-desktop);
z-index: 2;
padding: 22px 38px;
position: relative;
min-height: 0;
overflow: hidden;
box-shadow: var(--shadow-primary-bottom-md);
display: flex;
flex-direction: column;
justify-content: center;
border-width: var(--no-purchases-border-width);
border-color: var(--no-purchases-border-color);
}
@media not all and (min-width:1025px) {
.landing-games__no-purchases {
background-image: var(--img-no-purchases-mobile);
aspect-ratio: var(--no-purchases-banner-aspect-ratio-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-bottom: calc(var(--spacing)*-8);
margin-top: calc(var(--spacing)*5);
}
}
.landing-games__no-purchases-title {
text-shadow: var(--shadow-primary-footer-md);
font-size: clamp(var(--text-xl), 3vw, var(--text-2xl));
font-family: var(--heading-font);
font-weight: var(--landing-games-title-fw);
color: var(--primary-gradient) !important;
-webkit-text-fill-color: currentColor !important
}
@media not all and (min-width:1025px) {
.landing-games__no-purchases-title {
font-size: clamp(var(--text-md1_5), 7vw, var(--text-xl1_5)) !important
}
}
.landing-games__no-purchases-highlight {
color: var(--color-body-text)
}
.landing-games__no-purchases-subtitle {
text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
color: var(--banner-subtitle-color, var(--color-body-text));
align-items: center;
gap: 12px;
font-family: var(--lending-page-text-ff);
font-size: clamp(var(--text-md), 1.7vw, var(--text-xl));
line-height: 3;
display: flex
}
@media not all and (min-width:1025px) {
.landing-games__no-purchases-subtitle {
gap: calc(var(--spacing)*2);
font-size: clamp(var(--text-md), 6vw, var(--text-xl));
line-height: unset !important;
justify-content: center !important
}
}
.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-image: var(--landing-provider-background, var(--color-landing-providers-bg));
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: var(--landing-provider-border-radius);
margin-bottom: 0px;
position: relative;
}
@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;
padding-top: calc(var(--spacing)*13);
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
position: relative;
}
}
.landing-providers__container {
max-width: 1366px;
margin: 0 auto
}
.landing-providers__title {
font-family: var(--font-secondary);
text-align: center;
font-family: var(--heading-font);
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black);
font-size: var(--text-xl);
background-image: var(--landing-providers-title-gradient) !important;
}
@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
}
}
.landing-providers__title-highlight {
font-family: var(--heading-font);
color: var(--primary-gradient) !important;
-webkit-text-fill-color: currentColor !important
}
.landing-providers__companies {
margin-top: calc(var(--spacing)*5);
margin-bottom: calc(var(--spacing)*3);
justify-content: space-between;
gap: calc(var(--spacing)*2.5);
flex-wrap: wrap;
display: flex;
position: relative
}
@media not all and (min-width:1025px) {
.landing-providers__companies {
justify-content: center;
margin-top: calc(var(--spacing)*5);
}
}
.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 {
border-radius: var(--radius-10);
padding-inline: calc(var(--spacing)*8);
padding-block: calc(var(--spacing)*7);
justify-content: center;
align-items: center;
display: flex
}
@media not all and (min-width:1280px) {
.landing-providers__company {
padding-inline: calc(var(--spacing)*7);
padding-block: calc(var(--spacing)*3)
}
}
.landing-providers__company {
background: var(--color-company-card-bg)
}
.landing-providers__company-img {
object-fit: cover;
width: 150px;
height: auto
}
@media not all and (min-width:1280px) {
.landing-providers__company-img {
width: 108px
}
}
.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(--heading-font);
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(--primary-gradient) !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: var(--landing-usp-item-maxwidth);
padding: 50px 33px;
display: flex
}
@media not all and (min-width:1025px) {
.landing-usp__item {
padding: calc(var(--spacing)*0);
max-width: var(--landing-usp-item-maxwidth-mobile);
}
}
.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(--heading-font);
--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(--heading-font);
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black)
}
.landing-usp__item-description {
margin-top: calc(var(--spacing)*2.5);
text-align: center;
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 {
margin-top: calc(var(--spacing)*10);
background: var(--landing-usp-cta-button-background-color) !important;
}
@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)*8)
}
}
.landing-top-pick {
background: var(--landing-top-pick-background, var(--color-landing-top-pick-bg));
}
.landing-top-pick__image-mobile {
display: none;
}
.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;
aspect-ratio: var(--top-pick-banner-aspect-ratio-desktop);
display: flex;
align-items: center;
min-height: 0;
}
@media not all and (min-width:1025px) {
.landing-top-pick__container {
background-image: var(--img-top-pick-mobile);
aspect-ratio: var(--top-pick-banner-aspect-ratio-mobile);
max-height: 670px;
}
}
.landing-top-pick__container {
border-width: var(--landing-top-pick-border-width);
border-color: var(--landing-top-pick-border-color);
border-radius: var(--radius-10);
padding-block: calc(var(--spacing)*14);
position: relative
}
.landing-top-pick__container-link {
color: inherit;
text-decoration: none;
}
@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
}
.landing-top-pick__wrapper {
margin-left: calc(var(--spacing)*16);
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 {
translate: -50% 0;
max-width: 363px;
position: absolute;
top: 5%;
left: 50%;
padding: calc(var(--spacing)*4);
}
}
.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__title {
font-family: var(--heading-font);
font-weight: var(--font-weight-black);
font-size: clamp(var(--text-xl), 4.4vw, var(--text-3xl));
line-height: 0.95 !important;
background: var(--landing-top-pick-title-color);
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
text-shadow: none !important;
text-align: start;
}
@media not all and (min-width:1025px) {
.landing-top-pick__title {
text-align: center !important;
font-size: clamp(var(--text-md1_5), 11.5vw, var(--text-2xl)) !important;
}
}
.landing-top-pick__subtitle {
font-size: clamp(var(--text-md), 1.7vw, var(--text-xl));
text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
font-family: var(--lending-page-text-ff);
color: var(--banner-subtitle-color, var(--color-body-text));
align-items: center;
gap: 12px;
display: flex;
justify-content: center;
padding-inline: 0;
line-height: 100% !important;
text-align: start;
}
@media not all and (min-width:1025px) {
.landing-top-pick__subtitle {
gap: calc(var(--spacing)*2);
justify-content: center !important;
font-size: clamp(var(--text-xs), 4vw, var(--text-lg)) !important;
line-height: 100% !important;
gap: 0 !important;
width: 100%;
text-align: center;
}
}
.landing-top-pick__button {
margin-top: calc(var(--spacing)*8);
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);
position: absolute;
left: 0;
bottom: 5%;
}
}
.landing-feedback {
background: var(--color-landing-testimonials-bg);
padding-top: 40px;
padding-bottom: calc(var(--spacing)*9);
margin-top: -20px
}
.landing-feedback__container {
max-width: 1366px;
margin: 0 auto
}
.landing-feedback__title {
padding-inline: calc(var(--spacing)*6);
text-align: center;
font-family: var(--heading-font);
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(--primary-gradient) !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: var(--landing-feedback-nested-background, var(--bg-tier-2-gradient));
padding-block: calc(var(--spacing)*10);
position: relative;
box-shadow: var(--landing-feedback-content-shadow);
}
@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);
}
}
.landing-feedback__review {
text-align: center
}
.landing-feedback__review-name {
font-family: var(--heading-font);
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black)
}
.landing-feedback__review-location {
color: var(--primary-gradient);
-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: calc(var(--spacing)*7);
letter-spacing: var(--tracking-wider);
--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(--primary-gradient);
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(--landing-feedback-star-color);
}
@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);
width: 23px;
height: 23px;
box-shadow: var(--shadow-primary-bottom-md);
border-radius: 3.5px
}
.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);
border-radius: 3.5px
}
.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(--landing-coins-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(--heading-font);
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(--primary-gradient) !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-body-text)
}
.landing-coins__subtitle {
margin-block: calc(var(--spacing)*4);
text-align: center;
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 {
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)*8)
}
.landing-coins__text--highlight {
color: var(--primary-gradient);
-webkit-text-fill-color: currentColor
}
.landing-coins__button {
margin-top: calc(var(--spacing)*12);
width: fit-content;
background: var(--landing-usp-cta-button-background-color) !important;
}
@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)*-10);
z-index: 90;
justify-content: center;
gap: calc(var(--spacing)*2.5);
margin-top: calc(var(--spacing)*-21.5);
padding-block: calc(var(--spacing)*5);
padding-bottom: calc(var(--spacing)*15);
display: none;
background-color: var(--bg-tier-1-transparent, var(--bg-tier-1));
position: fixed;
width: 100%;
}
@media not all and (min-width:1025px) {
.landing-header__sticky {
display: flex
}
}
.landing-header__sticky-button {
width: fit-content;
}
.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)
}
.landing-top-pick__icon-wrapper {
align-items: center;
gap: 8px;
display: flex
}
@media not all and (min-width:1025px) {
.coin-store__header-section {
margin-top: calc(var(--spacing)*3);
text-align: center
}
}
.coin-store__title {
font-family: var(--heading-font);
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);
}
@media not all and (min-width:1025px) {
.coin-store__subtitle {
font-size: var(--text-md)
}
}
.coin-store__subtitle--highlight {
color: var(--primary-gradient) !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(--heading-font);
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 {
-webkit-text-fill-color: currentColor !important;
color: var(--primary-gradient) !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(--coin-store-card-border-style);
border-width: var(--coin-store-card-border-width);
border-color: var(--coin-store-card-border-color);
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)#d3d3d3 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-elements-container {
display: flex;
flex-direction: column;
height: 100%;
}
.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);
white-space: nowrap;
z-index: 2;
text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
color: var(--coin-store-title-background-color, var(--color-body-text));
}
@media not all and (min-width:1025px) {
.coin-store__card-amount--small {
text-align: center;
letter-spacing: 2px;
font-size: var(--text-xl1_5)
}
}
.coin-store__card-amount--large {
--tw-leading: calc(var(--spacing)*12);
font-size: var(--coin-store-card-amount-font-size);
line-height: calc(var(--spacing)*12)
}
@media not all and (min-width:1400px) {
.coin-store__card-amount--large {
font-size: var(--coin-store-card-amount-font-size-scaled-down);
}
.coin-store__badge-lg, .secondary-badge {
font-size: var(--text-sm) !important;
}
.coin-store__bonus-badge, .coin-store__badge-lg {
width: calc(var(--coin-store-sweeps-coin-badge-width) * 0.8) !important;
}
}
@media not all and (min-width:1025px) {
.coin-store__card-amount--large {
--tw-leading: calc(var(--spacing)*9);
font-size: var(--text-xl1_5);
line-height: calc(var(--spacing)*9);
margin-bottom: calc(var(--spacing)*4);
}
}
.coin-store__bonus-badge {
bottom: calc(var(--spacing)*16);
border-radius: var(--radius-10);
width: var(--coin-store-bonus-badge-width);
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(--primary-button-font-color);
background: var(--color-secondary-button-bg);
position: absolute;
margin-block: calc(var(--spacing)*2);
z-index: 2;
}
@media not all and (min-width:1025px) {
.coin-store__bonus-badge {
position: static;
display: inline-block;
}
}
.coin-store__card-bottom {
margin-top: auto;
justify-content: space-between;
align-items: flex-end;
display: flex;
z-index: 2
}
.coin-store__badge,
.coin-store__badge-lg {
border-radius: var(--badge-border-radius);
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--secondary-accent-color);
background: var(--bg-tier-1-gradient);
padding-inline: calc(var(--spacing)*8);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
line-height: calc(var(--spacing)*8.5);
letter-spacing: var(--tracking-1);
color: var(--secondary-accent-color);
z-index: 2;
}
.coin-store__badge-lg {
width: var(--coin-store-sweeps-coin-badge-width);
text-align: center;
font-weight: var(--coin-store-sweeps-coin-badge-font-weight);
padding: 3px 10px;
z-index: 2;
position: relative;
border-color: var(--coin-store-sc-badge-border-color);
color: var(--coin-store-sc-badge-text-color);
background-color: var(--coin-store-sc-badge-background-color, var(--bg-tier-1-gradient));
margin-bottom: var(--coin-store-sc-badge-bottom-margin);
}
.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(--primary-button-font-color);
background: var(--primary-gradient);
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(--heading-font);
font-size: var(--text-xl);
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 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-left: 2.75rem !important;
padding-right: 2.75rem !important;
z-index: 2;
border-radius: var(--badge-border-radius, var(--button-border-radius));
}
@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-coins {
--tw-translate-x: calc(calc(1/2*100%)*-1);
position: absolute;
left: 50%
}
.coin-store__button-coins--popular {
bottom: -7px
}
.coin-store__button-coins--all {
top: 0;
transform: translate(-50%, -50%);
translate: none;
bottom: auto;
display: none
}
@media not all and (min-width:1025px) {
.coin-store__button-coins--all {
display: block
}
}
.coin-store__button-coins--hidden-xl {
bottom: -7px
}
@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);
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);
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, 476px));
grid-auto-columns: minmax(200px, 476px);
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 {
translate: -50% -50%;
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)*8);
font-family: var(--text-font-family);
font-size: var(--text-lg);
line-height: var(--tw-leading);
}
@media not all and (min-width:1025px) {
.coin-store__footer-text {
text-align: center;
font-size: var(--text-md);
}
}
.coin-store__footer-text--highlight {
-webkit-text-fill-color: currentColor !important;
color: var(--primary-gradient) !important
}
.coin-store__footer-text--link {
text-decoration-line: underline;
color: var(--primary-gradient) !important;
-webkit-text-fill-color: currentColor !important
}
.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)
}
}
.login-section {
justify-content: center;
align-items: center;
height: 100dvh;
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%
}
}
.login-section {
background: var(--color-login-bg);
font-family: var(--login-page-text-ff);
font-weight: var(--login-page-text-fw)
}
.login-container {
border-style: var(--tw-border-style);
border-width: var(--width-login-border);
border-color: var(--color-login-border);
background-image: var(--header-background-webp, var(--color-login-block-bg)) !important;
width: 640px;
padding: calc(var(--spacing)*10);
text-align: center;
border-radius: 20px;
margin-inline: auto;
box-shadow: var(--login-container-shadow);
}
@media not all and (min-width:1025px) {
.login-container {
border-style: var(--tw-border-style);
width: 100%;
height: 100%;
padding: calc(var(--spacing)*4);
border-width: 0;
border-radius: 0;
background-image: none !important;
}
}
.login-logo {
max-height: 200px;
max-width: 400px;
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(--heading-font);
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(--login-title-font-weight, var(--font-weight-black));
color: var(--color-body-text) !important;
background-image: var(--login-title-color, var(--banner-title-color)) !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 oklab, var(--color-body-text)30%, transparent)
}
}
.login-form {
padding-bottom: calc(var(--spacing)*5)
}
.login-input-group {
margin-bottom: calc(var(--spacing)*5)
}
.login-password-wrapper {
margin-top: calc(var(--spacing)*2);
position: relative
}
.login-password-icon {
top: 50%;
right: calc(var(--spacing)*4);
position: absolute
}
.login-actions {
justify-content: space-between;
display: flex;
padding-top: 5px;
padding-bottom: 5px;
}
.login-remember-me {
align-items: center;
gap: calc(var(--spacing)*2);
font-size: var(--text-lg);
letter-spacing: var(--tracking-normal);
display: flex;
line-height: calc(var(--spacing)*7) !important
}
.login-forgot-password {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
letter-spacing: var(--tracking-1);
-webkit-text-fill-color: currentColor;
text-decoration-line: underline;
color: var(--link-color) !important
}
.login-submit-button {
margin-top: calc(var(--spacing)*4);
width: 100%;
box-shadow: var(--shadow-primary-bottom-md);
}
.login-signup-link {
-webkit-text-fill-color: currentColor;
text-decoration-line: underline;
color: var(--link-color) !important
}
.login-signup-prompt {
margin-top: calc(var(--spacing)*5);
font-size: var(--text-lg);
line-height: var(--text-line-height-110);
letter-spacing: var(--tracking-normal)
}
@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));
letter-spacing: var(--tracking-1);
text-decoration-line: underline;
color: var(--link-color) !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
}
}
.login-footer {
display: none
}
@media not all and (min-width:1025px) {
.login-footer {
display: block
}
}
.forgot-password-page {
background: 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;
background-color: var(--forgot-password-container-bg-color);
padding: var(--forgot-password-container-padding);
border-width: var(--forgot-password-container-border-width);
border-color: var(--forgot-password-container-border-color);
}
.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(--heading-font);
--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(--primary-gradient) !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(--primary-gradient) !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__login-prompt {
margin-top: calc(var(--spacing)*5);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
letter-spacing: var(--tracking-1)
}
.forgot-password-page__login-prompt--desktop {
display: block
}
.forgot-password-page__login-prompt--mobile {
display: none
}
.forgot-password-page__login-link {
-webkit-text-fill-color: currentColor;
text-decoration-line: underline;
color: var(--link-color) !important;
display: inline !important
}
@media (max-width:1025px) {
.forgot-password-page {
align-items: flex-start
}
.forgot-password-page__container {
max-width: 100%;
padding: calc(var(--spacing)*4);
border-width: var(--forgot-password-container-border-width-mobile);
}
.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 {
background: var(--color-login-bg);
font-family: var(--forgot-password-page-text-ff);
font-weight: var(--forgot-password-page-text-fw);
justify-content: center;
align-items: center;
min-height: 100dvh;
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;
background-color: var(--set-new-password-container-bg-color);
padding: var(--set-new-password-container-padding);
border-width: var(--set-new-password-container-border-width);
border-color: var(--set-new-password-container-border-color);
}
.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(--heading-font);
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold)
}
.set-new-password__title--highlight {
color: var(--primary-gradient) !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);
cursor: pointer;
display: none;
position: absolute
}
.set-new-password__error-message {
margin-bottom: calc(var(--spacing)*4);
text-align: center;
font-family: var(--body-font);
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 {
text-align: center;
font-size: var(--text-md);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
letter-spacing: var(--tracking-1)
}
.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: var(--primary-gradient)
}
.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 oklab, var(--color-body-text)50%, transparent)
}
}
.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(--primary-gradient) !important;
-webkit-text-fill-color: currentColor !important
}
@media (max-width:1025px) {
.set-new-password {
align-items: flex-start
}
.set-new-password__container {
padding: calc(var(--spacing)*4);
border-width: var(--set-new-password-container-border-width-mobile);
}
.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 {
background: var(--color-login-bg);
justify-content: center;
min-height: 100dvh;
display: flex
}
@media not all and (min-width:1025px) {
.sign-up {
align-items: flex-start
}
}
.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;
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(--heading-font);
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: var(--text-xl) !important;
line-height: normal;
}
@media not all and (min-width:1025px) {
.sign-up__title--mobile {
display: block
}
}
.sign-up__title-highlight {
-webkit-text-fill-color: currentColor;
color: var(--primary-gradient) !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);
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));
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-info {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal)
}
.sign-up__strength-bar {
background: var(--signup-strength-bar-color);
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-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
}
@supports (color:color-mix(in lab, red, red)) {
.sign-up__strength-value {
color: color-mix(in oklab, var(--color-body-text)50%, transparent)
}
}
.sign-up__checkbox-container {
margin-block: 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;
letter-spacing: var(--tracking-normal) !important;
align-items: flex-start !important
}
.sign-up__checkbox {
margin-top: .375rem !important
}
.sign-up__link {
text-underline-offset: auto;
-webkit-text-fill-color: currentColor;
text-decoration-line: underline;
color: var(--primary-gradient) !important
}
.sign-up__submit-button {
margin-top: calc(var(--spacing)*3);
}
@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
}
}
.sign-up__divider-text {
margin-block: calc(var(--spacing)*5);
--tw-font-weight: var(--font-weight-bold) !important;
font-weight: var(--font-weight-bold) !important
}
.sign-up__social-buttons {
gap: calc(var(--spacing)*5);
display: flex
}
@media not all and (min-width:1025px) {
.sign-up__social-buttons {
gap: calc(var(--spacing)*2.5);
flex-direction: column;
width: 100%
}
}
.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)) {
.sign-up__social-button {
background-color: color-mix(in oklab, var(--primary-button-font-color)35%, transparent)
}
}
.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) {
.sign-up__social-button {
background-color: var(--color-body-text);
width: 100%;
padding-block: calc(var(--spacing)*2.5)
}
}
.sign-up__social-icon {
color: var(--color-body-text)
}
@media not all and (min-width:1025px) {
.sign-up__social-icon {
color: var(--primary-button-font-color)
}
}
.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)*2);
gap: calc(var(--spacing)*1);
display: flex
}
@media not all and (min-width:1025px) {
.sign-up__login-prompt {
display: none
}
.promotion-page {
margin-inline: calc(var(--spacing)*2.5);
margin-top: calc(var(--spacing)*3);
text-align: center;
min-height: calc(100dvh - 166px)
}
}
.promotion-page__title {
font-family: var(--heading-font);
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,
.profile__main-subtitle {
font-family: var(--text-font-family);
margin-top: calc(var(--spacing)*2);
}
@media not all and (min-width:1025px) {
.promotion-page__subtitle,
.profile__main-subtitle {
margin-bottom: calc(var(--spacing)*5);
padding-inline: calc(var(--spacing)*5);
font-size: var(--text-md);
letter-spacing: var(--tracking-normal);
line-height: var(--text-line-height-110)
}
}
.promotion-page__subtitle {
font-family: var(--promotion-page-text-ff)
}
.promotion-page__highlight {
color: var(--primary-gradient)
}
.promotion-page__grid {
margin-block: calc(var(--spacing)*5);
gap: calc(var(--spacing)*8);
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-columns: minmax(200px, 1fr);
display: grid;
max-width: 1500px;
}
@media not all and (min-width:1025px) {
.promotion-page__grid {
place-items: center;
grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.promotion-page__card {
border-radius: var(--radius-10);
width: 100%;
max-width: 482px;
flex-direction: column;
display: flex;
position: relative;
background: var(--promotion-card-background);
}
@media not all and (min-width:1025px) {
.promotion-page__card {
max-width: 100%;
height: auto;
min-height: 110px;
}
}
.promotion-page__card-image {
height: 160px;
background-image: var(--img-promo-coin-bg);
background-position: top;
background-repeat: no-repeat;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: var(--radius-10) var(--radius-10) 0 0;
}
@media not all and (min-width:1025px) {
.promotion-page__card-image {
height: 125px;
}
}
.promotion-page__card-button, .promotion-details__promo-card-button {
text-align: center;
color: var(--color-promotions-card-gc);
background: var(--color-promotions-card-gc-bg);
font-size: var(--text-xl);
font-weight: var(--font-weight-bold);
font-family: var(--body-font);
--tw-leading: calc(var(--spacing)*8);
line-height: var(--text-line-height-110);
border-radius: 10px;
padding: 8px 15px;
box-shadow: var(--shadow-primary-bottom-md);
max-width: 80%;
position: absolute;
top: calc(var(--spacing)*3);
right: calc(var(--spacing)*3);
border: 2px solid var(--color-promotions-card-gc-border);
}
@media not all and (min-width:1025px) {
.promotion-page__card-button {
padding: 0.5rem 1rem;
font-size: var(--text-lg);
--tw-leading: calc(var(--spacing)*6);
top: calc(var(--spacing)*4);
right: calc(var(--spacing)*4);
}
}
.promotion-page__card-info {
flex: 1 1 auto;
min-height: 0;
padding: calc(var(--spacing) * 6);
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: calc(var(--spacing) * 6);
}
@media not all and (min-width:1025px) {
.promotion-page__card-info {
padding: calc(var(--spacing) * 6);
background-image: none;
}
}
.promotion-page__card-title {
background: var(--section-title-color);
background-clip: text;
color: transparent;
font-size: var(--promotion-card-heading-font-size);
font-family: var(--heading-font);
font-weight: var(--font-weight-bold) !important;
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) * 8);
font-size: var(--text-lg);
--tw-leading: calc(var(--spacing)*5);
line-height: var(--text-line-height-100);
}
}
.promotion-page__card-title--highlight {
color: var(--primary-gradient) !important
}
.promotion-page__card-text {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 4.5em;
line-height: 1.5em;
font-size: var(--text-sm);
}
.promotion-page__card-text ul {
list-style: disc;
}
.promotion-page__card-text ol {
list-style: decimal;
}
.promotion-page__card-buttons {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
}
@media (min-width:1025px) and (max-width:1280px) {
.promotion-page__primary-button, .promotion-page__secondary-button {
font-size: var(--text-xl);
}
.promotion-page__card-title {
font-size: var(--text-md1_5);
}
}
.promotion-page__card-icon-wrapper {
position: absolute;
top: -12px;
left: -12px;
}
@media not all and (min-width:1025px) {
.promotion-page__card-icon-wrapper {
top: -0.9rem;
left: -1rem;
}
}
.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(--text-lg);
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)
}
.content-page {
padding: calc(var(--spacing)*7);
padding-top: calc(var(--spacing)*3);
text-align: center
}
}
.content-page__title {
font-family: var(--heading-font);
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);
padding-bottom: calc(var(--spacing) * 10);
}
.content-page__text ul {
list-style: disc;
}
.content-page__text ol {
list-style: decimal;
}
.content-page__main-heading {
margin-top: calc(var(--spacing)*11);
font-family: var(--heading-font);
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(--primary-gradient) !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);
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));
line-height: calc(var(--spacing)*7);
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);
line-height: calc(var(--spacing)*4);
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);
line-height: calc(var(--spacing)*6);
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(--heading-font);
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);
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;
letter-spacing: var(--tracking-normal) !important;
line-height: 1.125rem !important
}
}
.free-refill__highlight {
color: var(--primary-gradient)
}
.free-refill__card {
margin-top: calc(var(--spacing)*5);
margin-bottom: calc(var(--spacing)*10);
border-radius: var(--radius-10);
background: var(--bg-tier-2-gradient);
padding-inline: calc(var(--spacing)*8);
padding-block: calc(var(--spacing)*16);
box-shadow: var(--shadow-primary-top-md);
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(--heading-font);
font-size: var(--text-xl1_5) !important;
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(--primary-gradient);
}
@media not all and (min-width:1025px) {
.free-refill__card-title {
font-size: var(--text-xl) !important;
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: calc(var(--spacing)*8) !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: normal;
}
.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 oklab, var(--color-body-text)50%, transparent)
}
}
.free-refill__form-title {
font-family: var(--heading-font);
font-size: var(--text-xl1_5) !important;
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__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: var(--bg-tier-2-gradient);
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));
box-shadow: var(--shadow-primary-top-md);
--tw-outline-style: none;
outline-style: none;
position: relative;
overflow: hidden
}
.free-refill__input--secondary-bg {
background: var(--form-bg-color, var(--bg-tier-1-gradient));
}
.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(--heading-font);
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);
letter-spacing: var(--tracking-1)
}
@media not all and (min-width:1025px) {
.refer-a-friend__subtitle {
padding-inline: calc(var(--spacing)*5);
font-size: var(--text-md);
margin-bottom: calc(var(--spacing)*5) !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: var(--bg-tier-2-gradient);
padding-inline: calc(var(--spacing)*8);
padding-block: calc(var(--spacing)*16);
box-shadow: var(--shadow-primary-top-md);
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 {
background: var(--primary-gradient);
background-clip: text;
color: transparent;
font-family: var(--heading-font);
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);
--tw-leading: calc(var(--spacing)*8) !important;
line-height: calc(var(--spacing)*8) !important
}
}
.refer-a-friend__highlight {
color: var(--primary-gradient)
}
.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 oklab, var(--color-body-text)50%, transparent)
}
}
.refer-a-friend__link-input-wrapper {
margin-block: calc(var(--spacing)*5);
border-radius: var(--radius-10);
background: var(--form-bg-color, var(--bg-tier-1-gradient));
width: 100%;
height: 62px;
box-shadow: var(--shadow-primary-top-md);
display: flex;
position: relative;
overflow: hidden
}
.refer-a-friend__link-input {
background-color: transparent;
width: 100%;
height: 100%;
padding: calc(var(--spacing)*4);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
font-family: var(--text-font-family);
outline-style: none
}
.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(--primary-accent-color);
background-color: var(--bg-tier-1-gradient);
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: var(--bg-tier-2-gradient);
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));
box-shadow: var(--shadow-primary-top-md);
--tw-outline-style: none;
font-family: var(--text-font-family);
outline-style: none;
position: relative;
overflow: hidden
}
.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(--heading-font);
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: var(--bg-tier-2-gradient);
padding-block: calc(var(--spacing)*12);
box-shadow: var(--shadow-primary-top-md);
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(--heading-font);
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) {
.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: var(--primary-accent-color);
}
@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-body-text) !important
}
@media not all and (min-width:1025px) {
.redemption-submitted__message {
--tw-border-style: none;
border-style: none
}
}
.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 oklab, var(--color-body-text)50%, transparent)
}
}
.redemption-submitted__amount {
padding-inline: calc(var(--spacing)*7);
margin-bottom: 10px;
font-size: var(--text-3xl);
color: var(--color-body-text) !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: var(--text-xl1_5)
}
}
.redemption-submitted__note {
margin-bottom: calc(var(--spacing)*6);
padding-inline: calc(var(--spacing)*7);
color: var(--color-body-text) !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 {
margin-bottom: calc(var(--spacing)*3)
}
.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(--primary-button-font-color);
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(--heading-font);
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(--primary-gradient)
}
}
@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: sticky
}
@media not all and (min-width:1025px) {
.redemption-submitted__bottom-bar {
display: block
}
}
.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(--primary-button-font-color);
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(--heading-font);
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(--primary-gradient)
}
}
.redemption-submitted__continue-button--mobile {
width: 100%;
display: block;
}
@media not all and (min-width:1025px) {
.verify-account {
margin-inline: calc(var(--spacing)*2.5);
margin-top: calc(var(--spacing)*3);
text-align: center;
min-height: calc(100dvh - 166px)
}
}
.verify-account__title {
font-family: var(--heading-font);
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)*12);
line-height: calc(var(--spacing)*8);
line-height: calc(var(--spacing)*12)
}
}
.verify-account__subtitle {
font-family: var(--text-font-family);
margin-top: calc(var(--spacing)*2);
letter-spacing: var(--tracking-1)
}
@media not all and (min-width:1025px) {
.verify-account__subtitle {
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));
font-size: var(--text-md);
line-height: var(--leading-normal);
letter-spacing: var(--tracking-normal)
}
}
.verify-account__subtitle {
font-family: var(--zero-balance-page-text-ff)
}
.verify-account__highlight {
color: var(--primary-gradient);
-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: var(--form-bg-color, var(--bg-tier-2-gradient));
padding-block: calc(var(--spacing)*12);
box-shadow: var(--shadow-primary-top-md);
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 oklab, var(--color-body-text)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-body-text)
}
@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
}
@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: sticky
}
.geo-page {
flex-direction: column;
min-height: 100dvh;
display: flex
}
.geo {
padding-inline: calc(var(--spacing)*9);
padding-top: calc(var(--spacing)*9)
}
@media not all and (min-width:1025px) {
.geo {
min-height: calc(100dvh - 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);
box-shadow: var(--shadow-primary-top-md);
background: var(--bg-tier-2-gradient);
flex-direction: column;
align-items: center;
display: flex
}
.geo__title {
margin-top: calc(var(--spacing)*7);
text-align: center;
background: var(--error-gradient);
background-clip: text;
color: transparent;
font-size: var(--text-xl1_5);
font-weight: 500;
font-family: var(--heading-font);
}
.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
}
}
.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 oklab, var(--primary-button-font-color)70%, transparent)
}
}
.alt-login__modal-content {
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--primary-gradient);
width: 100%;
max-width: 695px;
height: fit-content;
padding: calc(var(--spacing)*5);
background: var(--bg-tier-2-gradient);
border-radius: 10px;
position: relative;
top: 14.2857%
}
.alt-login__title {
font-family: var(--heading-font);
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(--primary-gradient);
-webkit-text-fill-color: currentColor
}
.alt-login__subtitle {
font-family: var(--heading-font);
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: var(--bg-tier-2-gradient);
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)
}
.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));
letter-spacing: var(--tracking-normal)
}
@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)
}
@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)
}
.redeem__button--unverified > *,
.alt-login__unverified-button > * {
font-family: inherit;
font-weight: inherit;
color: inherit
}
.alt-login__unverified-button svg path {
fill: var(--unverified-button-color)
}
.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-text {
color: inherit;
-webkit-text-fill-color: currentColor;
line-height: calc(var(--spacing)*8);
letter-spacing: var(--tracking-wider);
background: 0 0;
font-weight: inherit !important
}
.alt-login__verified-button {
margin-top: calc(var(--spacing)*6);
align-items: center;
gap: calc(var(--spacing)*2);
display: flex
}
.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 {
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(--primary-gradient);
-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(--bg-tier-3-gradient);
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));
letter-spacing: var(--tracking-wider);
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
display: flex
}
.alt-login__code-info {
background-color: var(--bg-tier-2-gradient);
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 {
letter-spacing: var(--tracking-wider);
font-size: var(--text-lg1_5)
}
.alt-login__code-value {
font-size: var(--text-lg);
line-height: calc(var(--spacing)*7);
letter-spacing: var(--tracking-wider)
}
.alt-login__code-row {
margin-top: calc(var(--spacing)*2.5);
background-color: var(--bg-tier-2-gradient);
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(--bg-tier-2-gradient);
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));
letter-spacing: var(--tracking-wider);
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);
letter-spacing: var(--tracking-wider);
background: var(--bg-tier-2-gradient);
grid-template-columns: minmax(0, 240px) minmax(0, 173px) minmax(0, 280px) minmax(0, 420px) minmax(0, 270px);
font-size: var(--text-lg1_5);
display: grid
}
.alt-login__table-row:nth-child(2n) {
background: var(--color-table-row-even-bg)
}
.alt-login__pagination {
margin-block: calc(var(--spacing)*4);
background-color: var(--bg-tier-2-gradient);
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));
letter-spacing: var(--tracking-wider);
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(--bg-tier-3-gradient);
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));
letter-spacing: var(--tracking-wider);
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));
letter-spacing: var(--tracking-wider);
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
}
}
.contact {
margin-bottom: calc(var(--spacing)*7)
}
.contact__title {
font-size: var(--text-sm);
font-family: var(--font-family-nexa);
font-weight: var(--font-weight-black);
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: var(--tracking-wider);
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;
line-height: calc(var(--spacing)*4.5) !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-family: var(--font-family-nexa);
font-weight: var(--font-weight-black);
line-height: 36px;
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(--primary-gradient) !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);
box-shadow: var(--shadow-primary-top-md);
flex-direction: column;
display: flex
}
@media not all and (min-width:1025px) {
.contact__field {
margin-top: calc(var(--spacing)*2.5);
background-color: var(--bg-tier-2-gradient)
}
}
.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 oklab, var(--color-body-text)30%, transparent)
}
}
.contact__input {
outline-style: var(--tw-outline-style);
font-family: var(--font-numbers);
outline-width: 0
}
.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(--primary-button-font-color);
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(--heading-font);
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(--primary-gradient)
}
}
.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(--primary-button-font-color);
background: var(--color-secondary-button-bg);
font-weight: var(--font-main-buttons-fw);
margin-top: calc(var(--spacing)*4);
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(--heading-font);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
padding: 3px 18px;
transition: all .2s ease-in;
background-color: #454545 !important
}
@media (hover:hover) {
.contact__social:hover {
background-color: var(--primary-gradient)
}
}
@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-family-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 {
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);
--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)
}
}
.game-information__image {
border-radius: var(--radius-10);
max-width: 236px
}
@media not all and (min-width:979px) {
.game-information__image {
max-width: 165px
}
}
.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: var(--bg-tier-2-gradient);
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));
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)
}
}
@media (hover:hover) {
.game-information__cta:hover {
background-color: var(--color-secondary-button-bg)
}
}
@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: var(--bg-tier-2-gradient);
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-family-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: calc(var(--spacing)*7);
letter-spacing: var(--tracking-1)
}
.game-information__details-paragraph--spaced {
margin-top: calc(var(--spacing)*5)
}
.loyalty {
flex-direction: column;
display: flex;
padding: 10px;
}
.loyalty__container {
max-width: 1263px
}
.loyalty__title {
font-family: var(--heading-font);
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;
}
}
.loyalty__title--highlight {
color: var(--primary-gradient)
}
.loyalty__description {
font-family: var(--text-font-family);
margin-top: calc(var(--spacing)*2);
}
@media not all and (min-width:1025px) {
.loyalty__description {
font-size: var(--text-md)
}
}
@media not all and (min-width:1025px) {
.loyalty__description {
padding-inline: calc(var(--spacing)*5);
text-align: center;
}
}
.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(--primary-gradient);
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 p,
.loyalty__points-card {
font-family: var(--heading-font);
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold) !important
}
.loyalty__points-label {
--tw-leading: calc(var(--spacing)*16);
font-size: var(--text-3xl);
color: var(--loyalty-points-label-color, var(--color-body-text));
}
.loyalty__points-label, .loyalty__points-value {
text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
}
@media not all and (min-width:1025px) {
.loyalty__points-label {
--tw-leading: calc(var(--spacing)*10);
font-size: var(--text-xl1_5);
line-height: calc(var(--spacing)*10)
}
}
.loyalty__points-highlight {
-webkit-text-fill-color: currentColor !important;
color: var(--primary-gradient) !important
}
.loyalty__points-value {
font-size: var(--text-4xl);
letter-spacing: var(--tracking-1);
color: var(--loyalty-points-value-color, var(--color-body-text));
}
@media not all and (min-width:1025px) {
.loyalty__points-value {
--tw-leading: calc(var(--spacing)*28);
font-size: var(--text-4xl);
line-height: calc(var(--spacing)*28)
}
}
.loyalty__levels {
justify-content: space-between;
align-items: center;
display: flex;
padding-top: 10px;
}
@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(--primary-gradient) !important;
-webkit-text-fill-color: currentColor !important
}
.loyalty__level-value {
align-items: center;
gap: calc(var(--spacing)*2);
font-size: var(--text-xl);
font-weight: var(--font-weight-black);
display: flex;
font-family: var(--heading-font);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.loyalty__level-value--1 {
background-image: var(--loyalty-level-1-gradient);
}
.loyalty__level-value--2 {
background-image: var(--loyalty-level-2-gradient);
}
.loyalty__level-value--3 {
background-image: var(--loyalty-level-3-gradient);
}
.loyalty__level-value--4 {
background-image: var(--loyalty-level-4-gradient);
}
.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)*16);
margin-bottom: calc(var(--spacing)*16);
margin-left: calc(var(--spacing)*16);
margin-right: calc(var(--spacing)*16);
justify-content: space-between;
align-items: center;
gap: calc(var(--spacing)*2.5);
display: flex
}
@media not all and (min-width:1025px) {
.loyalty__progress-bar {
margin-left: calc(var(--spacing)*1);
margin-right: calc(var(--spacing)*1);
}
}
.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: var(--loyalty-bar-track-color, var(--secondary-gradient));
width: 100%;
position: relative;
box-shadow: var(--shadow-primary-top-sm);
}
.loyalty__bar-fill {
top: calc(var(--spacing)*0);
left: calc(var(--spacing)*0);
height: calc(var(--spacing)*12);
border-radius: var(--radius-10);
background: var(--primary-gradient);
width: 66.6667%;
position: absolute
}
.loyalty__bar-label {
translate: -50% -50%;
width: fit-content;
position: relative;
top: 50%;
left: 66.6667%
}
.loyalty__bar-text {
translate: -50% -50%;
font-family: var(--body-font);
font-size: var(--text-lg1_5);
font-weight: var(--font-weight-bold) !important;
position: absolute;
top: 50%;
left: 50%;
filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.94));
color: var(--loyalty-bar-text-color, var(--color-body-text));
}
.loyalty-levels {
flex-direction: column;
display: flex;
}
.loyalty-levels__subtitle {
margin-top: calc(var(--spacing)*8);
margin-bottom: calc(var(--spacing)*8);
}
@media not all and (min-width:1025px) {
.loyalty-levels__subtitle {
display: none
}
}
.loyalty-levels__highlight-text {
-webkit-text-fill-color: currentColor !important;
color: var(--primary-gradient) !important
}
.loyalty-levels__title {
font-family: var(--heading-font);
}
@media not all and (min-width:1025px) {
.loyalty-levels__title {
font-size: var(--text-lg);
--tw-leading: calc(var(--spacing)*12);
justify-content: center;
font-size: var(--text-xl) !important;
--tw-leading: calc(var(--spacing)*8) !important;
--text-line-height-100: 1.5;
text-align: center;
}
}
.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 {
font-family: var(--heading-font);
width: 322px;
padding-block: calc(var(--spacing)*3);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
font-weight: var(--font-weight-black) !important;
letter-spacing: var(--tracking-1);
letter-spacing: .03em;
border-radius: 20px;
justify-content: center;
font-weight: 700;
display: flex
}
.loyalty-levels__level-item--reached {
background: var(--bg-tier-3-gradient);
color: var(--color-reached-loyalty-text)
}
.loyalty-levels__level-item--current {
background: var(--color-current-loyalty-level-bg);
padding-inline: calc(var(--spacing)*3);
}
.loyalty-levels__level-item--current .loyalty-levels__level-item__text {
display: flex;
align-items: center;
gap: calc(var(--spacing)*3);
text-align: center;
color: var(--loyal-level-titles-font-color);
}
.loyalty-levels__level-item--next {
background: var(--bg-tier-3-gradient);
}
.loyalty-levels__level-item--locked {
background: var(--bg-tier-3-gradient);
}
.loyalty-levels__level-item--locked .loyalty-levels__level-item__text {
opacity: 0.4;
}
.loyalty-levels__level-item--next .loyalty-levels__level-item__text {
background: var(--primary-gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.loyalty-levels__separator {
height: calc(var(--spacing)*.5);
width: 100%;
max-width: calc(var(--spacing)*10);
border-style: var(--tw-border-style);
background: var(--bg-tier-3-gradient);
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);
overflow-x: hidden;
}
}
*/
@media not all and (min-width:1025px) {
.loyalty-levels__cards-list {
gap: calc(var(--spacing)*2.5);
width: max-content;
overflow-x: hidden;
scroll-snap-type: x mandatory;
scroll-padding-left: calc(50% - 160px);
}
}
.loyalty-levels__card {
border-radius: 20px;
width: 100%;
max-width: 322px;
overflow: hidden;
background-color: var(--bg-tier-3);
box-shadow: var(--shadow-primary-bottom-sm);
}
.loyalty-levels__card-header {
padding-block: calc(var(--spacing)*5);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
z-index: 1
}
.loyalty-levels__card-header:before {
content: "";
background: var(--bg-tier-2-gradient);
position: absolute;
z-index: -10;
width: calc(100% - 6px);
height: calc(100% - 6px);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: inherit;
}
.loyalty-levels__card-header:after {
content: "";
position: absolute;
z-index: -20;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: inherit;
}
.loyalty-levels__card-header--1:after {
background: var(--loyalty-level-1-gradient);
}
.loyalty-levels__card-header--2:after {
background: var(--loyalty-level-2-gradient);
}
.loyalty-levels__card-header--3:after {
background: var(--loyalty-level-3-gradient);
}
.loyalty-levels__card-header--4:after {
background: var(--loyalty-level-4-gradient);
}
.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-header--1 .loyalty-levels__card-icon-wrapper {
background-image: var(--loyalty-level-1-gradient);
}
.loyalty-levels__card-header--2 .loyalty-levels__card-icon-wrapper {
background-image: var(--loyalty-level-2-gradient);
}
.loyalty-levels__card-header--3 .loyalty-levels__card-icon-wrapper {
background-image: var(--loyalty-level-3-gradient);
}
.loyalty-levels__card-header--4 .loyalty-levels__card-icon-wrapper {
background-image: var(--loyalty-level-4-gradient);
}
.loyalty-levels__card-icon {
background: 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));
letter-spacing: var(--tracking-wider);
font-weight: var(--font-weight-black) !important;
letter-spacing: var(--tracking-1);
font-family: var(--heading-font);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@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))
}
}
.loyalty-levels__card-header--1 .loyalty-levels__card-title {
background-image: var(--loyalty-level-1-gradient);
}
.loyalty-levels__card-header--2 .loyalty-levels__card-title {
background-image: var(--loyalty-level-2-gradient);
}
.loyalty-levels__card-header--3 .loyalty-levels__card-title {
background-image: var(--loyalty-level-3-gradient);
}
.loyalty-levels__card-header--4 .loyalty-levels__card-title {
background-image: var(--loyalty-level-4-gradient);
}
.loyalty-levels__card-body {
background: var(--bg-tier-3-gradient);
max-width: 322px;
padding: calc(var(--spacing)*5);
font-family: var(--text-font-family);
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
height: 100%;
}
.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;
justify-content: center;
}
@media not all and (min-width:1441px) {
.loyalty-levels__card-description {
font-size: var(--text-md);
--tw-leading: 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-description .loyalty-star-icon--container {
background-image: var(--loyalty-star-icon);
filter: drop-shadow(var(--shadow-primary-bottom-sm));
-webkit-filter: drop-shadow(var(--shadow-primary-bottom-sm));
-moz-filter: drop-shadow(var(--shadow-primary-bottom-sm));
}
.loyalty-levels__card-description .loyalty-star-icon {
width: 18.85px;
height: 18px;
mask-image: var(--loyalty-star-icon);
-webkit-mask-image: var(--loyalty-star-icon);
}
.loyalty-levels__card--1 .loyalty-star-icon {
background: var(--loyalty-level-1-gradient);
}
.loyalty-levels__card--2 .loyalty-star-icon {
background: var(--loyalty-level-2-gradient);
}
.loyalty-levels__card--3 .loyalty-star-icon {
background: var(--loyalty-level-3-gradient);
}
.loyalty-levels__card--4 .loyalty-star-icon {
background: var(--loyalty-level-4-gradient);
}
.loyalty-levels__card-points {
text-align: center;
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
line-height: calc(var(--spacing)*7);
font-weight: var(--font-weight-extrabold);
font-family: var(--heading-font-family, "Nexa", sans-serif);
letter-spacing: var(--tracking-wider);
font-weight: 700;
font-family: var(--heading-font);
background: var(--primary-gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent !important;
}
.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)
}
.zero-balance {
position: relative
}
@media not all and (min-width:1025px) {
.zero-balance {
margin-inline: calc(var(--spacing)*2.5);
margin-top: calc(var(--spacing)*3);
text-align: center;
min-height: calc(100dvh - 166px)
}
}
.zero-balance__title {
font-family: var(--heading-font);
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);
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;
line-height: calc(var(--spacing)*4.5) !important;
letter-spacing: var(--tracking-normal) !important
}
}
.zero-balance__highlight {
-webkit-text-fill-color: currentColor !important;
color: var(--primary-gradient) !important
}
.zero-balance__message {
margin-top: calc(var(--spacing)*5);
margin-bottom: calc(var(--spacing)*10);
border-radius: var(--radius-10);
background-color: var(--bg-tier-2-gradient);
padding-block: calc(var(--spacing)*12);
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(--error-gradient) !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 oklab, var(--color-body-text)50%, transparent)
}
}
@media not all and (min-width:1025px) {
.zero-balance__store-button-desktop {
display: none !important
}
}
.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 {
width: 100%;
padding-inline: calc(var(--spacing)*4);
display: none;
}
@media not all and (min-width:1025px) {
.zero-balance__actions-mobile {
display: block
}
}
.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(--heading-font);
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 {
-webkit-text-fill-color: currentColor !important;
color: var(--primary-gradient) !important
}
.payment__subtitle {
margin-top: calc(var(--spacing)*2);
font-family: var(--heading-font);
--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: var(--text-lg1_5) !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 oklab, var(--color-body-text)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
}
}
@media (hover:hover) {
.payment__method-button:hover {
background-color: var(--primary-gradient)
}
}
.payment__method-button {
min-height: 61px;
margin-bottom: calc(var(--spacing)*3);
justify-content: space-between;
align-items: center;
display: flex !important;
width: 100% !important;
padding-block: calc(var(--spacing)*2) !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);
min-height: 71px;
}
}
.payment__method-button {
padding-inline: calc(var(--spacing) * 5) !important;
}
@media not all and (min-width:1025px) {
.payment__method-button {
padding-inline: calc(var(--spacing) * 6) !important;
}
}
.payment__method-label {
display: flex;
align-items: center;
justify-content: space-between; /* keeps arrow on right */
gap: calc(var(--spacing) * 5);
width: 100%;
height: 100%;
}
@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(--heading-font);
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 oklab, var(--color-body-text)30%, transparent)
}
}
.payment__summary-subtitle {
padding-block: calc(var(--spacing)*4);
font-family: var(--heading-font);
--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(--bg-tier-3-gradient);
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);
box-shadow: var(--shadow-primary-top-md);
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(--bg-tier-2-gradient);
}
}
.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 {
margin-block: calc(var(--spacing)*10);
text-align: center;
padding-block: calc(var(--spacing)*2.5) !important
}
#payment-form .primary-button {
text-align: left;
}
.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(--heading-font);
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(--primary-gradient);
-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__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(--bg-tier-3-gradient)
}
@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(--bg-tier-3-gradient)
}
@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 oklab, var(--color-body-text)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(--bg-tier-2-gradient);
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));
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);
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: var(--text-lg1_5);
display: grid
}
.transaction-history__table-row:nth-child(odd) {
background-color: var(--bg-tier-2-gradient)
}
.transaction-history__table-row:nth-child(2n) {
background-color: var(--bg-tier-3-gradient)
}
.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(--bg-tier-3-gradient);
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));
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(--bg-tier-2-gradient);
padding-block: calc(var(--spacing)*1.5);
padding-right: calc(var(--spacing)*3);
padding-left: calc(var(--spacing)*6)
}
.transaction-history__mobile-label {
letter-spacing: var(--tracking-1);
font-size: var(--text-lg1_5)
}
.transaction-history__mobile-value {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
line-height: calc(var(--spacing)*7);
letter-spacing: var(--tracking-1)
}
.transaction-history__pagination {
margin-top: calc(var(--spacing)*4);
border-radius: var(--radius-10);
background-color: var(--bg-tier-2-gradient);
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));
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(--bg-tier-3-gradient);
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));
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));
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
}
}
@media (hover:hover) {
.transaction-history__mobile-actions .transaction-history__button--primary:hover {
background-color: var(--color-secondary-button-bg)
}
}
.transaction-history__mobile-actions .transaction-history__button--primary {
margin-top: calc(var(--spacing)*3);
margin-bottom: calc(var(--spacing)*3);
width: 100%
}
@media (hover:hover) {
.transaction-history__mobile-actions .transaction-history__button--secondary:hover {
background-color: var(--primary-gradient)
}
}
.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 oklab, var(--primary-button-font-color)70%, transparent)
}
}
.safety-hub__modal-content {
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--primary-gradient);
width: 100%;
max-width: 695px;
height: fit-content;
padding: calc(var(--spacing)*5);
background-color: var(--bg-tier-2-gradient);
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(--heading-font);
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(--primary-gradient);
-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: var(--shadow-primary-footer-md);
}
.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));
line-height: calc(var(--spacing)*6);
letter-spacing: var(--tracking-wider);
border-width: 2px;
border-color: #0000;
border-radius: 10px
}
.safety-hub__tab--active {
background-color: var(--bg-tier-1-gradient);
border-color: var(--primary-gradient) !important;
color: var(--primary-gradient) !important;
-webkit-text-fill-color: currentColor !important
}
.safety-hub__mobile-tabs {
margin-inline: auto;
margin-bottom: calc(var(--spacing)*7);
border-radius: 10px;
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(--bg-tier-3-gradient);
box-shadow: var(--shadow-primary-footer-md);
}
.safety-hub__tab-mobile {
padding-block: calc(var(--spacing)*4);
border-width: 0px;
border-radius: 10px;
padding-inline: 26px;
font-size: var(--text-lg1_5);
}
@media not all and (min-width:1025px) {
.safety-hub__tab-mobile {
padding-inline: calc(var(--spacing)*4);
font-size: var(--text-sm);
}
}
.safety-hub__tab-mobile {
letter-spacing: var(--tabs-text-tracking)
}
.safety-hub__tab-mobile--active {
background-color: var(--bg-tier-1-gradient);
border-color: var(--primary-gradient) !important;
color: var(--primary-gradient) !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(--heading-font);
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__block {
margin-top: calc(var(--spacing)*7);
background: var(--bg-tier-2-gradient);
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(--safetyhub-subtitle-color);
-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));
line-height: calc(var(--spacing)*7);
letter-spacing: var(--tracking-wider)
}
.safety-hub-self-exclusion__text:first-child {
margin-top: calc(var(--spacing)*0)
}
.safety-hub-self-exclusion__text-link {
color: var(--primary-gradient);
-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: calc(var(--spacing)*7);
letter-spacing: var(--tracking-wider);
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
}
}
@media not all and (min-width:1025px) {
.safety-hub-self-exclusion__button--take-a-break {
display: none !important;
}
}
.safety-hub-self-exclusion__button--take-a-break-alt {
display: none !important;
}
@media not all and (min-width:1025px) {
.safety-hub-self-exclusion__button--take-a-break-alt {
display: block !important;
}
}
@media (hover:hover) {
.safety-hub-self-exclusion__button--self-exclude:hover {
background-color: var(--primary-gradient)
}
}
.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(--heading-font);
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);
--tw-leading: calc(var(--spacing)*12) !important;
line-height: calc(var(--spacing)*12) !important
}
@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)
}
}
@media not all and (min-width:1025px) {
.safetly-hub-limits__cancel-button,
.safetly-hub-limits__edit-button {
display: none !important;
}
}
.safetly-hub-limits__section {
margin-bottom: calc(var(--spacing)*5)
}
.safetly-hub-limits__subtitle {
font-family: var(--heading-font);
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
color: var(--safetyhub-limits-subtitle-color);
-webkit-text-fill-color: currentColor !important
}
@media not all and (min-width:1025px) {
.safetly-hub-limits__subtitle {
text-align: center
}
}
.safetly-hub-limits__limit-label {
margin-top: calc(var(--spacing)*3.5);
border-radius: var(--radius-10);
background: var(--bg-tier-2-gradient);
padding-inline: calc(var(--spacing)*3);
padding-block: calc(var(--spacing)*2);
--tw-leading: calc(var(--spacing)*7);
font-size: var(--text-xl);
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: var(--text-xl);
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,
.safetly-hub-limits__cancel-button-mobile {
display: none !important;
}
@media not all and (min-width:1025px) {
.safetly-hub-limits__cancel-button-mobile,
.safetly-hub-limits__edit-button-mobile {
display: block !important;
width: 100%;
margin-bottom: 10px;
}
}
.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
}
}
@media not all and (min-width:1025px) {
.redeem__title {
text-align: center;
}
}
.redeem__title--mobile {
font-family: var(--heading-font);
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);
}
}
.redeem__title--mobile {
display: none
}
@media not all and (min-width:1025px) {
.redeem__title--mobile {
display: block
}
}
.redeem__title--desktop {
font-family: var(--heading-font);
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(--primary-gradient)
}
.redeem__button-group {
gap: calc(var(--spacing)*5);
width: 100%;
display: flex;
padding-left: 10px;
}
@media not all and (min-width:1025px) {
.redeem__button-group {
flex-direction: column;
padding-left: 0px;
}
}
.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);
box-shadow: var(--shadow-primary-bottom-md);
border-width: 2px;
display: flex;
}
@media not all and (min-width:1025px) {
.redeem__button {
justify-content: center;
width: 100%
}
}
.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;
line-height: calc(var(--spacing)*8);
font-weight: var(--font-weight-normal);
font-family: var(--body-font);
}
.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)*3);
display: flex
}
@media not all and (min-width:1025px) {
.redeem__message-wrapper {
display: none
}
}
.redeem__title {
font-family: var(--heading-font);
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: 100%;
font-weight: var(--font-weight-black)
}
@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 {
line-height: calc(var(--spacing)*7);
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 oklab, var(--color-body-text)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: var(--bg-tier-2-gradient);
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 {
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--primary-gradient);
color: var(--primary-button-font-color);
background: var(--redeem-holdings-bg-color)
}
.redeem__holdings-title {
font-family: var(--heading-font);
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) !important;
font-family: var(--font-numbers) !important
}
.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: var(--text-sm);
font-weight: 500;
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: var(--text-lg1_5) !important;
}
}
.redeem__progress-title {
font-family: var(--text-promotion-font-family)
}
.redeem__progress-percentage {
-webkit-text-fill-color: currentColor !important;
color: var(--primary-gradient) !important
}
.redeem__progress-bar {
max-width: 916px;
margin-top: calc(var(--spacing)*2.5);
height: calc(var(--spacing)*5);
border-radius: var(--radius-10);
width: 100%;
box-shadow: var(--shadow-primary-top-md)
}
@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(--primary-gradient);
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);
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 {
-webkit-text-fill-color: currentColor !important;
color: var(--primary-accent-color) !important
}
.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 oklab, var(--color-body-text)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(--primary-gradient);
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(--primary-gradient)
}
@media (hover:hover) {
.redeem-accordion__upload:hover {
background-color: var(--color-secondary-button-bg)
}
}
.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(--primary-gradient);
-webkit-text-fill-color: currentColor
}
.redeem__form-wrapper {
margin-top: calc(var(--spacing)*5);
align-items: center;
gap: calc(var(--spacing)*4);
background: var(--form-bg-color, var(--bg-tier-2-gradient));
padding-inline: calc(var(--spacing)*5);
padding-block: calc(var(--spacing)*4);
box-shadow: var(--shadow-primary-top-md);
border-radius: 10px;
display: flex
}
@media not all and (min-width:1025px) {
.redeem__form-wrapper {
margin-top: calc(var(--spacing)*0);
padding-bottom: calc(var(--spacing)*3) !important;
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));
padding-top: 8px;
}
}
@media not all and (min-width:1025px) {
.redeem__submit-button {
width: 100%;
box-shadow: var(--shadow-primary-bottom-md);
margin-top: calc(var(--spacing)*4)
}
}
.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: var(--bg-tier-2-gradient);
padding-inline: calc(var(--spacing)*6);
padding-block: calc(var(--spacing)*2.5);
justify-content: space-between;
align-items: center;
display: flex;
gap: 6px;
}
@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(--primary-gradient);
-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))
}
@media (hover:hover) {
.redeem__cancel-button:hover {
background-color: var(--primary-gradient)
}
}
@media not all and (min-width:1025px) {
.redeem__cancel-button {
margin-top: calc(var(--spacing)*2);
width: 100%;
box-shadow: var(--shadow-primary-bottom-md)
}
}
.redeem-holdings__info.selected {
color: var(--primary-button-font-color)
}
.redeem-holdings__amount,
.numbers-font {
font-family: var(--numbers-font)
}
.redeem-holdings__title:has(span:contains("$")) {
font-family: var(--numbers-font)
}
.promotion-details {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 8);
}
@media not all and (min-width:1025px) {
.promotion-details {
gap: calc(var(--spacing) * 4);
padding-inline: calc(var(--spacing) * 4.8);
}
}
.promotion-details__header {
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(--heading-font);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
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: calc(var(--spacing)*12);
}
}
.promotion-details__name-title {
border-radius: var(--radius-10);
color: var(--section-title-color);
background: var(--promotion-details-section-bg, var(--bg-tier-2-gradient));
text-align: center;
padding: calc(var(--spacing)*6);
font-family: var(--heading-font);
font-size: var(--text-lg1_5);
line-height: 110%;
font-weight: var(--font-weight-bold);
}
@media not all and (min-width:1025px) {
.promotion-details__name-title {
font-size: var(--text-lg);
}
}
@media not all and (min-width:1025px) {
.promotion-details__back-button {
display: none !important
}
}
.promotion-details__back-button--mobile {
display: none;
}
@media not all and (min-width:1025px) {
.promotion-details__back-button--mobile {
display: block;
}
}
.promotion-details__promo-card {
border-radius: var(--radius-10);
width: 100%;
height: 235px;
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%;
padding: calc(var(--spacing)*1.5);
padding-top: calc(var(--spacing)*2.5)
}
}
.promotion-details__promo-card--large {
border-radius: var(--radius-10);
max-width: 100% !important;
height: 236px !important
}
@media not all and (min-width:1025px) {
.promotion-details__promo-card--large {
height: 110px !important
}
}
.promotion-details__promo-card--large {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
@media not all and (min-width:1025px) {
.promotion-details__promo-card-button {
/*background-color: var(--color-secondary-button-bg);*/
font-size: var(--text-md);
--tw-leading: calc(var(--spacing)*6);
line-height: calc(var(--spacing)*6)
}
}
.promotion-details__promo-card-button--large {
margin-top: calc(var(--spacing)*2);
margin-right: calc(var(--spacing)*2)
}
@media not all and (min-width:1025px) {
.promotion-details__promo-card-button--large {
margin-top: calc(var(--spacing)*1);
margin-right: calc(var(--spacing)*1)
}
.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%);
padding-inline: calc(var(--spacing)*3) !important;
padding-top: calc(var(--spacing)*2.5) !important
}
@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 oklab, var(--primary-button-font-color)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-title {
min-height: 16px;
font-family: var(--heading-font);
--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(--primary-gradient) !important
}
@media (hover:hover) {
.promotion-details__claim-button:hover {
background-color: var(--color-secondary-button-bg);
}
}
.promotion-details__claim-button {
width: 100%;
}
.promotion-details__promo-card-icon-wrapper {
position: absolute;
top: -18px;
left: -19px;
}
@media not all and (min-width:1025px) {
.promotion-details__promo-card-icon-wrapper {
top: -9px;
left: -10px;
}
}
.promotion-details__info-text {
border-radius: var(--radius-10);
background: var(--promotion-details-section-bg, var(--bg-tier-2-gradient));
padding: calc(var(--spacing)*6);
font-size: var(--text-lg1_5);
font-weight: var(--font-weight--normal);
line-height: var(--text-line-height-110);
letter-spacing: var(--tracking-1);
}
@media not all and (min-width:1025px) {
.promotion-details__info-text {
font-size: var(--text-sm1_5);
text-align: center;
}
}
.promotion-details__info-text ul {
list-style: disc;
}
.promotion-details__info-text ol {
list-style: decimal;
}
.promotion-details__accordion {
min-height: 46px;
}
.promotion-details__accordion .promotion-details__accordion-header svg {
transition: all .2s ease-in;
}
.promotion-details__accordion.active .promotion-details__accordion-header svg {
transform: rotate(180deg);
}
.promotion-details__accordion-header {
z-index: 10;
border-radius: var(--radius-10);
border-style: var(--tw-border-style);
background: var(--promotion-details-section-bg, var(--bg-tier-2-gradient));
width: 100%;
padding: calc(var(--spacing) * 6);
border-width: 2px;
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(--primary-gradient) !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(--heading-font);
font-size: var(--text-lg1_5);
font-weight: var(--font-weight-extrabold);
line-height: var(--text-line-height-110);
align-items: center;
gap: calc(var(--spacing)*3);
display: flex;
}
@media not all and (min-width:1025px) {
.promotion-details__accordion-title {
font-size: var(--text-lg);
}
}
.promotion-details__accordion-body {
font-family: var(--promotion-details-page-text-ff);
height: calc(var(--spacing)*0);
border-radius: 0 0 var(--radius-10) var(--radius-10);
background: var(--bg-tier-2-gradient);
padding: calc(var(--spacing)*0);
font-size: var(--text-lg1_5);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: calc(var(--spacing)*7);
line-height: var(--text-line-height-110);
letter-spacing: var(--tracking-1);
overflow: hidden;
}
@media not all and (min-width:1025px) {
.promotion-details__accordion-body {
font-size: var(--text-lg);
text-align: center;
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
.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);
}
.main-lobby {
height: 100%;
overflow-y: scroll;
padding-top: 10px;
}
@media (max-width:1025px) {
.main-lobby__top-content {
flex-direction: column;
display: flex
}
.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-arrow {
margin-top: calc(var(--spacing)*0);
}
.main-lobby__slider {
margin-top: 0 !important
}
.main-lobby__slider-arrow {
width: calc(var(--spacing)*2)
}
.main-lobby__slider-arrow--left {
left: calc(var(--spacing)*2)
}
.main-lobby__slider-arrow--right {
right: calc(var(--spacing)*2)
}
.main-lobby__slider-track {
gap: calc(var(--spacing)*2.5)
}
.main-lobby__categories {
margin-left: calc(var(--spacing)*2.5);
width: auto;
margin-block: calc(var(--spacing)*0) !important;
padding-block: calc(var(--spacing)*1.5) !important
}
.main-lobby__category-link {
gap: calc(var(--spacing)*1)
}
.main-lobby__game-section {
margin-inline: calc(var(--spacing)*2.5)
}
.main-lobby__game-section--for-you {
margin-top: calc(var(--spacing)*1)
}
.main-lobby__promo-banner-content {
text-align: center;
}
.main-lobby__promo-banner-star {
width: 19px;
height: 18px
}
.main-lobby__promo-banner-action {
margin: 0 !important;
}
}
@media (min-width:1025px) {
.main-lobby__promo-banner-action {
margin-top: calc(var(--spacing)*2.5);
}
}
@media (min-width:1025px) {
.main-lobby__promo-banner-action {
margin-right: var(--main-lobby-promo-banner-action-margin-desktop);
}
}
.main-lobby__promotions {
border-color: #ffffff4d
}
@supports (color:color-mix(in lab, red, red)) {
.main-lobby__promotions {
border-color: color-mix(in oklab, var(--color-body-text)30%, transparent)
}
}
.main-lobby__title {
align-items: center;
gap: calc(var(--spacing)*2.5);
font-family: var(--heading-font);
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);
}
}
.main-lobby__title-count {
-webkit-text-fill-color: currentColor !important;
color: var(--game-collection-count-color) !important;
}
.main-lobby__title-arrow {
color: var(--primary-gradient);
transform: translate(0, var(--game-collection-padding-top));
height: 1.6rem;
}
.main-lobby__slider {
margin-top: calc(var(--spacing)*4);
position: relative
}
.main-lobby__slider-arrow {
z-index: 20;
--tw-translate-y: calc(calc(1/2*100%)*-1);
cursor: pointer;
color: var(--primary-gradient);
position: absolute;
top: 50%
}
.main-lobby__slider-arrow--left {
left: calc(var(--spacing)*5)
}
.main-lobby__slider-arrow--right {
right: calc(var(--spacing)*5)
}
.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
}
.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 {
font-family: var(--category-button-text-ff);
margin-top: calc(var(--spacing)*6);
margin-bottom: calc(var(--spacing)*8);
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 oklab, var(--color-body-text)30%, transparent)
}
}
.main-lobby__categories {
padding-block: calc(var(--spacing)*5.5);
font-weight: var(--color-category-font-weight) !important
}
.main-lobby__category-link {
align-items: center;
gap: calc(var(--spacing)*2);
border-radius: 5px;
border-style: var(--tw-border-style);
padding-inline: calc(var(--spacing)*2);
padding-block: calc(var(--spacing)*1);
font-size: var(--category-link-font-size);
line-height: var(--tw-leading, var(--text-lg--line-height));
letter-spacing: var(--tracking-1);
border-width: var(--category-link-border-width, 2px);
border-color: var(--color-category-border);
flex-shrink: 0;
display: flex !important;
border-style: var(--category-link-border-style);
color: var(--category-link-text-color);
background-image: var(--category-link-background-image);
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
}
.main-lobby__category-link:hover {
color: var(--category-link-hover-text-color, var(--primary-button-font-color));
}
.main-lobby__category-link.main-lobby__search-button {
margin-left: 1px;
}
.main-lobby__game-section--trending {
margin-top: calc(var(--spacing)*1)
}
.main-lobby__game-section--new {
margin-block: calc(var(--spacing)*5)
}
.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);
aspect-ratio: var(--promo-banner-aspect-ratio-desktop);
z-index: 2;
border-radius: var(--radius-10);
box-shadow: var(--shadow-primary-bottom-md);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
justify-content: space-between;
margin: 24px 0 16px 0;
padding: 22px 38px;
display: flex;
position: relative;
min-height: 0;
overflow: hidden;
border-width: var(--main-lobby-promobanner-border-width);
border-color: var(--main-lobby-promobanner-border-color);
}
.main-lobby__promo-banner-content {
align-self: center;
}
@media not all and (min-width:1025px) {
.main-lobby__promo-banner {
margin-block: calc(var(--spacing)*8);
background-image: var(--img-promo-banner-mobile);
aspect-ratio: var(--promo-banner-aspect-ratio-mobile);
padding-inline: calc(var(--spacing)*4);
padding-block: calc(var(--spacing)*4.5);
flex-direction: column;
align-items: center;
justify-content: space-evenly
}
}
.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
}
.main-lobby__promo-banner-title {
text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
font-size: clamp(var(--text-xl), 3vw, var(--text-2xl));
font-family: var(--heading-font);
color: var(--primary-gradient) !important;
-webkit-text-fill-color: currentColor !important;
font-weight: var(--main-lobby-promo-banner-font-weight);
}
@media not all and (min-width:1025px) {
.main-lobby__promo-banner-title {
font-size: clamp(var(--text-xl), 4.6vw, var(--text-2xl)) !important;
}
}
.main-lobby__promo-banner-subtitle {
text-shadow: 0 4px 4px #00000040, 0 4px 4px #00000040;
font-size: clamp(var(--text-md), 1.7vw, var(--text-xl));
line-height: 1.15;
font-family: var(--font-secondary);
color: var(--banner-subtitle-color, var(--color-body-text));
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: clamp(var(--text-md), 3.6vw, var(--text-xl));
--tw-leading: unset !important;
line-height: unset !important;
justify-content: center !important
}
}
.main-lobby__promo-banner-star {
width: 26px;
height: 25px
}
.main-lobby__promo-banner-action {
margin-block: auto
}
.landing-games__no-purchases-link,
.main-lobby__promo-banner-link {
color: inherit;
display: block;
text-decoration: none;
}
@media (hover:hover) {
.main-lobby__promo-banner-button:hover {
background-color: var(--color-secondary-button-bg)
}
}
@media not all and (min-width:1025px) {
.main-lobby-game-providers .main-lobby__title {
line-height: 1.4;
text-align: center;
padding-top: 6px;
display: block;
}
}
.landing-header {
background: var(--color-header-bg);
height: 88px;
padding-right: var(--landing-header-right-margin, calc(var(--spacing)*10));
padding-left: var(--landing-header-left-margin, calc(var(--spacing)*2.5));
justify-content: space-between;
align-items: center;
display: flex
}
@media not all and (min-width:1025px) {
.landing-header {
padding-right: var(--landing-header-mobile-right-margin, calc(var(--spacing)*2.5));
padding-left: var(--landing-header-mobile-left-margin, calc(var(--spacing)*2.5));
justify-content: center
}
}
.landing-header__nav-list {
list-style: none;
align-items: center;
gap: calc(var(--spacing)*6);
display: flex
}
@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)*7);
display: flex
}
@media not all and (min-width:1025px) {
.landing-header__actions {
display: none
}
}
.footer {
z-index: 10;
margin-top: calc(var(--spacing)*-8);
font-family: var(--footer-element-text-ff);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
position: relative;
background: var(--footer-background-color);
background-image: var(--footer-background);
color: var(--footer-text-color);
box-shadow: var(--shadow-primary-footer-md);
padding: calc(var(--spacing)*5) calc(var(--spacing)*16) calc(var(--spacing)*12) !important
}
@media not all and (min-width:1025px) {
.footer {
margin-top: calc(var(--spacing)*-10);
padding-inline: calc(var(--spacing)*3);
padding-bottom: 80px !important;
}
}
.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
}
}
@media not all and (min-width:1025px) {
.footer__live-chat-button {
border-radius: 10px
}
}
.footer__chat-icon {
color: var(--footer-text-color)
}
.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;
gap: calc(var(--spacing)*10);
}
@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-xl);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
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
}
}
@media not all and (min-width:1025px) {
.footer__responsible-button {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
border-radius: 10px
}
}
.footer__button-text--desktop {
font-family: var(--text-font-family);
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
display: block;
}
@media not all and (min-width:1025px) {
.footer__button-text--desktop {
display: none;
}
.footer__button-text--mobile {
display: block !important;
}
}
.footer__button-text--mobile {
display: none;
}
.footer__age-restriction {
height: calc(var(--spacing)*16);
width: calc(var(--spacing)*16);
border-style: var(--tw-border-style);
--tw-font-weight: var(--font-weight-bold);
font-size: var(--text-lg1_5);
font-weight: var(--font-weight-bold);
border-width: 2px;
border-color: var(--footer-text-color);
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;
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;
}
@media (min-width: 1025px) {
.footer__legal-description {
min-width: 500px;
}
.app-header-wrapper .footer__legal-description {
min-width: 400px;
}
}
@media (min-width: 1281px) {
.app-header-wrapper .footer__legal-description {
min-width: 450px;
}
.footer__legal-description {
min-width: 550px;
}
}
@media (min-width: 1441px) {
.app-header-wrapper .footer__legal-description {
min-width: 525px;
}
}
.footer__legal-description p {
font-size: var(--text-md)
}
@media not all and (min-width:1025px) {
.footer__legal-description p {
text-align: center
}
}
.footer__links {
margin-right: calc(var(--spacing)*0);
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
}
}
@media (min-width:1441px) {
.footer__links {
margin-right: calc(var(--spacing)*10);
}
}
.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)*6) !important;
padding-left: 0
}
}
.footer__link-group a {
--tw-font-weight: var(--font-weight-medium);
font-size: var(--text-md);
font-weight: var(--font-weight-medium)
}
.footer__bottom {
padding-top: calc(var(--spacing)*6);
font-size: var(--text-sm);
margin-bottom: 36px;
}
.footer__copyright {
opacity: .6;
font-size: var(--text-md)
}
@media not all and (min-width:1025px) {
.footer__copyright {
text-align: center
}
}
.footer__trademark {
margin-top: calc(var(--spacing)*4);
font-size: var(--text-md)
}
@media not all and (min-width:1025px) {
.footer__trademark {
margin-top: calc(var(--spacing)*12);
text-align: center
}
}
.app-header {
width: 100%;
padding-block: calc(var(--spacing)*1);
padding-right: calc(var(--spacing)*1);
padding-left: calc(var(--spacing)*4);
box-shadow: var(--shadow-primary-bottom-md);
justify-content: end;
align-items: center;
justify-content: flex-start;
display: flex;
gap: 10px;
}
@media not all and (min-width:1025px) {
.app-header {
justify-content: space-between;
padding-right: calc(var(--spacing)*4)
}
}
.app-header {
background: var(--color-app-header-bg);
font-family: var(--header-element-text-ff);
position: sticky;
top: 0;
z-index: 50;
}
.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));
line-height: calc(var(--spacing)*7);
letter-spacing: var(--tracking-1);
box-shadow: var(--shadow-primary-top-sm);
display: var(--app-header-loyalty-display);
}
@media not all and (min-width:1025px) {
.app-header__loyalty {
display: none !important;
}
}
.app-header__loyalty {
background-image: 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 {
-webkit-text-fill-color: currentColor !important;
color: var(--primary-gradient) !important
}
.app-header__search {
align-items: center;
gap: calc(var(--spacing)*5);
border-radius: var(--radius-10);
width: 100%;
max-width: 498px;
display: flex
}
@media not all and (min-width:1025px) {
.app-header__search {
max-width: 100%;
display: none
}
}
.app-header__search input {
border-radius: var(--radius-10);
padding-inline: calc(var(--spacing)*3);
padding-block: calc(var(--spacing)*3);
padding-left: calc(var(--spacing)*5);
background: var(--color-header-items-bg);
box-shadow: var(--shadow-primary-top-sm);
border-color: var(--search-box-border-color);
}
.app-header__search-input {
outline-style: var(--tw-outline-style);
outline-width: 0;
width: 100%
}
.app-aside__search {
display: none;
background: var(--color-menu-body-bg);
margin-top: calc(var(--spacing) * 5);
max-width: 100%;
}
.app-aside__search.app-aside__search--desktop-visible {
display: flex;
}
.app-aside__search .app-header__search-modal {
width: calc(100% - var(--spacing) * 5 - var(--user-profile-margin, 0));
margin-top: 3px !important;
}
@media (max-width: 1024px) {
.app-aside__search {
display: flex;
}
.app-aside__search .app-header__search-modal {
width: calc(100% - var(--spacing) * 14);
}
}
@media (min-width: 1024px) {
.app-aside__search {
max-width: calc(100% - var(--user-profile-margin, 0));
margin-left: calc(var(--user-profile-margin, 0) / 2);
margin-right: calc(var(--user-profile-margin, 0) / 2);
}
}
.app-category__search {
margin-block: calc(var(--spacing) * 5.5);
font-family: var(--sidenav-panel-text-ff);
max-width: 100%;
padding-inline: calc(var(--spacing)*2);
}
.app-category__search .app-header__search-modal {
width: calc(100% - 282px - var(--spacing) * 18);
max-width: 100%;
background: var(--category-searchbox-background);
margin-top: 3px !important;
}
.app-category__search input.w-100 {
background: var(--category-searchbox-background) !important;
}
.app-aside__search input.w-100:focus-visible,
.app-aside__search input.w-100:focus,
.app-category__search input.w-100:focus-visible,
.app-category__search input.w-100:focus{
outline: none;
border-style: solid;
border-color: var(--primary-accent-color);
border-width: 2px;
}
@media (max-width: 1024px) {
.app-category__search.app-header__search {
display: flex;
}
.app-category__search .app-header__search-modal {
margin-left: 6px !important;
width: calc(100% - var(--spacing) * 5);
}
}
.app-header__controls {
align-items: stretch;
gap: calc(var(--spacing)*4);
display: flex;
margin-inline-start: auto;
}
@media not all and (min-width:1025px) {
.app-header__controls {
margin-inline-start: unset;
}
}
@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: var(--color-header-items-bg);
display: flex;
box-shadow: var(--shadow-primary-top-sm);
}
.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(--bg-tier-3-gradient)
}
.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: var(--img-shop-button)#d3d3d3 50%/contain repeat-x;
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;
height: 100%;
font-family: var(--heading-font);
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(--primary-button-font-color);
background-position: 50%;
border-width: 2px;
border-color: #faa61a;
align-self: stretch;
padding: 5px 10px;
display: flex;
font-size: var(--text-md) !important
}
@media (hover:hover) {
.app-header__shop-button:hover {
color: var(--primary-gradient)
}
}
.app-header__shop-button:hover svg path {
fill: var(--primary-gradient)
}
.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(--bg-tier-3-gradient);
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
}
.side-menu__user-details {
overflow: hidden;
}
.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 oklab, var(--primary-button-font-color)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(--primary-gradient);
background-color: var(--bg-tier-2-gradient);
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: var(--side-menu-logo-alignment);
display: flex
}
.side-menu__logo {
height: var(--logo-height-desktop);
}
.side-menu__user-profile {
margin-top: var(--user-profile-margin);
border-radius: var(--side-menu-user-profile-border-radius);
box-shadow: var(--side-menu-user-profile-shadow, none) !important;
background: var(--color-menu-body-bg);
@media (min-width:1024px) {
margin-left: calc(var(--user-profile-margin) - 4px);
margin-right: calc(var(--user-profile-margin) - 4px);
}
@media (max-width:1024px) {
padding-top: calc(var(--user-profile-margin) - 6px);
padding-bottom: calc(var(--user-profile-margin) - 6px);
}
}
.side-menu__user-info {
align-items: center;
gap: calc(var(--spacing)*4);
display: var(--side-menu-user-info-display);
margin: calc(var(--user-profile-margin) * 2);
margin-bottom: calc(var(--user-profile-margin) * 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);
font-weight: var(--left-menu-user-name-font-weight, 400);
}
.side-menu__user-email {
background-image: var(--primary-gradient);
-webkit-text-fill-color: transparent;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
overflow-wrap: anywhere;
font-size: var(--left-menu-email-font-size, var(--text-md));
filter: drop-shadow(var(--left-menu-email-shadow));
}
.side-menu__balance {
align-items: center;
gap: calc(var(--spacing)*2);
border-radius: var(--radius-10);
background: var(--side-menu-background-background);
padding-inline: calc(var(--spacing)*2);
display: flex;
padding-top: 4px;
padding-bottom: 4px;
}
.side-menu__balance--lvl {
margin-top: calc(var(--spacing)*4);
display: none
}
@media not all and (min-width:1025px) {
.side-menu__balance--lvl {
display: flex
}
}
.side-menu__balance--lvl img {
width: 28px;
height: 28px
}
.side-menu__balance--gc {
margin-top: calc(var(--spacing)*4)
}
@media not all and (min-width:1025px) {
.side-menu__balance--gc {
margin-top: calc(var(--spacing)*1)
}
}
.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: var(--text-lg);
line-height: calc(var(--spacing)*10);
font-family: var(--font-numbers) !important;
font-weight: 600 !important
}
.side-menu__shop-button {
background: var(--img-shop-button)#d3d3d3 50%/contain repeat-x;
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(--heading-font);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
font-weight: var(--font-main-buttons-fw);
color: var(--primary-button-font-color);
background-position: 50%;
border-width: 2px;
border-color: #faa61a;
padding: 5px 10px;
display: flex;
width: 100% !important
}
.side-menu__shop-button:hover svg path {
fill: var(--primary-gradient)
}
.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(--left-nav-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 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: var(--tracking-wider);
-webkit-text-fill-color: currentColor;
display: flex
}
.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)*4);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
letter-spacing: var(--tracking-wider);
-webkit-text-fill-color: currentColor;
cursor: pointer;
display: flex !important
}
.side-menu__nav-link:hover {
color: var(--left-navigation-hover-color) !important
}
.side-menu__nav-link--active {
-webkit-text-fill-color: currentColor;
color: var(--left-navigation-hover-color) !important
}
.side-menu__icon-wrapper {
width: calc(var(--spacing)*6);
justify-content: center;
display: flex
}
.side-menu__icon {
fill: currentColor
}
.footer-nav {
height: 71px;
font-family: var(--mobile-nav-font-family);
font-size: var(--mobile-nav-font-size);
bottom: 0;
z-index: 50;
border: 2px solid transparent;
background: var(--mobile-nav-border-grad) border-box;
border-bottom: none;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
display: none;
position: fixed;
filter: drop-shadow(var(--mobile-nav-shadow));
}
@media (max-width:1024px) {
.footer-nav {
display: block;
}
}
.footer-nav__list {
background: var(--color-footer-nav-bg);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 100%;
padding-inline: calc(var(--spacing) * 1.2);
justify-content: space-between;
width: 100%;
display: flex
}
.footer-nav__list {
height: 100%;
padding-inline: calc(var(--spacing) * 1.2);
justify-content: space-between;
width: 100%;
display: flex
}
.footer-nav__item {
max-width: 22%;
flex: 1 1 auto;
padding-inline: calc(var(--spacing) * 2.8);
margin-top: calc(var(--spacing) * 6);
margin-bottom: calc(var(--spacing) * 0.8);
letter-spacing: var(--tracking-tighter)
}
.footer-nav__item--search {
flex-direction: column;
align-items: center;
min-width: 50px;
display: flex
}
.footer-nav__item.footer-nav__item--middle {
padding-inline: calc(var(--spacing) * 1.6);
margin: calc(var(--spacing)*0);
flex-direction: column;
align-items: center;
width: 50px;
max-width: 50px;
display: flex;
position: relative
}
.footer-nav__item--promo {
min-width: 50px
}
.footer-nav__link {
cursor: pointer;
height: 100%;
flex-direction: column;
align-items: center;
display: flex
}
.footer-nav__icon {
height: calc(var(--spacing)*10)
}
.footer-nav__separator {
margin-block: calc(var(--spacing)*4);
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 oklab, var(--color-body-text)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: 35.86%/50%;
justify-content: center;
align-items: flex-end;
display: flex;
position: absolute
}
.footer-nav__shop-button {
top: -32px;
position: absolute;
width: 100% !important;
display: flex;
flex-direction: column;
align-items: center;
gap: calc(var(--spacing) * 2.8);
bottom: unset;
height: auto;
padding-block: unset !important;
}
.footer-nav__shop-button img {
width: 65px;
max-width: none;
border-radius: 50%;
box-shadow: var(--shadow-primary-bottom-md);
}
.footer-nav__shop-button .footer-nav__shop-button__label {
font-weight: var(--font-weight-bold);
font-size: var(--text-xs);
font-family: var(--footer-shop-button-label-font-family);
line-height: 100%;
width: min-content;
text-align: center;
background: var(--mobile-nav-shop-label-color);
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
}
p.footer-nav__label {
margin-block: auto;
padding: 0 5px;
text-align: center;
line-height: 100%;
}
.custom-select {
cursor: pointer;
border-radius: var(--radius-10);
background: 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__name {
text-align: left
}
.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)
}
.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 oklab, var(--color-body-text)10%, transparent)
}
}
.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 oklab, var(--primary-gradient)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(--primary-gradient);
box-shadow: var(--shadow-primary-bottom-md);
border-radius: 3.40282e38px;
transition: left .2s ease-in-out;
position: absolute;
transform: translateY(-50%)
}
.toggle-switch__handle--active {
left: 26px
}
.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-family-nexa);
font-weight: 800
}
.verify-account-dialog__form {
width: 100%
}
.verify-account-dialog__message-box {
border-radius: var(--radius-10);
background-color: var(--bg-tier-1-gradient);
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(--bg-tier-1-gradient)
}
}
.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
}
}
@media (hover:hover) {
.verify-account-dialog__button--secondary:hover {
background-color: var(--primary-gradient)
}
}
.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(--primary-gradient);
-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(--bg-tier-3-gradient)
}
.cool-off-account__checkbox-wrapper {
margin-block: calc(var(--spacing)*5);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.125rem;
letter-spacing: var(--tracking-1);
align-items: center;
gap: 8px;
line-height: 1.125rem;
display: flex
}
.cool-off-account__checkbox {
margin-top: calc(var(--spacing)*1.5)
}
.cool-off-account__checkbox-text {
font-size: var(--text-lg1_5)
}
.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
}
}
@media (hover:hover) {
.cool-off-account__button--secondary:hover {
background-color: var(--primary-gradient)
}
}
@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
}
}
*,
:after,
:before {
box-sizing: border-box;
-ms-overflow-style: none;
scrollbar-width: none
}
::-webkit-scrollbar {
display: none
}
body {
color: var(--loyalty-bar-color, var(--color-body-text));
background: var(--color-bg);
font-family: var(--body-font)
}
input[type=number] {
-moz-appearance: textfield
}
input::-webkit-outer-spin-button {
-webkit-appearance: none
}
input::-webkit-inner-spin-button {
-webkit-appearance: none
}
a {
display: block
}
button {
cursor: pointer
}
h1,
.h1 {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height))
}
h2,
.h2 {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height))
}
h3,
.h3 {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height))
}
@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))
}
h5,
.h5 {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height))
}
h6,
.h6 {
font-size: var(--text-md)
}
.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
}
}
.success-badge {
cursor: default !important;
color: var(--success-badge-font-color);
background: var(--success-badge-background-color);
border-width: var(--success-badge-border-width);
border-style: var(--success-badge-border-style);
border-radius: var(--badge-border-radius);
padding: 6px 18px;
font-family: var(--heading-font);
font-size: var(--text-lg);
text-shadow: var(--success-badge-text-shadow, none);
}
.success-badge svg, .error-badge svg {
margin-right: 8px;
}
.error-badge {
cursor: default !important;
color: var(--error-badge-font-color);
background: var(--error-badge-background-color);
border-width: var(--error-badge-border-width);
border-style: var(--error-badge-border-style);
border-color: var(--error-badge-border-color);
border-radius: var(--badge-border-radius);
padding: 6px 18px;
font-family: var(--heading-font);
font-size: var(--text-lg);
font-weight: var(--font-weight-black) !important;
}
.primary-button {
cursor: pointer;
color: var(--primary-button-font-color);
background: var(--color-primary-button-bg);
font-weight: var(--font-main-buttons-fw) !important;
border-radius: var(--button-border-radius);
border-style: var(--button-border-style);
border-width: var(--button-border-width);
border-color: var(--color-button-border);
font-family: var(--heading-font);
font-size: var(--text-lg);
line-height: var(--tw-leading);
padding: var(--button-top-padding) var(--button-left-right-padding) var(--button-bottom-padding) var(--button-left-right-padding);
transition: border-color .2s ease-in, background .2s ease-in, color .2s ease-in;
text-align: center;
display: block;
box-shadow: var(--primary-button-box-shadow);
text-shadow: var(--primary-button-text-shadow);
}
.primary-button.left-menu-button {
border-radius: var(--button-border-radius);
}
@media (hover:hover) {
.primary-button:hover {
background: var(--color-primary-button-hover-bg);
color: var(--primary-button-font-hover-color);
border-color: var(--primary-button-border-hover-color);
border-width: var(--button-border-width-hover);
box-shadow: var(--primary-button-hover-box-shadow);
}
}
@media (hover:none) {
.primary-button:hover {
color: var(--primary-button-font-color);
}
}
.primary-button:disabled {
opacity: .8;
background-color: var(--color-primary-button-bg);
}
@media not all and (min-width:1025px) {
.redemption-submitted__cancel-button {
display: none
}
}
.loyalty-button {
color: var(--loyalty-button-font-color);
background: var(--loyalty-button-bg-color);
border-style: var(--loyalty-button-border-style);
border-width: var(--loyalty-button-border-width);
border-color: var(--loyalty-button-border-color);
outline-color: var(--loyalty-button-outline-color);
outline-style: var(--loyalty-button-outline-style);
outline-width: var(--loyalty-button-outline-width);
outline-offset: var(--loyalty-button-outline-offset);
text-shadow: var(--loyalty-button-text-shadow);
}
@media (hover:hover) {
.loyalty-button:hover {
background: var(--loyalty-button-bg-color-hover);
color: var(--loyalty-button-font-color-hover);
border-color: var(--loyalty-button-border-color-hover);
outline-color: var(--loyalty-button-outline-color-hover);
outline-style: var(--loyalty-button-outline-style-hover);
outline-width: var(--loyalty-button-outline-width-hover);
outline-offset: var(--loyalty-button-outline-offset-hover);
}
}
@media (hover:none) {
.loyalty-button:hover {
color: var(--loyalty-button-font-color);
}
}
.full-width-button {
width: 100%;
display: block;
}
.top-margin-button {
margin-top: calc(var(--spacing)*7);
}
.secondary-button {
cursor: pointer;
color: var(--secondary-button-font-color);
background: var(--color-secondary-button-bg);
font-weight: var(--font-main-buttons-fw);
border-radius: var(--button-border-radius);
border-style: var(--tw-border-style);
border-width: var(--button-border-width);
border-color: var(--color-secondary-button-border);
text-align: center;
font-family: var(--heading-font);
font-size: var(--text-lg);
line-height: var(--tw-leading);
padding: var(--button-top-padding) var(--button-left-right-padding) var(--button-bottom-padding) var(--button-left-right-padding);
transition: border-color .2s ease-in, background .2s ease-in, color .2s ease-in;
box-shadow: var(--button-shadow);
text-shadow: var(--secondary-button-text-shadow);
}
@media (hover:hover) {
.secondary-button:hover {
background: var(--color-secondary-button-hover-bg);
color: var(--secondary-button-font-hover-color);
border-color: var(--color-button-border);
border-width: var(--button-border-width-hover);
box-shadow: var(--button-hover-inset-border);
}
}
@media (hover:none) {
.secondary-button:hover {
color: var(--secondary-button-font-color);
}
}
.primary-badge {
color: var(--primary-badge-color, var(--primary-button-font-color));
background: var(--primary-badge-bg-color, var(--color-primary-button-bg));
font-weight: var(--font-main-buttons-fw);
border-radius: var(--button-border-radius);
border-style: var(--tw-border-style);
border-width: var(--button-border-width);
border-color: var(--primary-badge-border-color, var(--color-button-border));
font-family: var(--heading-font);
font-size: var(--primary-badge-font-size);
line-height: var(--tw-leading);
padding: var(--primary-badge-padding);
text-align: center;
box-shadow: var(--primary-badge-box-shadow);
text-shadow: var(--primary-badge-text-shadow);
}
.coin-store__button.primary-badge {
padding: var(--coin-store-button-primary-badge-padding, var(--primary-badge-padding));
}
.secondary-badge {
color: var(--secondary-badge-color, var(--secondary-button-font-color));
background-image: var(--secondary-badge-background-color);
font-weight: var(--secondary-badge-fw, var(--font-main-buttons-fw));
border-radius: var(--badge-border-radius);
border-style: var(--tw-border-style);
border-width: var(--secondary-badge-border-width, var(--button-border-width));
border-color: var(--secondary-badge-border-color, var(--color-button-border));
text-align: center;
font-family: var(--heading-font);
font-size: var(--text-lg);
line-height: var(--tw-leading);
padding: 3px 6px !important;
}
.shop-button {
background: var(--img-shop-button)#d3d3d3 50%/cover repeat-x;
justify-content: center;
align-items: center;
gap: calc(var(--spacing)*1.5);
border-radius: var(--button-border-radius);
text-align: center;
font-family: var(--heading-font);
font-size: var(--text-lg);
line-height: var(--tw-leading);
font-weight: var(--font-main-buttons-fw);
color: var(--shop-button-text-color);
background-position: 50%;
border-style: var(--tw-border-style);
border-width: var(--shop-button-border-width, var(--button-border-width)) !important;
border-color: var(--shop-button-border-color, var(--color-button-border)) !important;
padding: var(--shop-button-top-padding, var(--button-top-padding)) var(--shop-button-left-right-padding) var(--shop-button-bottom-padding, var(--button-bottom-padding)) var(--shop-button-left-right-padding);
display: flex;
box-shadow: var(--button-shadow);
text-shadow: var(--shop-button-text-shadow);
}
@media (hover:hover) {
.shop-button:hover {
color: var(--shop-button-hover-color);
background: var(--shop-button-hover-background);
text-shadow: var(--shop-button-hover-text-shadow);
border-color: var(--shop-button-hover-border-color, var(--color-button-border)) !important;
border-width: var(--shop-button-border-width-hover, var(--button-border-width-hover)) !important;
box-shadow: var(--button-hover-inset-border);
padding: var(--shop-button-top-padding-hover, var(--button-top-padding))
var(--shop-button-left-right-padding-hover, var(--shop-button-left-right-padding))
var(--shop-button-bottom-padding-hover, var(--button-bottom-padding))
var(--shop-button-left-right-padding-hover, var(--shop-button-left-right-padding));
}
}
@media (hover:none) {
.shop-button:hover {
color: var(--shop-button-text-color);
}
}
.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(--bg-tier-1-gradient);
display: flex
}
@media (hover:hover) {
.shop-button.small:hover {
color: var(--primary-gradient)
}
}
@media (hover:none) {
.shop-button.small:hover {
color: var(--bg-tier-1-gradient);
}
}
.shop-button.small:hover svg path {
fill: var(--primary-gradient)
}
.footer-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: var(--text-lg1_5);
font-weight: var(--font-weight-extrabold);
border-width: 2px;
border-color: var(--color-footer-border);
color: var(--footer-text-color);
border-radius: 16px;
display: flex;
border-color: var(--footer-button-border-color) !important
}
.coin-store__button--large {
border-radius: var(--badge-border-radius, var(--button-border-radius));
}
.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 oklab, var(--color-body-text)50%, transparent)
}
}
.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)
}
}
.app-title {
font-family: var(--heading-font);
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);
}
@media not all and (min-width:1025px) {
.app-subtitle {
font-size: var(--text-md)
}
}
.leading-game {
border-radius: var(--radius-10);
flex: none;
width: 211px;
height: 420px;
position: relative;
overflow: hidden
}
@media not all and (min-width:1025px) {
.leading-game {
width: 125px;
height: 222px
}
}
.leading-game.leading-game__loby {
width: 236px
}
@media not all and (min-width:1025px) {
.leading-game.leading-game__loby {
width: 125px;
height: 222px
}
}
.leading-game__status {
justify-content: center;
align-items: center;
gap: 6px;
width: 100%;
padding: 4px 0;
display: flex;
position: absolute;
bottom: 0;
box-shadow: var(--shadow-primary-footer-md)
}
@media not all and (min-width:1025px) {
.leading-game__status {
padding: calc(var(--spacing)*0)
}
}
.leading-game__text {
font-family: var(--text-font-family);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
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))
}
}
.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);
width: 23px;
height: 23px;
box-shadow: var(--shadow-primary-bottom-md);
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
}
.login-input {
margin-bottom: calc(var(--spacing)*5)
}
.login-input label {
text-align: left;
font-size: var(--text-lg);
line-height: var(--text-line-height-110);
letter-spacing: var(--tracking-normal);
display: block
}
@media not all and (min-width:1025px) {
.login-input label {
text-align: center
}
}
.login-input input {
margin-top: calc(var(--spacing)*2);
border-radius: var(--radius-10);
background: var(--color-login-input);
border: var(--login-input-border-width) solid var(--color-login-input-border);
width: 100%;
padding: calc(var(--spacing)*3);
box-shadow: var(--shadow-primary-top-sm);
}
.login-input input:focus-visible,
.login-input input:focus {
outline: none;
}
@media not all and (min-width:1025px) {
.login-input input {
text-align: center;
background: var(--color-login-input-mobile, var(--color-login-input));
}
}
.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 input:focus-visible,
.signup-input input:focus {
outline: none;
}
.signup-input label {
white-space: nowrap;
width: max-content;
translate: -50% -50%;
cursor: pointer;
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
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%
}
.signup-input:has(input:focus) label,
.signup-input:has(input:not(:placeholder-shown)) label {
translate: 0 0;
top: 0;
left: 0;
margin-left: calc(var(--spacing)*4);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.see-password {
translate: -50% -50%;
top: 50%;
right: calc(var(--spacing)*-2);
display: none;
position: absolute
}
.signup-input:has(input:focus) .see-password,
.signup-input:has(input:not(:placeholder-shown)) .see-password {
display: block
}
.signup-input input {
border-radius: var(--radius-10);
border-style: var(--tw-border-style);
border-width: var(--signup-input-border-width);
border-color: var(--color-signup-input-border);
background: 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));
letter-spacing: var(--tracking-1)
}
.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(--primary-gradient)
}
.checkbox-wrapper {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
letter-spacing: var(--tracking-1);
align-items: center;
gap: 8px;
display: flex
}
input[type=checkbox] {
appearance: none;
font: inherit;
cursor: pointer;
background: var(--checkbox-bg-color);
border: var(--checkbox-border-width) solid var(--unchecked-checkbox-border-color, var(--color-body-text));
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%;
width: 20px;
height: 20px;
transition: transform .12s ease-in-out;
transform: scale(0);
background: var(--checked-checkbox-bg-color);
background-image: var(--checkbox-bg-image);
background-repeat: no-repeat;
background-position: center;
clip-path: none;
}
input[type=checkbox]:checked:before {
transform: scale(1)
}
input[type=checkbox]:checked {
border-color: var(--checked-checkbox-border-color, var(--color-body-text));
background: var(--checked-checkbox-bg-color);
}
.left-eclipse {
background: linear-gradient(270deg, #26262600 0%, #262626 100%)
}
.right-eclipse {
background: linear-gradient(90deg, #26262600 0%, #262626 100%)
}
.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(--body-font);
--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-secondary-button-bg);
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 oklab, var(--primary-button-font-color)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(--heading-font);
--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: calc(var(--spacing)*7);
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);
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(--heading-font);
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(--primary-gradient) !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 {
line-height: calc(var(--spacing)*6);
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(--text-line-height-110);
}
@media not all and (min-width:1025px) {
.content-text .body-text {
margin-top: calc(var(--spacing)*5);
font-size: var(--text-md);
letter-spacing: calc(var(--tracking-normal)*-1)
}
}
.content-text .sec-heading {
margin-top: calc(var(--spacing)*11);
font-size: var(--text-xl);
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);
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: var(--text-line-height-110);
}
@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(--bg-tier-2-gradient);
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(--heading-font);
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: var(--text-lg1_5)
}
}
.redeem-holdings__amount {
white-space: nowrap;
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
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 .accordion-header {
position: relative;
}
.redeem-accordion .accordion-header .primary-button,
.redeem-accordion .accordion-header .primary-badge,
.redeem-accordion .accordion-header .redeem-accordion__state {
position: absolute;
z-index: 10;
top: 50%;
transform: translateY(-50%);
width: max-content;
max-width: 100%;
}
.redeem-accordion .accordion-header .primary-button,
.redeem-accordion .accordion-header .primary-badge {
right: calc(var(--bs-accordion-btn-padding-x) / 2);
}
.redeem-accordion .accordion-header .redeem-accordion__state {
right: var(--bs-accordion-btn-padding-x);
}
@media not all and (min-width:1025px) {
.redeem-accordion .accordion-header .accordion-button {
padding-bottom: calc(var(--spacing)*15.15);
}
.redeem-accordion .accordion-header .primary-button,
.redeem-accordion .accordion-header .primary-badge,
.redeem-accordion .accordion-header .redeem-accordion__state {
transform: translateX(50%);
right: 50%;
}
}
.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(--bg-tier-2-gradient);
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(--primary-gradient)
}
.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(--bg-tier-1-gradient);
padding: calc(var(--spacing)*0);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
line-height: calc(var(--spacing)*7);
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(--primary-gradient);
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));
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(--primary-gradient) !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(--heading-font);
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(--bg-tier-2-gradient)
}
@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
}
}
.level-progress {
background: conic-gradient(
var(--color-level-progress-bg-end) 0%,
var(--color-level-progress-bg-end) calc(var(--value) * 1%),
var(--color-level-progress-bg-start) calc(var(--value) * 1%),
var(--color-level-progress-bg-start) 100%);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 83px;
height: 83px;
padding: 6px;
display: flex;
position: relative;
}
.level-progress:before {
content: "";
border-radius: 50%;
position: absolute;
inset: 16px
}
.level-progress img {
z-index: 2;
background: var(--bg-tier-3-gradient);
border-radius: 50%
}
.forgotten-input {
border-radius: var(--radius-10);
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--primary-gradient);
background-color: var(--color-secondary-button-bg);
width: 100%;
padding-inline: calc(var(--spacing)*4);
padding-block: calc(var(--spacing)*2);
line-height: calc(var(--spacing)*4);
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: 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: var(--text-md1_5);
display: flex
}
@media not all and (min-width:1025px) {
.date-btn {
background: var(--color-date-input);
box-shadow: var(--shadow-primary-top-md)
}
}
.testimonials-section {
position: relative
}
.testimonials-section:before {
content: "";
background-image: var(--testimonials-bg);
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-secondary-button-bg-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(--primary-gradient)
}
.verify-account {
min-height: calc(100dvh - 143px)
}
@media (max-width:1025px) {
.verify-account {
padding-inline: calc(var(--spacing)*4)
}
}
.take-a-break {
min-height: calc(100dvh - 143px)
}
@media (max-width:1025px) {
.take-a-break {
padding-inline: calc(var(--spacing)*4)
}
}
.sidebar {
width: 100%;
max-width: 352px;
height: auto;
padding-inline: calc(var(--spacing)*2.5);
background: var(--color-sidebar-bg);
flex-shrink: 0;
}
@media (max-width:1025px) {
.sidebar {
display: none
}
}
.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)
}
.promotion-details__promo-card.promotion-details__promo-card--large {
background-image: var(--main-headline-image)
}
.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(--primary-button-font-color)
}
.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
}
.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: var(--text-xl) !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: var(--text-xl1_5)
}
.top-pick-img {
max-height: 680px;
margin: auto
}
.tracking-tighter a {
display: flex
}
.mobile-bottom-menu {
background-color: #4d7d2e
}
.leading-layout {
width: 100%;
display: flex
}
.leading-layout__content-wrapper {
width: 100%;
min-width: calc(var(--spacing)*0);
padding-bottom: calc(var(--spacing)*4)
}
.leading-layout__main {
padding-inline: calc(var(--spacing)*9);
padding-top: calc(var(--spacing)*8)
}
@media not all and (min-width:1025px) {
.leading-layout__main {
padding-inline: calc(var(--spacing)*0);
padding-block: calc(var(--spacing)*2)
}
}
:root {
--value: 45;
}
:root {
--warning-alert-bg-color: #191A36;
--warning-alert-border-color: #3E1A52;
--warning-alert-text: #F1416C;
--zero-balance-modal-bg-color: var(--bg-tier-3-gradient);
--zero-balance-message-bg-color: var(--bg-tier-2-gradient);
--menu-body-user-name-fs: 26px;
}
.form-switch {
display: flex;
align-items: center;
padding-left: 0;
gap: 1rem !important;
}
.form-check {
margin-bottom: var(--checkbox-margin-bottom) !important;
}
.form-switch .form-check-input {
border-radius: var(--radius-10);
background-image: none;
width: 40px !important;
height: 15px !important;
position: relative;
margin-left: 0 !important;
border: 0 !important;
background-repeat: no-repeat;
box-shadow: var(--shadow-primary-top-sm);
cursor: pointer;
}
.form-switch .form-check-input::before {
content: "";
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
width: calc(var(--spacing) * 6) !important;
height: calc(var(--spacing) * 6) !important;
border-radius: 9999px;
transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.form-check-input:checked {
border-color: var(--form-checkbox-color) !important;
}
.form-switch .form-check-input:checked {
background-color: var(--form-checkbox-color);
background-image: none;
}
.form-switch .form-check-input:checked::before {
transform: translate(26px, -50%);
background: var(--form-checkbox-color) !important;
}
.collapse.show {
visibility: visible;
}
.accordion {
display: -ms-grid;
display: grid;
gap: 0.75rem;
margin-top: calc(var(--spacing) * 2.5);
--bs-accordion-color: var(--color-body-text);
--bs-accordion-bg: var(--bg-tier-2-gradient);
--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-body-text);
--bs-accordion-btn-bg: var(--bg-tier-2-gradient);
--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-body-text);
--bs-accordion-active-bg: var(--bg-tier-2-gradient);
}
.accordion-body {
background: 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(--primary-gradient);
font-size: var(--text-lg);
line-height: calc(var(--spacing) * 7);
letter-spacing: var(--tracking-1);
border-top: 0;
color: var(--color-body-text) !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-header-content {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 2.5rem;
align-items: center;
text-align: left;
position: relative;
width: 100%;
min-height: 3rem;
}
@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 {
background: var(--bs-accordion-btn-bg);
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) {
background: var(--bs-accordion-active-bg);
border: 2px solid var(--primary-gradient);
box-shadow: none;
}
.accordion-button:not(.collapsed) .redeem-holdings__title:after {
background-image: var(--bs-accordion-btn-active-icon);
}
.accordion-collapse {
margin-top: -10px;
}
@media screen and (max-width: 1025px) {
.accordion-collapse {
margin-top: 0;
}
}
.iti__flag {
background-image: url("/global/images/flags/flags.png") !important;
}
@media (min-resolution: 2dppx) {
.iti__flag {
background-image: url("/global/images/flags/flags@2x.png") !important;
}
}
.balance__checkbox {
display: flex;
border: var(--balance-checkbox-border, none);
border-radius: var(--balance-checkbox-border-radius, 0);
}
.balance__checkbox .material-switch-control-input {
display: none;
}
.balance__checkbox .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
background-color: var(--color-header-switcher-bg);
top: calc(var(--spacing) * 0.5);
bottom: calc(var(--spacing) * 0.5);
}
.balance__checkbox .material-switch-control-indicator {
position: relative;
height: calc(var(--spacing) * 13);
width: calc(var(--spacing) * 6.5);
cursor: pointer;
border-radius: 8px;
background-color: var(--bg-tier-3-gradient);
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: 5px;
}
}
.balance__checkbox .material-switch-control-indicator::after {
content: '';
background-color: var(--color-header-switcher-bg);
position: absolute;
top: calc(var(--spacing) * 7);
left: calc(var(--spacing) * 0.5);
height: calc(var(--spacing) * 4.75);
width: calc(var(--spacing) * 5.5);
border-radius: 7px;
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: 0.0rem;
}
@media (width < 1025px) {
height: calc(var(--spacing) * 3);
}
@media (width < 1025px) {
width: 1rem;
}
@media (width < 1025px) {
border-radius: 5px;
}
}
.login-section {
justify-content: center;
align-items: center;
min-height: 100dvh;
display: flex;
}
.account-balance-container {
margin: var(--user-profile-margin) !important;
margin-bottom: calc(var(--user-profile-margin) * 1.5) !important;
}
.profile-menu-container {
margin: var(--user-profile-margin) !important;
}
@media not all and (min-width: 1025px) {
.login-section {
height: 100%;
min-height: 100%;
}
}
@media not all and (min-width: 1025px) {
.sign-up {
align-items: flex-start;
}
}
.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;
}
.leading-game {
border-radius: var(--radius-10);
flex: none;
position: relative;
overflow: hidden
}
@media (max-width: 1025px) {
.main-lobby__game-section--for-you {
margin-top: calc(var(--spacing) * 1)
}
}
.form-select {
border-style: var(--tw-border-style);
border-width: 0;
padding: 0;
border-color: var(--bg-tier-2-gradient) !important;
background-position: 100% 0 !important;
color: var(--color-body-text) !important;
}
@media not all and (min-width: 1025px) {
.form-select {
border-color: var(--bg-tier-2-gradient) !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-body-text) !important;
}
.select2-dropdown.select2-dropdown--below {
background-color: var(--bg-tier-3-gradient) !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
--tw-leading: calc(var(--spacing) * 7);
line-height: calc(var(--spacing) * 7);
color: var(--color-body-text);
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(--bg-tier-2-gradient) !important;
color: var(--primary-gradient) !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
background: var(--primary-gradient) !important;
}
.select2-container--bootstrap5 .select2-dropdown {
background: var(--bg-tier-2-gradient) !important;
color: var(--primary-gradient) !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 {
background: var(--bg-tier-2-gradient) !important;
color: var(--color-body-text) !important;
border: none !important;
}
@media not all and (min-width: 1025px) {
.iti--inline-dropdown .iti__dropdown-content {
background: var(--bg-tier-2-gradient) !important;
}
}
.iti__dial-code {
color: var(--primary-gradient) !important;
}
.iti--show-selected-dial-code .iti__selected-flag {
background: var(--bg-tier-2-gradient) !important;
}
@media not all and (min-width: 1025px) {
.iti--show-selected-dial-code .iti__selected-flag {
background: var(--bg-tier-2-gradient) !important;
}
}
.iti__selected-flag {
padding-left: 0 !important;
}
.iti__arrow--up {
border-top: none !important;
border-bottom: 4px solid var(--primary-gradient) !important;
}
table.dataTable thead {
background: var(--bg-tier-2-gradient) !important;
}
table.dataTable thead tr td {
padding-block: calc(var(--spacing) * 3.5) !important;
}
table.dataTable tbody tr.even {
background: var(--bg-tier-2-gradient) !important;
}
table.dataTable tbody tr.odd {
background: var(--bg-tier-3-gradient) !important;
}
table.dataTable thead tr th,
table.dataTable tbody tr td {
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;
font-weight: var(--body-font-weight) !important;
}
#StartEndRange, #LoginAttemptsTable_info {
font-weight: var(--body-font-weight) !important;
}
table.dataTable tbody tr td {
padding-block: calc(var(--spacing) * 1) !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;
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(--bg-tier-3-gradient) !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: 85% !important;
background-repeat: no-repeat;
background-size: var(--text-sm);
}
.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-body-text) !important;
outline-style: var(--tw-outline-style) !important;
outline-width: 0 !important;
}
input:is(:autofill, :autofill) {
background-color: var(--bg-tier-3-gradient) !important;
color: var(--color-body-text) !important;
}
div.dataTables_wrapper .table-responsive {
margin-bottom: 1.5rem;
}
.dataTables_wrapper .row {
margin: calc(var(--spacing) * 0);
background: var(--bg-tier-2-gradient);
padding-left: calc(var(--spacing) * 5);
border-radius: 10px;
}
.profile__form-row--phone {
display: flex;
align-items: center;
width: 100%;
line-height: 1.25rem;
flex-direction: row;
justify-content: space-between
}
@media (max-width: 1024px) {
.profile__form-row--phone {
background: var(--bg-tier-2-gradient);
box-shadow: none;
margin-top: 0.625rem;
}
}
@media (max-width: 720px) {
.profile__form-row--phone {
display: block;
}
.profile__form-row--phone .profile__button--primary {
width: 100%;
margin-top: calc(var(--spacing)*2);
}
}
.profile__form-row--phone .profile__button--primary.primary-button,
.profile__form-row--phone .profile__button--primary.primary-badge {
font-size: var(--text-lg);
}
@media (min-width: 720px) {
.modal-dialog.modal-md {
width: calc(100% + 72px);
max-width: 695px;
}
}
.profile__form-row.profile_form_final_row {
margin-top: 3px;
}
.modal-content {
color: var(--color-body-text);
font-family: var(--font-primary);
font-size: var(--text-md);
background: var(--bg-tier-2-gradient);
border: 2px solid var(--modal-content-border-color);
}
.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);
}
.modal:has(iframe#play_game_iframe) {
overflow: hidden;
}
.modal:has(iframe#play_game_iframe) .modal-dialog.modal-fullscreen {
height: 100dvh;
max-height: 100dvh;
}
.modal:has(iframe#play_game_iframe) .modal-body {
touch-action: none;
}
.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
}
}
button {
cursor: pointer
}
ul {
list-style: none;
}
ol {
list-style: none;
}
h1,
.h1 {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
color: var(--color-body-text);
}
h2,
.h2 {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
color: var(--color-body-text);
}
h3,
.h3 {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
color: var(--color-body-text);
}
@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: var(--color-body-text);
}
h5,
.h5 {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
color: var(--color-body-text);
}
h6,
.h6 {
font-size: var(--text-md);
color: var(--color-body-text);
}
h1,
.h1 {
font-size: var(--text-md)
}
h1, h2, h3, h4, h5, h6 {
font-weight: inherit;
margin: 0;
}
a {
display: inline;
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
.landing-providers__company {
border-radius: var(--radius-10);
border-style: var(--game-provider-border-style, none);
border-width: var(--game-provider-border-width, 0px);
border-color: var(--game-provider-border-color, transparent);
padding-inline: calc(var(--spacing) * 8);
padding-block: calc(var(--spacing) * 7);
align-items: center;
height: 110px;
display: flex;
}
@media not all and (min-width: 1280px) {
.landing-providers__company {
padding-inline: calc(var(--spacing) * 7);
padding-block: calc(var(--spacing) * 3);
height: 80px;
}
}
.leading-game.leading-game__loby {
width: fit-content;
height: fit-content;
cursor: pointer;
border-width: var(--landing-game-loby-border-width);
border-color: var(--landing-game-loby-border-color);
}
.login-password-wrapper {
margin-top: 0;
}
.login-input .see-password {
display: block;
top: calc(50% + 3px);
}
.side-menu__redeem-button {
display: block;
text-align: center;
}
.app-header__search-wrapper {
align-items: center;
width: 100%;
max-width: 498px;
display: none;
}
@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;
position: absolute;
top: 63px;
left: 0;
background: var(--color-app-header-bg);
}
}
.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__categories {
margin-bottom: 0;
}
.main-lobby__game-section {
margin-top: calc(var(--spacing)*4);
}
.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%;
height: 100dvh;
display: flex;
flex-direction: column;
max-width: var(--left-menu-max-width);
position: sticky;
top: 0;
background-image: var(--color-sidebar-bg);
transform: translate(0%);
padding-inline: calc(var(--spacing)*2.5);
padding-block: 0;
}
.lobby-menu .side-menu__nav:hover {
scrollbar-color: var(--kt-scrollbar-color) transparent;
scrollbar-width: thin;
}
.lobby-menu .side-menu__nav {
padding-inline: calc(var(--spacing)*4);
overflow-y: auto;
}
}
.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;
}
.promotion-page__primary-button {
display: block;
}
.promotion-page__secondary-button {
display: block;
}
.zero-balance {
height: 100vh;
background: var(--zero-balance-modal-bg-color);
position: relative;
padding-inline: calc(var(--spacing)*9);
padding-top: calc(var(--spacing)*8);
}
.full-height-page {
height: 100vh;
}
@media (min-width:1025px) {
.full-height-page {
padding-left: 10%;
padding-right: 10%;
}
}
@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(100dvh - 166px)
}
}
.zero-balance__highlight {
color: var(--primary-gradient) !important;
-webkit-text-fill-color: currentColor !important
}
.zero-balance__message {
background: var(--zero-balance-message-bg-color);
}
.profile__mobile-actions {
gap: calc(var(--spacing)*5);
justify-content: center;
display: none
}
@media (max-width:1280px) {
.profile__mobile-actions {
margin-top: calc(var(--spacing)*6) !important;
display: flex
}
}
.form-select {
background: transparent !important;
}
.menu-sub-dropdown {
background: var(--color-header-items-bg);
}
.app-header__search-modal {
overflow: hidden;
padding: calc(var(--spacing)* 5);
background: var(--color-header-items-bg);
max-width: 498px;
width: calc(100% - var(--spacing) * 50);
}
@media not all and (min-width:1025px) {
.app-header__search-modal {
max-width: calc(100% - var(--spacing)* 6);
margin-inline: calc(var(--spacing)* 3);
}
}
.profile__input-group .iti--show-selected-dial-code .iti__selected-flag {
background: var(--color-profile-input-bg) !important;
}
@media not all and (min-width: 1025px) {
.profile__input-group .iti--show-selected-dial-code .iti__selected-flag {
background: var(--bg-tier-2-gradient) !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;
align-items: center;
border-radius: var(--radius-lg);
background-color: var(--warning-alert-bg-color);
max-width: 916px;
gap: 10px;
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);
}
.promotion-page__card {
background-size: cover;
justify-content: end;
}
.promotion-details__promo-card {
justify-content: end;
}
.promotion-details__claim-button {
display: block;
}
.daterangepicker .ranges {
background: var(--bg-tier-1-gradient);
}
.daterangepicker .ranges li {
color: var(--color-daterangepicker-text);
}
.daterangepicker .ranges li.active {
background: var(--color-secondary-button-bg);
}
.drp-calendar {
background: var(--bg-tier-1-gradient);
}
.daterangepicker.show-calendar .drp-buttons {
background: var(--bg-tier-1-gradient);
}
.daterangepicker .drp-calendar.left .calendar-table {
background: var(--bg-tier-1-gradient);
}
.daterangepicker .drp-calendar.right .calendar-table {
background: var(--bg-tier-1-gradient);
}
.daterangepicker .drp-calendar td {
color: var(--color-daterangepicker-text);
}
.daterangepicker .drp-calendar td.active {
background: var(--bg-tier-1-gradient);
}
.daterangepicker .drp-calendar th.month {
color: var(--color-daterangepicker-text);
}
.daterangepicker .drp-calendar th {
color: var(--color-daterangepicker-text);
}
.daterangepicker .drp-calendar td.active {
background: var(--primary-gradient) !important;
}
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
background-color: var(--primary-gradient);
color: #fff;
}
.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
background-color: var(--primary-gradient) !important;
color: #fff !important;
}
select, select:hover {
background: transparent;
border-color: transparent;
width: 100%;
cursor: pointer;
}
select option {
background: var(--bg-tier-1)
}
div.dataTables_wrapper div.dataTables_info {
color: inherit;
}
.sign-up__social-button {
background-color: #fff;
}
.sign-up__social-icon > i {
color: var(--color-bg);
}
.social-login-icon .svg-icon, .social-login-icon i {
font-size: var(--text-lg1_5);
}
.login__social-buttons {
gap: calc(var(--spacing)*5);
display: flex;
justify-content: center;
}
@media not all and (min-width:1025px) {
.login__social-buttons {
gap: calc(var(--spacing)*2.5);
flex-direction: column;
width: 100%
}
}
.login__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 {
background-color: color-mix(in oklab, var(--primary-button-font-color)35%, transparent)
}
}
.login__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 {
background-color: var(--color-body-text);
width: 100%;
padding-block: calc(var(--spacing)*2.5)
}
}
.login__divider-text {
margin-block: calc(var(--spacing)*5);
--tw-font-weight: var(--font-weight-bold) !important;
font-weight: var(--font-weight-bold) !important
}
.main-lobby__promo-banner-button {
display: block;
}
.promotion-page__empty-subtitle {
color: var(--error-gradient);
margin-top: calc(var(--spacing)*5);
}
.promotion-page__empty-description {
font-family: var(--font-secondary);
margin-bottom: calc(var(--spacing)*5);
font-size: calc(var(--spacing)*4);
font-weight: 400;
}
.promotion-page__empty-button-desktop {
margin-top: calc(var(--spacing)*3)
}
@media not all and (min-width:1025px) {
.promotion-page__empty-button-desktop {
display: none
}
}
.promotion-page__empty-message {
margin-top: calc(var(--spacing) * 5);
margin-bottom: calc(var(--spacing) * 10);
border-radius: var(--radius-10);
background: var(--no-promotions-background-gradient);
padding-block: calc(var(--spacing) * 12);
flex-direction: column;
align-items: center;
display: flex;
}
.promotion-page__empty-actions-mobile {
bottom: calc(var(--spacing) * 4);
left: calc(var(--spacing) * 0);
width: 100%;
display: none;
position: sticky;
}
@media not all and (min-width:1025px) {
.promotion-page__empty-actions-mobile {
display: block !important;
}
.promotion-page__empty-button-desktop {
display: none !important;
}
}
@media not all and (min-width: 1025px) {
.content-page__text {
padding-inline: calc(var(--spacing) * 2.5);
}
}
@media not all and (min-width:1025px) {
.pushcash-page {
margin-inline: calc(var(--spacing) * 4);
}
}
.pushcash-page__title {
font-family: var(--heading-font);
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) {
.pushcash-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);
text-align: center;
}
}
@media not all and (min-width:1025px) {
.pushcash-page__title {
padding: 13px 18px;
}
}
.pushcash-package__wrapper {
display: flex;
flex-direction: row;
gap: calc(var(--spacing) * 5);
margin-top: calc(var(--spacing) * 8.5);
padding-bottom: calc(var(--spacing) * 5);
align-items: center;
border-style: dashed;
border-bottom-width: 1px;
}
@media not all and (min-width: 1025px) {
.pushcash-package__wrapper {
display: flex;
flex-direction: column;
margin-top: calc(var(--spacing));
}
}
@supports (color:color-mix(in lab, red, red)) {
@supports (color:color-mix(in lab, red, red)) {
.pushcash-package__wrapper {
border-color: color-mix(in oklab, var(--color-body-text) 30%, transparent);
}
}
}
.pushcash-package__amount__wrapper {
display: flex;
flex-direction: column;
}
@media not all and (min-width: 1025px) {
.pushcasah-package__amount__wrpper {
flex-direction: row;
gap: calc(var(--spacing))
}
}
.pushcash-package__amount {
color: var(--color-body-text);
font-family: var(--heading-font);
font-size: var(--text-lg);
font-weight: 600;
line-height: normal;
}
@media not all and (min-width:1025px) {
.pushcash-package__amount {
color: var(--color-body-text);
font-size: var(--text-md);
line-height: 110%;
}
}
.pushcash-package__label {
color: var(--color-body-text);
font-family: var(--heading-font);
font-size: var(--text-lg);
font-weight: 600;
line-height: normal;
}
.pushcash-package__price {
margin-top: calc(var(--spacing)*5);
margin-bottom: calc(var(--spacing)*2.5);
border-radius: var(--radius-10);
background: var(--bg-tier-2-gradient);
padding-inline: calc(var(--spacing)*6);
padding-block: calc(var(--spacing)*5);
justify-content: space-between;
align-items: center;
display: flex;
}
@media not all and (min-width:1025px) {
.pushcash-package__price > .pushcash-package__label {
text-align: center;
width: 100%;
}
}
@media not all and (min-width:1025px) {
.pushcash-package__price {
padding-block: calc(var(--spacing)*4);
text-align: center;
margin-bottom: calc(var(--spacing)*5);
}
}
.pushcash-separator__content__desktop {
display: flex;
align-items: center;
border-bottom: 0;
text-align: center;
margin-top: calc(var(--spacing)*5);
margin-bottom: calc(var(--spacing)*8);
}
.pushcash-separator__content__desktop:before {
margin-right: calc(var(--spacing)*5);
content: "";
width: 40%;
border-bottom: 1px dashed color-mix(in oklab, var(--color-body-text) 30%, transparent);
}
.pushcash-separator__content__desktop:after {
margin-left: calc(var(--spacing)*5);
content: "";
width: 44%;
border-bottom: 1px dashed color-mix(in oklab, var(--color-body-text) 30%, transparent);
}
@media not all and (min-width:1025px) {
.pushcash-separator__content__desktop {
display: none;
}
}
.pushcash-separator__content__mobile {
display: none;
}
@media not all and (min-width:1025px) {
.pushcash-separator__content__mobile {
display: block;
padding-block: calc(var(--spacing) * 5);
border-top: 1px dashed color-mix(in oklab, var(--color-body-text) 30%, transparent);
border-bottom: 1px dashed color-mix(in oklab, var(--color-body-text) 30%, transparent);
margin-bottom: calc(var(--spacing) * 5);
text-align: center;
}
}
.pushcash-widget__title {
width: 240px;
}
.landing-header {
min-height: 88px;
height: 100%;
}
.sign-up__strength-text--mobile {
display: none;
}
@media (min-width: 720px) {
.modal-dialog.modal-md {
width: calc(100% + 72px);
max-width: 695px;
}
}
.sign-up__login-prompt {
display: block;
}
@media (max-width:1025px) {
.sidebar {
display: block;
max-width: 100%;
}
}
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;
height: 100dvh;
min-height: 100dvh;
display: flex;
align-items: flex-start;
}
#CoolOff .checkbox-wrapper p {
line-height: 30px;
}
}
body {
height: auto;
}
@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);
}
.landing-hero__title-line-2 {
/*width: 880px;*/
font-family: var(--font-primary);
font-size: var(--text-3xl);
line-height: 68px;
margin-bottom: 0.5rem !important;
margin-top: var(--landing-hero-title-gap) !important;
text-align: left;
}
.landing-hero__title {
line-height: normal;
}
.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);
}
}
@media (hover:hover) {
.redemption-pending__button-primary:hover {
background-color: var(--color-secondary-button-bg)
}
}
@media not all and (min-width:1025px) {
.redemption-pending__button-primary {
display: flex;
justify-content: center;
margin-inline: calc(var(--spacing) * 4) !important;
box-shadow: var(--shadow-primary-top-md)
}
}
@media (max-width: 1024px) {
.lobby-menu {
transition: transform 250ms ease-in-out, opacity 200ms ease-in-out;
will-change: transform;
}
.lobby-menu[data-open="true"] {
transform: translate(0);
opacity: 1;
pointer-events: auto;
overflow-y: auto;
}
}
@media (prefers-reduced-motion: reduce) {
.lobby-menu {
transition: none !important;
}
}
@media (width < 1025px) {
.selfExclude .checkbox-wrapper p {
line-height: 30px !important;
}
.landing-hero__title {
line-height: 50px !important;
}
.landing-hero__title-line-2 {
width: unset;
}
}
.balance__checkbox .material-switch-control-indicator {
background: var(--currency-toggle-backround-gradient, var(--bg-tier-2-gradient));
box-shadow: var(--profile-input-field-shadow, none) !important;
}
.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(--bg-tier-2-gradient) !important;
}
.page-item.active .page-link {
background: var(--primary-gradient) !important;
}
.page-link:hover,
.page-link:focus {
background: var(--bg-tier-3-gradient) !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;
}
/*Amoe table*/
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: calc(var(--spacing)*6);
}
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: 1025px) {
#TransactionsTable_wrapper {
margin-inline: 24px;
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;
}
}
@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 (max-width: 1025px) {
#StartEndRange {
font-size: var(--text-xl);
}
}
.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(--bg-tier-1-gradient);
width: 100%;
height: 62px;
box-shadow: var(--shadow-primary-top-md);
display: flex;
position: relative;
overflow: hidden
}
.alt-login__code-input {
background-color: var(--bg-tier-1-gradient);
width: 100%;
height: 100%;
padding: calc(var(--spacing)*4);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
box-shadow: var(--shadow-primary-top-md);
--tw-outline-style: none;
font-family: var(--text-font-family);
outline-style: none
}
.alt-login__code-input {
background-color: var(--color-bg);
}
.main-lobby__promo-image {
background-size: cover;
background-image: var(--img-promo-coin-bg);
}
@media (max-width: 768px) {
.main-lobby__promo-card {
display: flex !important;
align-items: center;
}
#kt_Model_previous,
#kt_Model_next {
display: none !important;
}
}
@media not all and (min-width: 768px) {
.max-md\:w-100 {
width: 100%
}
}
.pending {
background-color: var(--primary-gradient);
}
/* Hide default file input */
#IdDocumentFile,
#AddressDocumentFile {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.file-wrapper {
display: flex;
align-items: center;
gap: .75rem;
}
.file-btn {
display: inline-block;
cursor: pointer;
padding: .5rem 1rem;
border-radius: var(--radius-button);
background: var(--primary-gradient, #0d6efd);
color: var(--primary-button-font-color);
font: var(--heading-font);
}
.file-name {
font-size: var(--text-xs);
opacity: .8;
}
@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;
}
/*AMOE*/
th.col-creationTime,
td.col-creationTime {
min-width: 0px;
max-width: 170px !important;
width: 16% !important;
}
th.col-code,
td.col-code {
min-width: 0px;
width: 18% !important;
}
th.col-expiryDate,
td.col-expiryDate {
min-width: 0px;
max-width: 170px !important;
width: 16% !important;
}
th.col-bonusAmount,
td.col-bonusAmount {
min-width: 0px;
width: 27% !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;
}
/*AMOE*/
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;
}
}
.icon-mask {
background-color: currentColor;
width: 24px;
height: 24px;
display: inline-block;
}
@media (min-width: 1024px) {
@media (max-height: 1000px) {
div.login-container {
margin-bottom: 10rem;
}
}
}
.cc-window.cc-banner {
background: var(--color-bg);
}
.page-loader {
background: var(--bg-tier-1-gradient);
}
.footer__link-group_template {
display: flex;
flex-wrap: wrap;
column-gap: calc(var(--spacing) * 8);
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;
}
/* Inline icon + text */
.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) * 6) !important;
}
}
.side-menu__shop-button svg {
width: 28px;
height: 28px;
fill: currentColor;
display: inline;
margin: 0 8px 0 8px;
}
.side-menu__nav-link svg {
width: 28px;
height: 28px;
fill: currentColor;
}
.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;
}
.landing-hero {
padding-inline: calc(var(--spacing) * 8);
}
.landing-hero__title {
display: flex;
flex-direction: column;
align-items: center;
}
.landing-hero__title,
.landing-hero__title-line-2 {
text-align: center;
font-family: var(--heading-font, var(--font-primary));
font-weight: var(--landing-hero-title-fw);
color: var(--landing-hero-title-text-color);
text-shadow: var(--landing-hero-title-text-shadow);
margin: 0 0 var(--landing-hero-title-bottom-margin) 0;
}
.landing-hero__title .lh-line,
.landing-hero__title-line-2 .lh-line {
display: block;
line-height: 1.05;
}
.lh-1 {
font-size: var(--text-2xl);
}
.lh-2 {
font-size: var(--landing-hero-font-size-line-2);
color: var(--landing-hero-title-text-color-line-2, #e6cf3e);
/*max-width: 600px;*/
}
.lh-3 {
color: #e6cf3e;
font-size: var(--text-2xl);
}
.lh-4 {
font-size: var(--text-2xl);
text-transform: uppercase;
letter-spacing: .5px;
}
.landing-hero__subtitle-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
}
.landing-hero__button-wrapper {
margin-top: 20px;
}
@media not all and (min-width:1025px) {
iframe#launcher {
bottom: 80px !important;
}
}
.main-layout {
display: flex;
width: 100%;
}
.lobby-menu-close {
position: absolute;
top: calc(var(--spacing)*5);
right: calc(var(--spacing)*5);
z-index: 10;
display: none;
}
@media not all and (min-width:1025px) {
.lobby-menu-close {
display: block;
}
}
.app-header-wrapper {
width: 100%;
min-width: 0;
}
.lobby__main {
padding-inline: calc(var(--spacing)*14);
padding-block: calc(var(--spacing)*9);
min-height: 100vh;
padding-bottom: 48px;
}
@media not all and (min-width: 1025px) {
.lobby__main {
padding-inline: 0;
padding-block: calc(var(--spacing)) calc(var(--spacing)*16);
}
}
.logged-out__main {
padding-bottom: calc(var(--spacing)*5);
padding-inline: calc(var(--spacing)*9);
}
@media not all and (min-width: 1025px) {
.logged-out__main {
padding-bottom: calc(var(--spacing)*16);
padding-inline: 0;
}
}
.input-wrapper {
margin-bottom: calc(var(--spacing) * 3);
}
.sign-up__social-icon i {
color: var(--color-body-text);
}
@media not all and (min-width:1025px) {
.sign-up__social-icon i {
color: var(--primary-button-font-color);
}
}
@media not all and (min-width:1025px) {
.game-collection {
margin-inline: calc(var(--spacing)*4);
}
}
.game-collection__title {
font-family: var(--heading-font);
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) {
.game-collection__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;
}
}
.game-collection__list {
display: flex;
flex-wrap: wrap;
margin-inline: -1rem;
row-gap: calc(var(--spacing)*4);
margin-top: calc(var(--spacing)*4) !important;
}
@media not all and (min-width: 1025px) {
.game-collection__list {
margin-top: 0 !important;
}
}
.leading-game-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.leading-game-info__icon {
position: absolute;
top: calc(var(--spacing)*2.5);
right: calc(var(--spacing)*2);
cursor: pointer;
}
.leading-game-info__img {
border-radius: 9999px;
filter: var(--shadow-info-image);
}
.game-modal-header {
padding: 0.5rem;
background: var(--bg-tier-3-gradient) !important;
}
.modal-footer.jackpots-modal-footer {
border-top: none;
background: var(--bg-tier-3-gradient) !important;
}
.game-modal-currency-switch {
display: flex;
align-items: center;
gap: 0.5rem !important;
font-size: var(--text-sm) !important;
line-height: 1.75rem;
color: var(--color-body-text);
}
.transactions-buttons {
display: none;
width: 100%;
}
@media not all and (min-width:1025px) {
.transactions-buttons {
display: block;
margin-top: calc(var(--spacing) * 4);
margin-inline: calc(var(--spacing) * 6);
}
}
.geo {
min-height: 100vh;
}
.landing-hero__button--subtitle {
font-size: var(--text-lg1_5);
line-height: 1.25;
font-weight: 400;
}
.side-menu__balance {
margin-top: calc(var(--spacing));
}
.main-lobby__games-arrow {
position: absolute;
top: 50% !important;
z-index: 20 !important;
cursor: pointer;
transform: translateY(-50%);
color: var(--primary-accent-color)
}
@media (max-width: 1024px) {
.main-lobby__games-arrow {
width: calc(var(--spacing)*2);
}
}
.main-lobby__games-arrow.left-arrow {
left: calc(var(--spacing)*5) !important;
}
@media (max-width: 1024px) {
.main-lobby__games-arrow.left-arrow {
left: calc(var(--spacing)*2) !important;
}
}
.main-lobby__games-arrow.right-arrow {
right: calc(var(--spacing)*5) !important;
}
@media (max-width: 1024px) {
.main-lobby__games-arrow.right-arrow {
right: calc(var(--spacing)*2) !important;
}
}
.game-collection__list {
display: flex;
flex-wrap: wrap;
margin-left: -1rem;
margin-right: -1rem;
margin-top: 1rem;
row-gap: calc(var(--spacing) * 4);
}
@media (max-width: 1024px) {
.game-collection__list {
margin-top: 0;
}
}
.game-collection__item {
flex: none;
padding-left: .5rem;
padding-right: .5rem;
width: 16.6667%;
}
@media (max-width: 1560px) {
.game-collection__item {
width: 20%;
}
}
@media (max-width: 1024px) {
.game-collection__item {
width: 20%;
}
}
@media (max-width: 1024px) {
.game-collection__item {
width: 25%;
}
}
@media (max-width: 768px) {
.game-collection__item {
width: 33.3333%;
}
}
.game-collection--providers {
margin-top: 1.25rem !important;
}
@media (max-width: 1024px) {
.game-collection--providers {
margin-top: 0.25rem !important;
}
.game-collection__title--mobile-center,
.game-collection__subtitle--mobile-center {
text-align: center;
}
.game-collection__title--mobile-tight {
line-height: 2rem;
}
}
.header__search-icon {
position: absolute;
top: calc(var(--spacing) * 4);
right: calc(var(--spacing) * 4);
}
.search-spinner, .search-reset {
right: calc(var(--spacing)*16);
}
.search-item-wrapper {
display: flex;
gap: calc(var(--spacing)*6);
align-items: center;
cursor: pointer;
padding-block: calc(var(--spacing) * 3);
}
.search-item-title:hover {
color: var(--primary-gradient);
}
.side-menu__nav-link--active {
color: var(--primary-gradient) !important;
}
.refer-a-friend-copy-success {
background: var(--color-secondary-button-bg) !important;
border-color: var(--color-secondary-button-border) !important;
color: var(--secondary-button-font-color) !important;
}
@media not all and (min-width: 1025px) {
.faq__header-section {
padding-inline: calc(var(--spacing) * 5);
padding-top: calc(var(--spacing) * 3);
padding-bottom: calc(var(--spacing) * 0);
text-align: center;
}
}
.faq-section {
background: var(--bg-tier-2-gradient);
border-radius: 10px;
padding: calc(var(--spacing) * 8);
margin-inline: 0 !important;
margin-top: calc(var(--spacing) * 6);
}
@media not all and (min-width: 1025px) {
.faq-section {
padding-block: calc(var(--spacing) * 3);
padding-inline: calc(var(--spacing) * 4);
margin-inline: calc(var(--spacing) * 4) !important;
margin-top: calc(var(--spacing) * 2);
text-align: center;
}
}
.faq-section__title {
font-family: var(--heading-font);
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);
margin-bottom: calc(var(--spacing)*4) !important;
}
@media not all and (min-width: 1025px) {
.faq-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;
}
}
.faq-section__title span {
color: var(--primary-gradient);
}
.faq-card__item {
display: flex;
align-items: center;
padding-block: calc(var(--spacing) * 3);
margin-bottom: 0;
}
.content-text .small-print,
.content-text .body-text {
margin-top: 0;
}
.loyalty-levels-arrow {
position: absolute;
top: 25%;
transform: translate(0, 0);
z-index: 20;
cursor: pointer;
width: calc(var(--spacing) * 2);
display: none;
}
@media not all and (min-width: 1025px) {
.loyalty-levels-arrow {
display: block;
}
}
.loyalty-levels-arrow.left-arrow {
left: calc(var(--spacing) * 5);
}
.loyalty-levels-arrow.right-arrow {
right: calc(var(--spacing) * 5);
}
@media not all and (min-width: 1025px) {
.loyalty-levels-arrow.left-arrow {
left: calc(var(--spacing) * 2);
}
.loyalty-levels-arrow.right-arrow {
right: calc(var(--spacing) * 2);
}
}
@media not all and (min-width: 1025px) {
.paynearme-section {
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 8);
}
}
.paynearme__section-title {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 2);
font-family: var(--heading-font);
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) {
.paynearme__section-title {
text-align: center;
padding-left: calc(var(--spacing) * 4);
padding-right: calc(var(--spacing) * 4);
line-height: calc(var(--spacing) * 9) !important;
justify-content: 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);
}
}
.paynearme__section-description {
font-weight: 800 !important;
margin-top: calc(var(--spacing) * 10) !important;
}
@media not all and (min-width: 1025px) {
.paynearme__section-description {
margin-top: calc(var(--spacing) * 4.5) !important;
text-align: center;
padding-left: calc(var(--spacing) * 4) !important;
padding-right: calc(var(--spacing) * 4) !important;
font-size: var(--text-lg1_5) !important;
}
}
.paynearme__list {
margin-top: calc(var(--spacing) * 9);
border-color: rgba(255, 255, 255, 0.3);
}
@media not all and (min-width: 1025px) {
.paynearme__list {
margin-top: calc(var(--spacing) * 4);
border-bottom-width: 1px;
}
}
.paynearme__added__card-details-wrapper {
display: flex;
align-items: center;
gap: calc(var(--spacing)*5);
padding-left: initial !important;
}
.paynearme__added__card-details {
display: flex;
flex-direction: row;
align-items: center;
text-transform: capitalize;
}
@media not all and (min-width: 1025px) {
.paynearme__added__card-details {
flex-direction: column;
align-items: start;
}
}
.paynearme__added__card-type {
font-size: var(--text-lg);
}
@media not all and (min-width: 1025px) {
.paynearme__added__card-type {
font-size: var(--text-md);
}
}
.paynearme__added__card-number {
margin-left: calc(var(--spacing) * 4);
font-weight: bold !important;
font-size: var(--text-md);
}
@media not all and (min-width: 1025px) {
.paynearme__added__card-number {
margin-left: 0;
font-size: var(--text-xs);
}
}
.paynearme__added__card-expiry {
font-weight: 600;
text-align: left;
font-size: var(--text-xs);
}
.paynearme__card-body {
width: 100%;
min-height: 58px;
display: flex;
align-items: center;
justify-content: space-between;
padding-block: calc(var(--spacing) * 3);
padding-right: calc(var(--spacing) * 7);
margin-bottom: calc(var(--spacing) * 3);
}
@media not all and (min-width: 1025px) {
.paynearme__card-body {
margin-bottom: calc(var(--spacing) * 2);
}
}
.paynearme__card-details {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 5);
font-size: var(--text-lg);
}
@media not all and (min-width: 1025px) {
.paynearme__card-details {
font-size: var(--text-md);
}
}
.take-a-break {
min-height: 0 !important;
max-width: 695px;
width: 100%;
background: var(--bg-tier-2-gradient);
padding: 1.25rem;
border-radius: 10px;
height: fit-content;
position: relative;
top: calc(1 / 7 * 100%);
border: 2px solid var(--primary-gradient);
}
.cool-off-account__title {
font-size: var(--text-lg);
font-family: var(--heading-font);
font-weight: 800;
margin-bottom: 1rem;
}
@media (max-width: 1024px) {
.cool-off-account__title {
text-align: center;
}
}
.cool-off__title--highlight {
color: var(--primary-gradient);
}
.cool-off-account__form {
width: 100%;
}
.cool-off-account__form-group {
width: 100%;
background-color: var(--bg-tier-1-gradient);
box-shadow: var(--shadow-primary-top-sm);
border-radius: 10px;
line-height: 1.25rem;
padding: 0.5rem 0.75rem;
}
.custom-select__selected-option {
outline-style: var(--tw-outline-style);
outline-width: 0px;
width: 100%;
font-size: var(--text-lg);
--tw-leading: calc(var(--spacing) * 7);
line-height: calc(var(--spacing) * 7);
}
.custom-select__content {
width: 100%;
background: var(--form-bg-color, var(--bg-tier-1-gradient));
box-shadow: var(--shadow-primary-top-sm);
border-radius: var(--radius-10);
--tw-leading: calc(var(--spacing) * 5);
line-height: calc(var(--spacing) * 5);
padding-inline: calc(var(--spacing) * 3) !important;
padding-block: calc(var(--spacing) * 2) !important;
}
@media (max-width: 1025px) {
.custom-select__content {
box-shadow: none;
}
}
.cool-off-account__checkbox-text {
font-size: var(--text-lg) !important;
}
@media (max-width: 1024px) {
.coin-store__empty-section {
text-align: center;
margin-top: calc(var(--spacing) * 3);
margin-inline: calc(var(--spacing) * 2.5);
min-height: calc(100vh - 63px - 103px);
}
}
.coin-store__empty-container {
display: flex;
flex-direction: column;
align-items: center;
padding-block: calc(var(--spacing) * 12);
border-radius: 10px;
background: var(--bg-tier-2-gradient);
box-shadow: var(--shadow-primary-top-sm);
margin-top: calc(var(--spacing) * 5);
margin-block: calc(var(--spacing) * 10);
}
.coin-store__empty-button {
font-size: var(--text-lg);
padding-inline: calc(var(--spacing) * 6);
padding-block: calc(var(--spacing) * 1) !important;
}
.coin-store__empty-mobile {
display: none;
padding-top: calc(var(--spacing) * 6);
width: 100%;
padding-inline: calc(var(--spacing) * 4);
}
@media (max-width: 1024px) {
.coin-store__empty-mobile {
display: block;
}
.coin-store__empty-button {
display: none !important;
}
}
.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: var(--text-md);
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%;
}
input.w-100 {
background-color: #262626;
}
input {
border: 0;
}
.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);
box-shadow: var(--shadow-primary-top-md);
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;
line-height: calc(var(--spacing)*8);
letter-spacing: var(--tracking-1);
font-weight: 700 !important;
font-size: var(--text-xl);
text-align: center;
}
@media not all and (min-width:1025px) {
.profile_alert_title {
font-size: var(--text-lg);
}
.profile_alert svg {
display: none;
}
}
@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%;
}
}
@media not all and (min-width:1025px) {
.profile__main-title-wrapper {
margin-bottom: calc(var(--spacing) * 0);
}
}
.justify-between {
justify-content: space-between;
}
.modal-text {
padding: 0;
}
.mobile-number-verification-input__group,
.email-verification-input__group {
font-family: var(--text-promotion-font-family);
background: var(--modal-verification-input-bg-color);
border-radius: var(--radius-10);
width: 100%;
padding-inline: calc(var(--spacing) * 5);
padding-block: calc(var(--spacing) * 2.5);
--tw-leading: calc(var(--spacing) * 5);
line-height: calc(var(--spacing) * 5);
box-shadow: var(--shadow-primary-top-md);
flex-direction: column;
display: flex;
}
.mobile-number-verification__label,
.email-verification__label {
color: var(--color-body-text);
font-size: var(--text-lg);
font-weight: 400;
line-height: normal;
}
.mobile-number-verification__input-wrapper {
margin-top: calc(var(--spacing)*2);
}
.mobile-number-verification__input-wrapper .iti--show-selected-dial-code .iti__selected-flag {
background: var(--modal-verification-input-bg-color) !important;
}
.mobile-number-verification__input-wrapper .iti__selected-dial-code {
font-size: var(--text-lg1_5) !important;
font-style: normal !important;
font-weight: 400 !important;
}
.mobile-number-verification__input-wrapper .iti__selected-flag {
padding: 0;
}
.email-verification__input {
margin-top: calc(var(--spacing)*2);
color: var(--primary-gradient);
font-size: var(--text-lg1_5);
font-style: normal;
font-weight: 700;
line-height: normal;
outline: 0;
}
.mobile-number-verification__input {
margin-top: calc(var(--spacing)*4);
font-size: var(--text-lg1_5);
font-style: normal;
font-weight: 400;
outline: 0;
}
.mobile-number-verification-title,
.email-verification-modal-title {
color: var(--primary-gradient);
font-size: var(--text-xl);
font-style: normal;
font-weight: 700;
line-height: 100%;
}
.document-verification__title,
.verifying-your-account__title {
font-family: var(--font-primary);
font-size: var(--text-xl);
font-style: normal;
font-weight: var(--font-weight-black);
line-height: 110%;
}
.popup-overlay {
position: fixed;
inset: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.popup {
background-color: #1a1a2e;
border: 2px solid var(--promotions-card-gc-bd-color);
border-radius: var(--radius-10);
padding: calc(var(--spacing) * 4) calc(var(--spacing) * 5);
max-width: 400px;
width: 90%;
text-align: center;
box-shadow: 0 8px 20px rgba(0,0,0,0.5);
color: var(--color-text-primary, #fff);
position: relative;
font-family: var(--heading-font);
display: flex;
flex-direction: column;
align-items: center;
}
.popup__close {
position: absolute;
top: calc(var(--spacing) * 2);
right: calc(var(--spacing) * 2);
background: transparent;
border: none;
font-size: var(--text-lg1_5);
cursor: pointer;
color: var(--color-text-primary, #fff);
}
.popup__header {
margin-bottom: calc(var(--spacing) * 2);
font-size: var(--text-xl);
font-weight: bold;
}
.popup__image {
width: 80px;
height: 80px;
margin-bottom: calc(var(--spacing) * 3);
border-radius: 50%;
object-fit: cover;
}
.popup__description {
margin-bottom: calc(var(--spacing) * 2);
font-size: var(--text-md);
color: var(--color-text-secondary, #ccc);
}
.popup__subdescription {
display: block;
margin-bottom: calc(var(--spacing) * 3);
font-size: var(--text-sm);
color: var(--color-text-tertiary, #999);
}
.popup__cta {
display: inline-block;
padding: calc(var(--spacing) * 1) calc(var(--spacing) * 3);
font-size: var(--text-md);
font-weight: var(--font-main-buttons-fw);
background-color: var(--primary-gradient);
color: var(--primary-button-font-color);
border: 2px solid var(--color-button-border);
border-radius: var(--radius-10);
cursor: pointer;
transition: all 0.2s ease-in;
text-decoration: none;
}
.popup__cta:hover {
background-color: var(--color-secondary-button-bg);
}
.popup__cta:disabled {
opacity: 0.8;
background-color: var(--primary-gradient);
cursor: default;
}
@media (max-width: 1025px) {
.popup {
padding: calc(var(--spacing) * 3) calc(var(--spacing) * 4);
}
.popup__header {
font-size: var(--text-lg);
}
.popup__description {
font-size: var(--text-sm);
}
.popup__cta {
font-size: var(--text-sm);
padding: calc(var(--spacing) * 0.8) calc(var(--spacing) * 2);
}
}
.document-verification__title,
.verifying-your-account__title {
font-family: var(--font-primary);
font-size: var(--text-xl);
font-style: normal;
font-weight: var(--font-weight-black);
line-height: 110%;
}
.document-verification__description,
.verifying-your-account__description {
font-family: var(--font-secondary);
font-size: var(--text-lg);
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: calc(var(--spacing)*5);
}
.verifying-your-account__container {
margin-bottom: calc(var(--spacing)*10);
}
@media (max-width: 1025px) {
.verifying-your-account {
padding-inline: calc(var(--spacing)*4);
margin-top: calc(var(--spacing)*6);
}
.document-verification__title,
.verifying-your-account__title {
font-size: var(--text-lg);
}
.document-verification__description,
.verifying-your-account__description {
font-size: var(--text-md);
padding-inline: calc(var(--spacing)*4);
}
.verifying-your-account__container {
text-align: center;
}
.verifying-your-account__container {
margin-bottom: calc(var(--spacing)*4);
}
}
.file-wrapper {
flex-direction: column;
align-items: flex-start;
gap: calc(var(--spacing)*2.5);
}
.file-name-wrapper {
font-family: var(--text-promotion-font-family);
background-color: var(--file-wrapper-input-bg);
border-radius: var(--radius-10);
width: 100%;
padding: calc(var(--spacing) * 4);
padding-left: calc(var(--spacing) * 16);
line-height: calc(var(--spacing) * 5);
box-shadow: var(--shadow-primary-top-md);
flex-direction: row;
display: flex;
background-image: var(--file-wrapper-icon);
background-position: left 1rem center !important;
background-repeat: no-repeat;
background-size: 24px;
}
.file-name {
font-family: var(--font-primary);
font-size: var(--text-xl);
font-style: normal;
font-weight: 500;
line-height: normal;
}
.document-verification-container {
margin-bottom: calc(var(--spacing)*8);
}
@media (max-width: 1025px) {
.document-verification-container {
margin-bottom: calc(var(--spacing)*5);
}
}
.accordion {
gap: 0;
margin-top: 0;
}
.form-select {
background-image: url("data:image/svg+xml;utf8,") !important;
background-position: 99% 0 !important;
background-repeat: no-repeat !important;
}
.select2-container--open .form-select {
background-image: url("data:image/svg+xml;utf8,") !important;
}
.date-btn svg path {
fill: var(--color-body-text);
}
@media (max-width: 1025px) {
.form-select {
background-position: 99% 0 !important;
}
}
.profile__input-group:not(:has(label)) .form-select {
background-position: center right !important;
background-repeat: no-repeat !important;
}
.document-verification-title-wrapper {
margin-bottom: calc(var(--spacing)*5);
}
@media (max-width: 1025px) {
.document-verification-title-wrapper {
margin-bottom: calc(var(--spacing)*3);
background: var(--bg-tier-2-gradient);
border-radius: calc(var(--spacing)*2.5);
padding-block: calc(var(--spacing)*6);
padding-inline: calc(var(--spacing)*4);
text-align: center;
}
}
.pending {
background-color: var(--color-secondary-button-bg) !important;
}
.verified {
background-color: var(--primary-gradient) !important;
}
.pending-info {
margin-top: calc(var(--spacing)*2.5);
color: var(--primary-gradient);
font-size: var(--text-xl);
font-style: normal;
font-weight: 500;
line-height: normal;
}
.rejected-info {
margin-top: calc(var(--spacing)*2.5);
color: var(--error-gradient);
font-size: var(--text-xl);
font-style: normal;
font-weight: 500;
line-height: normal;
}
@media (max-width: 1025px) {
.rejected-info,
.pending-info {
font-size: var(--text-lg);
text-align: center;
}
}
@media not all and (min-width:1025px) {
.verifying-your-account-container a {
width: 100%;
}
}
.payment-document-alert-danger,
.payment-document-alert-warning {
color: var(--bg-tier-1-gradient);
border-color: var(--error-gradient);
background-color: var(--error-gradient);
font-weight: var(--font-main-buttons-fw);
}
.payment-document-alert-danger .text-danger,
.payment-document-alert-info .text-info,
.payment-document-alert-warning .text-warning {
color: var(--bg-tier-1-gradient) !important;
font-weight: var(--font-main-buttons-fw);
}
.payment-document-alert-info {
color: var(--bg-tier-1-gradient);
border-color: var(--color-secondary-button-bg);
background-color: var(--color-secondary-button-bg);
font-weight: var(--font-main-buttons-fw);
}
.verifying-your-account-verified__box {
margin-top: calc(var(--spacing) * 5);
margin-bottom: calc(var(--spacing) * 10);
border-radius: var(--radius-10);
background: var(--bg-tier-2-gradient);
padding-block: calc(var(--spacing) * 12);
box-shadow: var(--shadow-primary-top-md);
flex-direction: column;
align-items: center;
display: flex;
}
.verifying-your-account-verified__message {
padding-inline: 0;
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-body-text) !important;
max-width: 394px;
margin-top: calc(var(--spacing)*5);
}
.verifying-your-account-verified__divider {
margin: calc(var(--spacing) * 5);
border-top-style: var(--tw-border-style);
--tw-border-style: dashed;
border-style: dashed;
border-top-width: 1px;
width: 127px;
}
@supports (color:color-mix(in lab, red, red)) {
.verifying-your-account-verified__divider {
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-body-text) 50%, transparent);
}
}
}
.verifying-your-account-verified__bottom-bar {
bottom: calc(var(--spacing) * 24);
left: calc(var(--spacing) * 0);
width: 100%;
padding-inline: calc(var(--spacing) * 4);
display: none;
position: sticky;
}
.verifying-your-account-back-button {
display: inline-block;
}
.verifying-your-account-back-button--mobile {
display: none;
}
@media (max-width: 1025px) {
.verifying-your-account-verified__box {
margin-top: calc(var(--spacing) * 4);
margin-bottom: calc(var(--spacing) * 5);
padding-block: calc(var(--spacing) * 5);
}
.verifying-your-account-verified__message {
margin-top: calc(var(--spacing) * 4);
}
.verifying-your-account-verified__divider {
display: none;
}
.verifying-your-account-back-button {
display: none;
}
.verifying-your-account-back-button--mobile {
display: inline-block;
text-align: center;
}
.verifying-your-account-verified__bottom-bar {
display: flex;
justify-content: center;
}
}
.complete-profile-modal-icon {
width: 100px;
height: 100px;
}
.back-to-lobby-container {
margin-top: calc(var(--spacing)*9);
}
@media (max-width: 1025px) {
.back-to-lobby-container {
margin-top: calc(var(--spacing)*5);
}
}
.promotion-details__promo-card {
aspect-ratio: 1483 / 235;
height: auto;
background-size: cover;
}
@media (max-width: 1025px) {
.promotion-details__promo-card {
aspect-ratio: 1483 / 235;
}
}
.promotion-page__card-image {
height: auto;
aspect-ratio: 1 / 0.62977;
}
.promotion-page__card {
height: 100%;
}
.iti--fullscreen-popup .iti__dropdown-content {
background: var(--bg-tier-2-gradient);
}
/* Modal update */
.modal-buttons {
display: flex;
justify-content: space-between;
gap: calc(var(--spacing)*2);
}
.mobile-number-verification-modal-body,
.email-verification-modal-body {
position: relative;
flex: 1 1 auto;
padding: calc(var(--spacing) * 5);
padding-top: calc(var(--spacing) * 4);
}
@media (max-width: 1025px) {
.modal-dialog:has(.mobile-number-verification-modal-body),
.modal-dialog:has(.email-verification-modal-body) {
margin: 0;
height: 100%;
margin-top: 39px;
overflow-y: hidden;
max-width: 100%;
}
.modal-header:has(.mobile-number-verification-title),
.modal-header:has(.email-verification-modal-title) {
width: 100%;
text-align: center;
}
.mobile-number-verification-title,
.email-verification-modal-title {
width: 100%;
text-align: center;
}
.modal:has(.mobile-number-verification-modal-body),
.modal:has(.email-verification-modal-body) {
--bs-modal-zindex: 10;
z-index: var(--bs-modal-zindex) !important;
height: 100%;
overflow-y: hidden;
}
.modal-backdrop:has(.mobile-number-verification-modal-body),
.modal-backdrop:has(.email-verification-modal-body) {
--bs-backdrop-zindex: 1;
--bs-backdrop-opacity: 0;
z-index: var(--bs-backdrop-zindex) !important;
}
.modal-content:has(.mobile-number-verification-modal-body),
.modal-content:has(.email-verification-modal-body) {
background: var(--bg-tier-1-gradient);
border-radius: 0;
border: 0;
height: 100%;
width: 100%;
}
.email-verification-input__group {
padding-block: calc(var(--spacing)*5);
padding-inline: calc(var(--spacing)*4);
background: var(--bg-tier-2-gradient);
text-align: center;
}
.mobile-number-verification-input__group {
padding-block: calc(var(--spacing)*2);
padding-inline: calc(var(--spacing)*4);
background: var(--bg-tier-2-gradient);
}
.mobile-number-verification__input-wrapper .iti--show-selected-dial-code .iti__selected-flag {
background: var(--bg-tier-2-gradient) !important;
}
.email-verification__label {
padding-inline: calc(var(--spacing)*2);
font-size: var(--text-lg) !important;
}
.mobile-number-verification-modal-body,
.email-verification-modal-body {
padding-inline: calc(var(--spacing)*4);
}
.mobile-number-verification__input-wrapper,
.mobile-number-verification__input {
margin-top: 0;
}
.mobile-number-verification-modal-body .modal-buttons,
.email-verification-modal-body .modal-buttons {
flex-direction: column-reverse;
gap: calc(var(--spacing)*3);
padding-top: calc(var(--spacing)*5);
}
}
.zero-balance__image {
width: 100px;
height: 100px;
}
@media only screen and (max-width: 768px) {
.zero-balance__title {
font-size: var(--text-xl) !important;
}
.zero-balance__subtitle {
font-size: var(--text-lg) !important;
line-height: var(--text-line-height-100) !important;
margin-top: calc(var(--spacing) * 5) !important;
}
}
/* .profile__main-title {
margin-bottom: calc(var(--spacing)*4) !important;
}*/
/*.profile__main-title-wrapper {
margin-bottom: calc(var(--spacing)*6);
}
*/
@media (max-width: 1025px) {
.profile__main-title,
.profile__main-title-wrapper {
margin-bottom: 0;
}
.profile__main-subtitle {
text-align: center;
}
}
.file-wrapper {
position: relative;
}
.file-delete-icon {
position: absolute;
right: calc(var(--spacing)*2);
cursor: pointer;
pointer-events: auto;
}
.main-lobby__promo-card {
flex-shrink: 0;
width: 100%;
height: auto;
aspect-ratio: 1 / 0.415;
position: relative
}
@media (max-width: 768px) {
.main-lobby__promo-card {
height: auto;
}
}
@media (min-width: 1668px) {
.main-lobby__promo-card {
height: auto;
}
}
div.dataTables_wrapper div.dataTables_length select {
min-width: 50px;
}
@media not all and (min-width: 1025px) {
.faq-section .small-print {
text-align: left;
}
}
.profile__form .profile__input-group label {
font-size: var(--profile-label-font-size, 1.6rem);
}
@media (max-width: 1025px) {
.profile__form .profile__input-group input, .profile__form .profile__input-group label {
font-size: var(--text-md);
}
}
/* Classes transfered from brand.css */
.page-loader img,
.landing-header__logo img {
max-height: 77px;
max-width: var(--header-logo-max-width, 400px);
width: var(--header-logo-width, auto);
}
@media screen and (max-width: 1025px) {
.landing-hero {
padding-inline: calc(var(--spacing)*2);
}
}
@media (max-width: 1025px) {
.landing-hero__button {
border-radius: var(--radius-10);
}
}
.landing-hero__button {
font-size: var(--text-xl-plus);
line-height: normal;
padding-bottom: calc(var(--spacing)*2);
}
.landing-games__no-purchases-subtitle span {
font-size: inherit;
font-weight: 500;
}
.landing-top-pick__wrapper {
max-width: 546px !important;
}
@media screen and (max-width: 1025px) {
.landing-games__title,
.landing-providers__title,
.landing-usp__title,
.landing-coins__title,
.landing-feedback__title {
font-size: var(--text-xl) !important;
line-height: 110% !important;
}
.landing-coins__subtitle {
margin-top: calc(var(--spacing)*5);
}
.landing-games__no-purchases-subtitle span {
font-size: inherit;
margin-block: calc(var(--spacing)*2);
}
}
.landing-hero__title .lh-1 {
margin-bottom: var(--landing-hero-lh-1-margin-bottom, 0);
}
.landing-hero__title .lh-1,
.landing-hero__title-line-2 .lh-4 {
font-size: var(--landing-hero-font-size-lines-1-and-4) !important;
line-height: var(--landing-hero-title-line-height) !important;
letter-spacing: var(--landing-hero-letter-spacing-lines-1-and-4) !important;
width: 100%;
}
@media screen and (min-width: 1026px) and (max-width: 1200px) {
.landing-hero__title .lh-1,
.landing-hero__title-line-2 .lh-4 {
font-size: clamp(var(--text-lg), 3vw, var(--text-4xl)) !important;
}
}
@media screen and (max-width: 1025px) {
.landing-hero__title .lh-1,
.landing-hero__title-line-2 .lh-4 {
font-size: var(--landing-hero-mobile-font-size-lines-1-and-4) !important;
}
.landing-hero__title .lh-2 {
font-size: var(--landing-hero-mobile-font-size-line-2);
}
}
.landing-hero__title {
text-align: var(--landing-hero-title-text-align, left);
}
/*.landing-hero__container {
justify-content: flex-start;
}
*/
.landing-hero__title-line-2 {
text-align: var(--landing-hero-title-text-align, left) !important;
}
.landing-hero__subtitle-wrapper {
align-items: flex-start;
flex-direction: column;
}
.landing-providers__light,
.landing-top-pick__light-left,
.landing-top-pick__light-right {
display: none;
}
.landing-usp__item-title {
background: var(--landing-usp-title-background);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: none !important;
margin-top: calc(var(--spacing)*2);
}
.landing-coins__image {
max-height: 340px;
max-width: 340px;
}
input.w-100 {
background: var(--color-header-items-bg) !important;
}
.form-check-input {
background: var(--form-check-input-bg) !important;
}
.profile__table-row:nth-child(odd) {
background: var(--bg-tier-2-gradient)
}
.balance__checkbox .material-switch-control-indicator::after {
background: var(--balance-checkbox-color) !important;
}
.main-lobby__category-link {
color: var(--category-link-text-color);
padding: var(--category-link-padding);
border-radius: var(--category-link-border-radius);
}
.main-lobby__category-link .category__title {
color: var(--category-link-text-color);
}
.main-lobby__category-link img, .main-lobby__category-link svg {
height: 18px !important;
width: 18px !important;
}
.leading-tight.font-normal {
font-size: var(--text-lg) !important;
}
.lending-hero__button {
max-width: 420px;
text-align: center;
}
.landing-games__subtitle,
.landing-usp__subtitle,
.landing-feedback__subtitle {
font-size: var(--text-xl);
line-height: normal;
}
@media screen and (max-width: 1025px) {
.landing-games__subtitle,
.landing-usp__subtitle,
.landing-feedback__subtitle {
font-size: var(--text-lg);
}
}
.landing-usp {
padding-top: calc(var(--spacing)*12);
padding-bottom: calc(var(--spacing)*14);
}
@media screen and (max-width: 1025px) {
.landing-usp {
padding-top: calc(var(--spacing)*18);
padding-inline: calc(var(--spacing)*8);
}
}
.landing-usp__item {
padding: 10px 0;
}
.landing-usp__icon {
margin-bottom: var(--spacing)*3;
}
.landing-feedback__star {
height: 24px;
}
.landing-feedback__content {
margin-top: calc(var(--spacing)*10);
padding-block: calc(var(--spacing)*5);
}
@media screen and (max-width: 1025px) {
.landing-feedback__content {
margin-top: calc(var(--spacing)*5);
}
.landing-coins__image-wrapper {
margin-bottom: calc(var(--spacing)*5);
}
.footer__bottom {
text-align: center;
}
}
.landing-feedback__review-text {
margin-block: calc(var(--spacing)*2);
}
.landing-games__light {
display: none;
}
.landing-hero__subtitle .landing-hero__star-icon:not(:first-of-type) {
display: none
}
.landing-hero__subtitle {
font-weight: 500;
}
.landing-hero__button {
display: inline-flex;
flex-direction: column;
font-family: var(--font-primary);
}
.landing-hero__button span::nth-of-type(2) {
margin-top: calc(var(--spacing)*-1);
font-family: var(--font-secondary);
font-weight: 500;
font-size: var(--text-lg) !important;
}
.side-menu__logo-container {
margin-top: calc(var(--spacing) * 3);
padding-top: calc(var(--spacing) * 2.5);
padding-bottom: calc(var(--spacing) * 3.5);
border-radius: 0.5rem 0.5rem 0 0;
}
.side-menu__balance {
margin-top: .75rem;
box-shadow: var(--profile-input-field-shadow, none) !important;
}
.lh-4 {
text-transform: none;
}
.landing-top-pick__button {
justify-content: flex-start;
}
@media (max-width: 1025px) {
.landing-hero__title,
.landing-hero__title-line-2 {
text-align: center !important;
}
.landing-hero__subtitle-wrapper {
align-items: center;
}
.landing-top-pick__button {
justify-content: center;
}
.landing-hero__subtitle {
font-size: calc(var(--text-xl) * 1.25) !important;
}
.landing-top-pick__icon {
display: none;
}
.landing-hero__subtitle .landing-hero__star-icon:not(:first-of-type) {
display: block;
}
}
/*.footer__responsible,
.footer__legal {
padding-block: calc(var(--spacing)*2.5);
}*/
@media screen and (max-width: 1025px) {
.footer__link-group_template {
gap: calc(var(--spacing)*6) !important;
}
}
.form-switch .form-check-input:not(:checked)::before {
background: var(--form-switch-bg-color) !important;
border: 2px solid var(--form-checkbox-color, var(--form-switch-border-color)) !important;
opacity: 1 !important;
}
.safety-hub__tab {
background: var(--bg-tier-3-gradient);
}
@media screen and (max-width: 1025px) {
.forgot-password-page,
.set-new-password {
min-height: 100dvh;
height: 100dvh;
}
}
.main-lobby__title-arrow,
.main-lobby__title-arrow path {
stroke-width: 3px;
stroke: var(--arrow-color);
color: var(--arrow-color) !important;
}
.refer-a-friend__copy-button {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-color: transparent;
border-top-width: 0;
border-bottom-width: 0;
}
.refer-a-friend__copy-button:hover,
.refer-a-friend-copy-success {
border-top-width: var(--button-border-width);
border-bottom-width: var(--button-border-width);
}
.refer-a-friend__mobile-copy-button {
width: 100%;
margin-top: calc(var(--spacing)*4)
}
.safety-hub__tab--active,
.safety-hub__tab-mobile--active {
border-color: var(--tab-border-color) !important;
background: var(--bg-tier-2-gradient) !important;
box-shadow: var(--shadow-primary-top-sm);
border-width: 2px !important;
}
.bg-active-success.active {
background: var(--signup-filled-strength-bar-color) !important;
}
.zero-balance__message img,
.promotion-page__empty-message img,
.coin-store__empty-container img {
height: 100px;
width: 100px;
}
.sign-up__title--desktop {
width: 400px;
}
.forgot-password-page__title,
.set-new-password__title {
margin-top: calc(var(--spacing)*5);
}
.forgot-password-page__login-prompt--desktop {
text-align: center;
}
@media screen and (max-width: 1025px) {
.forgot-password-page__title,
.set-new-password__title {
font-size: var(--text-xl) !important;
line-height: 100% !important;
width: 250px;
margin-bottom: calc(var(--spacing)*5);
}
.forgot-password-page__description,
.set-new-password__description {
font-size: var(--text-lg);
line-height: 100%;
}
}
.main-lobby__category-link {
font-family: var(--category-link-font-family);
line-height: 100%;
}
.redeem__details {
margin-top: calc(var(--spacing)*5);
}
.redeem__holdings-item {
padding-block: calc(var(--spacing)*4);
}
@media screen and (min-width: 1026px) {
.redeem-holdings__title:after {
position: absolute;
top: calc(var(--spacing)*2.6);
}
}
.redeem__progress-fill {
border: 0;
}
@media screen and (max-width: 1025px) {
.accordion-body {
font-size: var(--text-md);
line-height: normal;
padding-inline: calc(var(--spacing) * 5);
}
}
.coin-store__card-amount--large {
line-height: 100%;
z-index: 20;
}
@media screen and (max-width: 1025px) {
.coin-store__badge-lg {
font-size: var(--text-xl);
line-height: 100%;
padding-block: calc(var(--spacing)*2.5);
}
.coin-store__button--large-default {
padding-inline: calc(var(--spacing)*5) !important;
}
.coin-store__header-section {
padding-inline: calc(var(--spacing)*2.5);
}
.coin-store__title,
.coin-store__subtitle {
text-align: center;
}
}
.redeem__holdings-item--selected {
border: 0;
}
.app-header__shop-button,
.side-menu__shop-button {
border-style: var(--tw-border-style);
border-width: var(--button-border-width);
border-color: var(--color-button-border);
}
.refer-a-friend__description {
font-family: var(--font-secondary);
line-height: 100%;
}
@media screen and (max-width: 1025px) {
.refer-a-friend__title {
margin-bottom: calc(var(--spacing)*2.5);
}
.refer-a-friend__content-box {
padding-inline: calc(var(--spacing)*4);
margin-bottom: calc(var(--spacing)*5);
}
.refer-a-friend__socials-col {
margin-top: calc(var(--spacing)*5);
}
.refer-a-friend__subtitle {
padding-inline: 0;
}
.contact {
margin-top: calc(var(--spacing)*2.5);
}
.contact__subtitle {
margin-bottom: calc(var(--spacing)*4) !important;
}
}
.refer-a-friend__mobile-link-input {
margin-top: calc(var(--spacing)*5);
font-size: var(--text-lg);
font-family: var(--font-secondary);
}
.refer-a-friend__link-input {
font-family: var(--font-secondary);
}
.cool-off-account__checkbox-text {
line-height: 100%;
}
.main-lobby__promo-banner-title {
margin-bottom: calc(var(--spacing)*6);
}
.footer__button-text--desktop,
.footer-nav__label {
font-family: var(--font-secondary);
}
@media screen and (max-width: 1025px) {
.redeem__note {
margin-bottom: calc(var(--spacing)*4);
line-height: normal;
}
}
@media screen and (max-width: 1025px) {
.profile__main-title-wrapper {
padding-inline: 0;
}
.profile__section {
margin-top: calc(var(--spacing) * 3);
padding-inline: 0;
}
}
.profile__section--sign-in, .profile__section--login-attempts {
font-family: var(--font-secondary);
}
.profile__input-group, .date-btn {
padding-inline: calc(var(--spacing)*4);
}
.iti__arrow {
border-top: 4px solid var(--color-body-text) !important
}
.select2-selection__placeholder {
opacity: 0.6;
}
/* .redeem__button--pending {
font-family: var(--verified-button-text-ff);
font-weight: var(--verified-button-text-fw);
color: var(--primary-button-font-color);
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: var(--primary-gradient);
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);
}
*/
ul.footer-nav__list li::marker {
content: ""
}
.profile__form-actions {
display: flex;
justify-content: end;
gap: calc(var(--spacing) * 5);
}
@media (max-width: 560px) {
.profile__form-actions {
flex-direction: column;
}
}
.payment-section {
flex-direction: column;
display: flex;
}
.payment__section-container {
max-width: 100% !important;
}
.payment__section-title-wrapper {
display: flex;
flex-direction: row;
align-items: center;
gap: calc(var(--spacing) * 4);
}
@media not all and (min-width:1025px) {
.payment__section-title-wrapper {
flex-direction: column-reverse;
align-items: center;
gap: calc(var(--spacing) * 4);
}
}
.payment__section-title {
font-family: var(--heading-font);
font-size: 2.6rem;
line-height: 110%;
font-weight: var(--font-weight-normal)
}
@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 {
text-align: center;
}
}
.payment__section-secure-checkout {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 2.4rem;
line-height: 110%;
font-weight: var(--font-weight-semibold);
background: var(--secure-checkout-bg-color);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.payment__section-description-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--spacing) * 4);
margin-top: calc(var(--spacing) * 8);
}
.payment__section-description-wrapper .payment__section-description {
line-height: 110%;
font-size: 2.4rem;
font-weight: var(--font-weight-normal);
}
@media not all and (min-width:1025px) {
.payment__section-description-wrapper {
flex-direction: column;
margin-top: calc(var(--spacing) * 8);
}
.payment__section-description-wrapper .payment__section-description {
font-size: 1.8rem;
font-weight: var(--font-weight-normal);
}
.payment__section-description {
padding-inline: calc(var(--spacing) * 5);
}
}
.payment-package-details {
padding: calc(var(--spacing) * 8);
margin-top: calc(var(--spacing) * 12);
border-radius: calc(var(--spacing) * 3);
display: flex;
flex-direction: column;
gap: 20px;
background: var(--bg-tier-2-gradient);
box-shadow: var(--shadow-primary-top-md);
}
.payment-package-details .payment-package-details__title {
line-height: 110%;
font-size: 2.4rem;
font-family: var(--text-font-family);
margin-top: calc(var(--spacing) * 2);
letter-spacing: var(--tracking-1);
}
.payment-package-details .payment-package-details__coins {
width: fit-content;
border-radius: 10px;
display: flex;
align-items: center;
background: var(--payment-package-details-background);
box-shadow: var(--shadow-primary-top-sm);
}
.payment-package-details .payment-package-details__coins .payment-package-details__coins__image {
height: 76px;
}
.payment-package-details .payment-package-details__coins .payment-package-details__coins__amount {
padding: 24px 20px;
line-height: 110%;
font-family: var(--heading-font);
font-size: 2.6rem;
font-weight: var(--font-weight-normal);
}
.payment-package-details__coins__amount {
text-align: center;
}
.payment-package-details__coins__image {
margin-left: 16px;
}
@media not all and (min-width:1025px) {
.payment-package-details {
gap: calc(var(--spacing) * 4);
padding: calc(var(--spacing) * 4);
margin-top: calc(var(--spacing) * 8);
margin-left: calc(var(--spacing) * 4);
margin-right: calc(var(--spacing) * 4);
margin-bottom: calc(var(--spacing) * 4);
}
.payment-package-details .payment-package-details__title {
margin-top: 0;
font-size: 1.8rem;
text-align: center;
}
.payment-package-details .payment-package-details__coins {
width: 100%;
flex-direction: column;
}
.payment-package-details .payment-package-details__coins .payment-package-details__coins__image {
padding-left: 0;
}
.payment-package-details__coins__image {
margin-top: calc(var(--spacing) * 4);
}
.payment-package-details .payment-package-details__coins .payment-package-details__coins__amount {
padding: calc(var(--spacing) * 4);
font-size: var(--text-lg1_5);
}
}
.payment-methods-icons {
display: flex;
}
.payment-methods-icons img {
border: 2px solid transparent;
}
.payment__list {
display: flex;
flex-direction: column;
margin-top: calc(var(--spacing)*8);
}
@media not all and (min-width:1025px) {
.payment__list {
margin-top: calc(var(--spacing)*5);
padding-inline: calc(var(--spacing)*4);
}
}
.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: var(--text-lg);
font-weight: 500;
text-align: start;
}
.payment__title-text {
font-size: var(--text-lg) !important;
}
.payment__method-subtitle {
text-align: left !important;
font-size: var(--text-lg);
font-weight: 500;
}
.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__icon {
margin-top: calc(var(--spacing) * 2.5);
margin-right: calc(var(--spacing) * 2.5);
}
.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);
}
}
@media not all and (min-width: 576px) {
.modal-dialog:has(.complete-profile-modal-wrapper) {
margin-inline: calc(var(--spacing)*6);
}
}
.complete-profile-modal-title {
text-align: center;
font-family: var(--font-secondary);
font-size: var(--text-lg1_5);
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 {
text-transform: uppercase;
width: 100% !important;
}
.add-payment__card .payment__icon {
margin-top: calc(var(--spacing));
}
.padding-wrapper {
padding-top: calc(var(--spacing) * 10);
padding-bottom: calc(var(--spacing) * 10);
}
.landing-feedback__review-stars {
color: var(--primary-color);
-webkit-text-fill-color: currentColor;
}
.app-header__info-button,
.footer__live-chat-button {
display: none;
}
.left-menu-button {
border-radius: var(--button-border-radius) !important;
}
.purchase__input {
width: 100%;
font-size: var(--text-lg1_5);
--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: var(--text-md);
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;
box-shadow: var(--shadow-primary-top-md);
flex-direction: column;
display: flex
}
@media (max-width:1280px) {
.purchase__input-group {
margin-top: calc(var(--spacing)*2.5);
box-shadow: none;
background: var(--color-rb-tier-3)
}
}
.gidx-modal-icon {
margin: auto;
margin-bottom: calc(var(--spacing)*4);
}
.gidx-modal-secure-checkout {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: var(--text-lg1_5);
line-height: 110%;
font-weight: var(--font-weight-semibold);
background: var(--color-may-green-grad);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
margin-top: calc(var(--spacing) * 5);
margin-bottom: calc(var(--spacing) * 6);
justify-content: center;
}
.gidx-close-button,
.modal-close-button {
position: absolute;
top: calc(var(--spacing) * 5);
right: calc(var(--spacing) * 6);
}
.modal-close-button {
z-index: 1;
}
.gidx-close-button i,
.modal-close-button i {
margin: 0;
color: #ffffff;
font-size: var(--text-lg1_5);
}
.gidx-card-subtitle {
font-size: var(--text-lg1_5);
font-style: normal;
font-weight: 500;
line-height: 110%;
}
.gidx-card-title {
font-family: var(--font-primary);
font-size: var(--text-xl);
margin-bottom: calc(var(--spacing)*8);
text-align: center;
}
@media (max-width:1025px) {
.purchase__input {
font-size: var(--text-xs);
}
.purchase__input-group {
font-size: var(--text-xs);
}
.gidx-card-subtitle {
font-size: var(--text-xs);
}
.gidx-card-title {
font-size: var(--text-xl);
}
#gidx-submit-button,
#gidx-cancel-button {
font-size: var(--text-md);
}
}
.site-badge {
background-color: var(--secondary-accent-color) !important
}
@media (max-width: 1024px) {
.full-width-for-mobile {
width: 100%;
text-align: center;
justify-content: center;
}
}
@media (max-width: 1024px) {
.desktop-only {
display: none !important;
}
}
@media (min-width: 1024px) {
.mobile-only {
display: none !important;
}
}
.payment-googlepay-logo {
height: 36px;
width: 50px;
background-image: url('/global/images/paymentnetworks/googlepay.webp') !important;
}
.payment-applepay-logo {
height: 36px;
width: 50px;
background-image: url('/global/images/paymentnetworks/applepay.webp') !important;
}
.payment-card-logo {
height: 36px;
width: 50px;
background-image: url('/global/images/paymentnetworks/card.webp') !important;
}
.payment-ach-logo {
height: 36px;
width: 50px;
background-image: url('/global/images/paymentnetworks/ach.webp') !important;
}
.payment-addcard-logo {
height: 36px;
width: 50px;
background-image: url('/global/images/paymentnetworks/addcard.webp') !important;
}
.payment__details > div:not(.paynearme__added__card-details-wrapper) {
padding-left: 12px;
}
.standard-link {
color: var(--link-color) !important;
letter-spacing: var(--tracking-normal);
}
.sign-up__form [data-kt-refer-active=on] {
display: block !important
}
.redeemable-balance-modal-body {
padding: calc(var(--spacing)*16);
width: 100%;
display: flex;
flex-direction: column;
gap: calc(var(--spacing)*8);
align-items: center;
}
.redeemable-balance-modal-body img {
width: 100px;
height: 100px;
}
.redeemable-balance-modal-body .modal-buttons {
gap: calc(var(--spacing)*4);
}
.redeemable-balance-modal-title {
text-align: center;
background: var(--error-gradient);
background-clip: text;
color: transparent;
font-size: var(--text-xl);
font-family: var(--heading-font);
line-height: 110%;
}
@media (max-width: 1025px) {
.redeemable-balance-modal-title {
font-size: 2rem;
}
}
.redeemable-balance-input__group {
font-family: var(--text-promotion-font-family);
background: var(--modal-verification-input-bg-color);
border-radius: var(--radius-10);
width: 100%;
padding: calc(var(--spacing) * 4);
--tw-leading: calc(var(--spacing) * 5);
line-height: calc(var(--spacing) * 5);
box-shadow: var(--shadow-primary-top-md);
flex-direction: row;
display: flex;
gap: calc(var(--spacing)*4);
align-items: center;
}
@media (min-width: 375px) {
.modal-dialog.modal-sm {
max-width: 351px;
margin-inline: auto;
}
}
.bullet-point {
display: var(--bullet-point-display);
filter: drop-shadow(var(--bullet-point-shadow));
}
.bold-title {
background-image: var(--bold-title-color);
background-clip: text;
color: transparent !important;
text-shadow: none;
}
.page-sub-header {
background: var(--section-title-color);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent !important;
text-shadow: none !important;
font-family: var(--heading-font);
font-weight: var(--font-weight-black) !important;
}
.landing-header {
background-position: var(--header-background-position, unset);
background-image: var(--landing-header-background, var(--header-background-webp)) !important;
}
.landing-games {
background-image: var(--landing-games-background, var(--header-background-webp)) !important;
background-size: var(--section-background-size, unset);
}
.landing-usp {
background-image: var(--landing-usp-background, var(--header-background-webp)) !important;
background-size: var(--section-background-size, unset);
}
.landing-feedback {
background-image: var(--landing-feedback-background, var(--header-background-webp)) !important;
background-size: var(--section-background-size, unset);
}
@media not all and (min-width: 1025px) {
.landing-games {
background-image: var(--landing-games-mobile-background, var(--landing-games-background, var(--header-background-webp))) !important;
}
.landing-usp {
background-image: var(--landing-usp-mobile-background, var(--landing-usp-background, var(--header-background-webp))) !important;
}
.landing-feedback {
background-image: var(--landing-feedback-mobile-background, var(--landing-feedback-background, var(--header-background-webp))) !important;
}
}
.lobby-menu {
background-image: var(--lobby-menu-background-color, var(--header-background-webp)) !important;
box-shadow: var(--lobby-menu-shadow, none);
}
.lobby-menu {
background-image: var(--lobby-menu-background-color, var(--header-background-webp)) !important;
box-shadow: var(--lobby-menu-shadow, none);
}
.banner-title {
background-image: var(--banner-title-color);
filter: drop-shadow(var(--banner-title-shadow));
-webkit-text-fill-color: var(--banner-fill-color) !important;
text-shadow: var(--banner-title-text-shadow)
}
.text-white {
color: var(--color-white) !important;
}
.shop-button, .primary-button, .secondary-button {
text-transform: var(--button-text-transform);
}
.landing-hero__button .line-1 {
letter-spacing: var(--landing-hero-cta-letter-spacing-line-1);
}
.landing-hero-button-subtitle {
text-transform: var(--landing-hero-cta-subtitle-text-transform);
margin-bottom: var(--landing-hero-cta-margin-bottom);
}
.page-main-header {
font-family: var(--heading-font);
}
@media (min-width: 1024px) {
.container-fluid {
padding: 0 0 30px ;
}
}
.landing-feedback__review-location, .landing-feedback__review-favorite-games {
background-image: var(--review-title-color, var(--bold-title-color));
}
.sign-up__title {
background-image: var(--signup-title-color, var(--bold-title-color));
font-weight: var(--sign-up-title-font-weight, var(--body-font-weight)) !important;
}
.sign-up__input, .sign-up__strength-bar, .sign-up__checkbox, .login-remember-me input, .forgot-password-page__input {
box-shadow: var(--profile-input-field-shadow);
}
.see-password {
color: var(--global-icon-color, white);
}
.login-input label.login-label {
font-weight: var(--login-label-font-weight, var(--body-font-weight)) !important;
}
.lobby-menu-open svg, .lobby-menu-close svg, .lobby-menu-close svg path {
stroke: var(--lobby-menu-icon-color, var(--global-icon-color, white)) !important;
}
.redeem__progress-header svg path {
fill: var(--global-icon-color, white) !important;
}
.footer__logo {
max-width: var(--footer-logo-max-width, 400px);
padding-bottom: var(--footer-logo-padding-bottom, 0px);
}
.ach-icon{
font-size: var(--ach-icon-size);
color: var(--color-body-text);
}
.rejected__button {
color: var(--error-badge-font-color);
}
.profile__section.transaction-history {
display: var(--transaction-history-display, inherit);
}
@media (min-width: 1024px) {
.side-menu__logo-desktop {
display: block !important;
}
.side-menu__logo-mobile {
display: none !important;
}
}
@media (max-width: 1024px) {
.side-menu__logo-desktop {
display: none !important;
}
.side-menu__logo-mobile {
display: block !important;
}
}
.gidx-card-disclaimer-text {
font-size: var(--text-md);
margin-top: calc(var(--spacing) * 3);
color: #FFF;
font-family: var(--footer-element-text-ff);
font-size: var(--text-xs);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.542px;
}
.skill-testing-question {
padding: 20px;
border: 2px solid var(--primary-accent-color);
border-radius: 10px;
background-color: rgba(var(--primary-accent-color), 0.7);
margin-top: 10px;
}
.skill-testing-question h1 {
font-size: var(--text-xl-plus);
}
.skill-testing-question .timer-warning {
text-align: center;
font-size: 1.4em;
color: black;
margin: 15px 0;
padding: 10px;
background-color: var(--primary-accent-color);
border-radius: 6px;
}
.skill-testing-question .timer-display {
font-weight: bold;
font-size: 1.5em;
}
.skill-testing-question .time-expired {
text-align: center;
padding: 20px;
}
.skill-testing-question .answer-box {
margin: 20px 0;
text-align: center;
}
.skill-testing-question .answer-box input[type=number] {
width: 120px;
padding: 10px;
font-size: 1.5em;
text-align: center;
margin-left: 10px;
background: var(--color-profile-input-bg);
color: var(--color-body-text);
}
.skill-testing-question ol, .skill-testing-question ul {
border-radius: 8px;
font-size: 2rem;
list-style-type: disc;
}
.profile__input-group:has(.profile__input:disabled) {
opacity: 0.6;
}
#TransactionsTable_wrapper .dt-controls-hidden {
display: none !important;
}
#LoginAttemptsTable_wrapper .dt-controls-hidden {
display: none !important;
}