html.dark {
    --ui-text-color-default: var(--ui-colors-white, #fff);
    --ui-text-color-muted: var(--ui-colors-neutral-700, #353535);
    --ui-text-color-subtle: var(--ui-colors-neutral-500, #929292);
    --ui-text-color-button-primary-default: var(--ui-colors-white, #fff);
    --ui-text-color-button-primary-hover: var(--ui-colors-white, #fff);
    --ui-text-color-button-primary-focused: var(--ui-colors-white, #fff);
    --ui-text-color-button-primary-disabled: hsla(0, 0%, 100%, .2);
    --ui-text-color-button-register-default: var(--ui-colors-white, #fff);
    --ui-text-color-button-register-hover: var(--ui-colors-white, #fff);
    --ui-text-color-button-register-focused: var(--ui-colors-white, #fff);
    --ui-text-color-button-register-disabled: hsla(0, 0%, 100%, .2);
    --ui-text-color-button-secondary-default: var(--ui-colors-white, #fff);
    --ui-text-color-button-secondary-hover: var(--ui-colors-white, #fff);
    --ui-text-color-button-secondary-focused: var(--ui-colors-white, #fff);
    --ui-text-color-button-secondary-disabled: var(--ui-colors-neutral-650, #3f3f3f);
    --ui-text-color-button-login-default: var(--ui-colors-white, #fff);
    --ui-text-color-button-login-hover: var(--ui-colors-white, #fff);
    --ui-text-color-button-login-focused: var(--ui-colors-white, #fff);
    --ui-text-color-button-login-disabled: hsla(0, 0%, 100%, .2);
    --ui-text-color-button-tertiary-default: var(--ui-colors-white, #fff);
    --ui-text-color-button-tertiary-square: var(--ui-colors-white, #fff);
    --ui-text-color-button-tertiary-hover: var(--ui-colors-white, #fff);
    --ui-text-color-button-tertiary-focused: var(--ui-colors-white, #fff);
    --ui-text-color-button-tertiary-disabled: var(--ui-colors-neutral-650, #3f3f3f);
    --ui-text-color-button-square: var(--ui-colors-white, #fff);
    --ui-text-color-button-details-default: var(--ui-colors-primary-450, #f0ad48);
    --ui-text-color-button-details-hover: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-button-details-selected: var(--ui-colors-primary-300, #efc376);
    --ui-text-color-button-details-disabled: var(--ui-colors-neutral-650, #3f3f3f);
    --ui-text-color-button-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-button-text-hover: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-button-text-selected: var(--ui-colors-primary-300, #efc376);
    --ui-text-color-button-text-disabled: var(--ui-colors-neutral-650, #3f3f3f);
    --ui-text-color-button-ghost-default: var(--ui-colors-primary-500, #f7a61d);
    --ui-text-color-button-ghost-hover: var(--ui-text-color-button-ghost-default, #f7a61d);
    --ui-text-color-button-ghost-focused: var(--ui-text-color-button-ghost-default, #f7a61d);
    --ui-text-color-button-ghost-disabled: var(--ui-colors-primary-750, #6c4c1b);
    --ui-text-color-button-menu-text-default: var(--ui-colors-neutral-350, #9093a0);
    --ui-text-color-button-menu-text-hover: var(--ui-colors-white, #fff);
    --ui-text-color-field-error: var(--ui-colors-danger-500, #e6261c);
    --ui-text-color-field-valid: var(--ui-colors-success-500, #58e61c);
    --ui-text-color-navbar-header-button: var(--ui-colors-white, #fff);
    --ui-text-color-menu-text-default: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-menu-text-hover: var(--ui-colors-white, #fff);
    --ui-text-color-menu-text-active: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-menu-icon-default: var(--ui-colors-neutral-500, #929292);
    --ui-text-color-menu-icon-hover: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-menu-icon-active: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-menu-banner-balance: var(--ui-colors-primary-100, #faead0);
    --ui-text-color-menu-banner-amount: var(--ui-colors-white, #fff);
    --ui-text-color-menu-banner-default: var(--ui-colors-white, #fff);
    --ui-text-color-menu-quick-link-text: var(--ui-colors-white, #fff);
    --ui-text-color-sub-menu-text-active: var(--ui-colors-secondary-500, #407bc2);
    --ui-text-color-sub-menu-text-default: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-porsche-promo-internal-title: var(--ui-colors-white, #fff);
    --ui-text-color-porsche-promo-internal-text: #e6037f;
    --ui-text-color-porsche-promo-internal-subtitle: #e6037f;
    --ui-text-color-porsche-promo-external-title: var(--ui-colors-white, #fff);
    --ui-text-color-porsche-promo-external-text: var(--ui-colors-white, #fff);
    --ui-text-color-porsche-promo-external-span: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-balance-text: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-balance-number: var(--ui-colors-white, #fff);
    --ui-text-color-icon-default: var(--ui-colors-white, #fff);
    --ui-text-color-deposit-card-title: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-deposit-card-span: var(--ui-colors-primary-300, #efc376);
    --ui-text-color-deposit-card-text: var(--ui-colors-white, #fff);
    --ui-text-color-input-default: var(--ui-colors-white, #fff);
    --ui-text-color-input-number: var(--ui-colors-white, #fff);
    --ui-text-color-input-label: #8f93a7;
    --ui-text-color-input-label-hover: #bcbdc2;
    --ui-text-color-input-label-focus: #8f93a7;
    --ui-text-color-input-text: #8f93a7;
    --ui-text-color-input-label-disabled: #8f93a7;
    --ui-text-color-input-success: var(--ui-colors-success-500, #58e61c);
    --ui-text-color-promo-button-title-default: var(--ui-colors-white, #fff);
    --ui-text-color-promo-button-title-active: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-promo-button-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-promo-button-text-active: var(--ui-colors-white, #fff);
    --ui-text-color-select-label-default: #8f93a7;
    --ui-text-color-select-label-hover: var(--ui-colors-white, #fff);
    --ui-text-color-select-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-select-text-hover: var(--ui-colors-white, #fff);
    --ui-text-color-select-bonus-option-text-default: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-select-bonus-option-text-hover: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-select-payment-method-option: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-select-icon: var(--ui-colors-white-transparent-400, #ffffff99);
    --ui-text-color-category-title-color: var(--ui-colors-white, #fff);
    --ui-text-color-category-title-selected: var(--ui-colors-white, #fff);
    --ui-text-color-modal-image-title: var(--ui-colors-white, #fff);
    --ui-text-color-modal-image-text: var(--ui-colors-white, #fff);
    --ui-text-color-modal-icon: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-footer-item-default: var(--ui-colors-white, #fff);
    --ui-text-color-footer-item-hover: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-footer-item-active: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-footer-license: var(--ui-colors-white, #fff);
    --ui-text-color-footer-copyright: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-banner-title: #e6037f;
    --ui-text-color-banner-text: var(--ui-colors-white, #fff);
    --ui-text-color-banner-details-default: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-banner-details-hover: var(--ui-colors-neutral-500, #929292);
    --ui-text-color-banner-static-title: #e6037f;
    --ui-text-color-banner-static-text: var(--ui-colors-white, #fff);
    --ui-text-color-banner-title-vip: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-campaign-page-title: var(--ui-colors-white, #fff);
    --ui-text-color-campaign-page-date: var(--ui-colors-white, #fff);
    --ui-text-color-campaign-page-time: var(--ui-colors-white, #fff);
    --ui-text-color-campaign-page-text: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-campaign-page-icon: linear-gradient(180deg, #f0ad48, #8e600f);
    --ui-text-color-promotion-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-card-text: linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    --ui-text-color-promotion-card-date: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-card-start: var(--ui-colors-neutral-350, #9093a0);
    --ui-text-color-promotion-card-details-default: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-card-details-hover: var(--ui-colors-white, #fff);
    --ui-text-color-leaderboard-username: var(--ui-colors-white, #fff);
    --ui-text-color-leaderboard-list-header: var(--ui-colors-white, #fff);
    --ui-text-color-leaderboard-list-item: var(--ui-colors-white, #fff);
    --ui-text-color-jackpot-text: var(--ui-colors-white, #fff);
    --ui-text-color-jackpot-title: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-info-title: var(--ui-colors-primary-450, #f0ad48);
    --ui-text-color-promotion-info-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-info-text-hover: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-promotion-info-number: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-info-faq-default: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-info-faq-hover: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-info-icon: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-info-label: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-promotion-detail-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-detail-card-text: linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    --ui-text-color-no-bonus-card-text: var(--ui-colors-white, #fff);
    --ui-text-color-no-bonus-card-svg: var(--ui-colors-neutral-900, #242424);
    --ui-text-color-available-bonus-section-title: var(--ui-colors-white, #fff);
    --ui-text-color-available-bonus-section-no-bonus: var(--ui-colors-white, #fff);
    --ui-text-color-available-bonus-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-available-bonus-card-text: linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    --ui-text-color-available-bonus-card-details-default: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-available-bonus-card-details-hover: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-available-bonus-card-svg: var(--ui-colors-neutral-900, #242424);
    --ui-text-color-pending-bonus-section-title: var(--ui-colors-white, #fff);
    --ui-text-color-pending-bonus-section-no-bonus: var(--ui-colors-white, #fff);
    --ui-text-color-pending-bonus-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-pending-bonus-card-text: linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    --ui-text-color-pending-bonus-card-details-default: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-pending-bonus-card-details-hover: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-pending-bonus-card-svg: var(--ui-colors-neutral-900, #242424);
    --ui-text-color-pending-bonus-card-icon: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-active-bonus-section-title: var(--ui-colors-white, #fff);
    --ui-text-color-active-bonus-section-no-bonus: var(--ui-colors-white, #fff);
    --ui-text-color-active-bonus-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-active-bonus-card-text: linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    --ui-text-color-active-bonus-card-svg: var(--ui-colors-neutral-900, #242424);
    --ui-text-color-active-bonus-card-icon: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-active-bonus-card-label: #bcbdc2;
    --ui-text-color-active-bonus-card-label-icon: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-active-bonus-card-info: var(--ui-colors-white, #fff);
    --ui-text-color-quick-user-menu-name: var(--ui-colors-white, #fff);
    --ui-text-color-quick-user-menu-email: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-quick-user-menu-text-default: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-quick-user-menu-text-hover: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-quick-user-menu-text-active: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-headline-tooltip: var(--ui-colors-neutral-600, #717171);
    --ui-text-color-headline-date: var(--ui-colors-neutral-600, #717171);
    --ui-text-color-headline-title: var(--ui-colors-white, #fff);
    --ui-text-color-headline-link: var(--ui-colors-primary-500, #f7a61d);
    --ui-text-color-headline-link-hover: var(--ui-colors-primary-300, #efc376);
    --ui-text-color-vip-widget-title: var(--ui-colors-white, #fff);
    --ui-text-color-vip-widget-text: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-vip-widget-tooltip: var(--ui-colors-black, #121212);
    --ui-text-color-vip-widget-tooltip-triangle: var(--ui-colors-white, #fff);
    --ui-text-color-vip-description-title: var(--ui-colors-white, #fff);
    --ui-text-color-vip-description-text: var(--ui-colors-white, #fff);
    --ui-text-color-vip-description-title-highlight: var(--ui-colors-white, #fff);
    --ui-text-color-vip-level-card-title-active: var(--ui-colors-white, #fff);
    --ui-text-color-vip-level-card-title-locked: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-vip-level-card-bonus-active: var(--ui-colors-white, #fff);
    --ui-text-color-vip-level-card-bonus-locked: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-vip-level-card-options-title: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-vip-level-card-options-text: var(--ui-colors-white, #fff);
    --ui-text-color-vip-advantage-card-text: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-vip-advantage-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-vip-advantages-section-title: var(--ui-colors-white, #fff);
    --ui-text-color-vip-loyalty-title-default: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-vip-loyalty-title-hover: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-vip-loyalty-title-focus: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-deposit-promo-amount-title: var(--ui-colors-white, #fff);
    --ui-text-color-deposit-promo-bonus-title: var(--ui-colors-white, #fff);
    --ui-text-color-deposit-promo-text: var(--ui-colors-white, #fff);
    --ui-text-color-hero-section-gradient: var(--ui-colors-black, #121212);
    --ui-text-color-options-switcher-option-active: var(--ui-colors-white, #fff);
    --ui-text-color-options-switcher-option-default: var(--ui-colors-white, #fff);
    --ui-text-color-options-switcher-option-hover: var(--ui-colors-primary-300, #efc376);
    --ui-text-color-latest-wins-title: var(--ui-colors-white, #fff);
    --ui-text-color-latest-wins-text: hsla(0, 0%, 100%, .6);
    --ui-text-color-latest-wins-span: var(--ui-colors-white, #fff);
    --ui-text-color-latest-wins-name: var(--ui-colors-white, #fff);
    --ui-text-color-latest-wins-win: var(--ui-colors-white, #fff);
    --ui-text-color-alert-error: var(--ui-colors-white, #fff);
    --ui-text-color-alert-confirm: var(--ui-colors-neutral-800, #292929);
    --ui-text-color-search-games-text: var(--ui-colors-white, #fff);
    --ui-text-color-search-games-title: var(--ui-colors-white, #fff);
    --ui-text-color-search-games-subtitle: var(--ui-colors-white, #fff);
    --ui-text-color-search-games-no-results: var(--ui-colors-white, #fff);
    --ui-text-color-nav-card-text-default: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-nav-card-text-hover: var(--ui-colors-white, #fff);
    --ui-text-color-nav-card-text-active: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-confirm-title: var(--ui-colors-white, #fff);
    --ui-text-color-confirm-text: var(--ui-colors-white, #fff);
    --ui-text-color-text-card-text: var(--ui-colors-white, #fff);
    --ui-text-color-text-card-icon-info: var(--ui-colors-neutral-500, #929292);
    --ui-text-color-text-card-icon-chevron: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-text-card-icon-faq: var(--ui-colors-black, #121212);
    --ui-text-color-payment-detail-card-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-payment-detail-card-text-muted: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-tab-inactive: var(--ui-colors-white, #fff);
    --ui-text-color-tab-active: var(--ui-colors-black, #121212);
    --ui-text-color-auth-title: var(--ui-colors-white, #fff);
    --ui-text-color-auth-text-default: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-auth-text-muted: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-auth-text-action: var(--ui-colors-primary-450, #f0ad48);
    --ui-text-color-auth-info: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-transactions-filters-title: var(--ui-colors-white, #fff);
    --ui-text-color-transactions-filters-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-transactions-filters-text-muted: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-transactions-no-results-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-step-counter-active: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-step-counter-inactive: var(--ui-colors-neutral-500, #929292);
    --ui-text-color-language-title: var(--ui-colors-white, #fff);
    --ui-text-color-language-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-game-card-more-games: var(--ui-colors-white, #fff);
    --ui-text-color-game-card-title: #9093a0;
    --ui-text-color-game-card-provider: var(--ui-colors-white, #fff);
    --ui-text-color-game-card-favorite-icon: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-game-card-label: var(--ui-colors-white, #fff);
    --ui-text-color-game-card-demo: var(--ui-colors-white, #fff);
    --ui-text-color-verification-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-verification-card-text-default: #9093a0;
    --ui-text-color-verification-card-icon-valid: #3ea512;
    --ui-text-color-verification-card-icon-error: var(--ui-colors-danger-200, #f4a7a3);
    --ui-text-color-verification-card-label: #9093a0;
    --ui-text-color-personal-info-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-personal-info-card-text-default: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-personal-info-card-text-hover: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-personal-info-card-sub-title: var(--ui-colors-white, #fff);
    --ui-text-color-personal-info-card-bg: var(--ui-colors-neutral-900, #242424);
    --ui-text-color-kyc-verification-title: var(--ui-colors-white, #fff);
    --ui-text-color-kyc-verification-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-kyc-documents-title: var(--ui-colors-white, #fff);
    --ui-text-color-kyc-documents-text-default: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-transactions-table-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-transactions-table-text-muted: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-transactions-table-text-danger: var(--ui-colors-danger-200, #f4a7a3);
    --ui-text-color-transactions-table-text-amount: var(--ui-colors-white, #fff);
    --ui-text-color-transactions-table-icon-default: var(--ui-colors-primary-450, #f0ad48);
    --ui-text-color-transactions-table-icon-hover: var(--ui-colors-primary-450, #f0ad48);
    --ui-text-color-transactions-table-header: var(--ui-colors-primary-450, #f0ad48);
    --ui-text-color-provider-card-text: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-provider-card-name: var(--ui-colors-white, #fff);
    --ui-text-color-provider-card-games: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-provider-card-fallback-text: var(--ui-colors-white, #fff);
    --ui-text-color-search-provider-card-fallback-text: var(--ui-colors-white, #fff);
    --ui-text-color-user-board-card-name: var(--undefined, [object Object]);
    --ui-text-color-user-board-card-greeting: var(--ui-colors-white, #fff);
    --ui-text-color-user-board-card-registered: var(--ui-colors-neutral-350, #9093a0);
    --ui-text-color-user-board-card-vip-progress: var(--ui-colors-neutral-350, #9093a0);
    --ui-text-color-user-board-card-progress-level: var(--ui-colors-neutral-350, #9093a0);
    --ui-text-color-user-board-card-progress-next-level: var(--ui-colors-neutral-350, #9093a0);
    --ui-text-color-user-board-card-points-until-next-level: var(--ui-colors-white, #fff);
    --ui-text-color-user-board-card-total-balance-label: var(--ui-colors-neutral-350, #9093a0);
    --ui-text-color-user-board-card-total-balance-amount: var(--ui-colors-white, #fff);
    --ui-text-color-user-board-card-list-items: var(--ui-colors-white, #fff);
    --ui-text-color-user-board-card-list-label: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-user-board-card-list-icon: var(--ui-colors-white, #fff);
    --ui-text-color-dashboard-bonus-card: var(--ui-colors-white, #fff);
    --ui-text-color-dashboard-transaction-card: var(--ui-colors-white, #fff);
    --ui-text-color-navbar-item-default: var(--ui-colors-neutral-350, #9093a0);
    --ui-text-color-navbar-item-hover: var(--ui-colors-white, #fff);
    --ui-text-color-navbar-item-active: var(--ui-colors-transparent, #00000000);
    --ui-text-color-game-header-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-game-header-text-muted: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-game-footer-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-cashier-modal-input-label: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-cashier-modal-warning-info: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-cashier-modal-warning-amount: var(--ui-colors-white, #fff);
    --ui-text-color-cashier-modal-qr: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-buy-crypto-modal-input-label: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-payment-methods-balance-card-label: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-payment-methods-balance-card-balance: var(--ui-colors-white, #fff);
    --ui-text-color-payment-methods-title: var(--ui-colors-white, #fff);
    --ui-text-color-withdrawal-info: var(--ui-colors-white, #fff);
    --ui-text-color-active-withdrawal-default: var(--ui-colors-white, #fff);
    --ui-text-color-active-withdrawal-muted: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-error-page-title: var(--ui-colors-white, #fff);
    --ui-text-color-error-page-info: var(--ui-colors-white, #fff);
    --ui-text-color-welcome-title: var(--ui-colors-white, #fff);
    --ui-text-color-welcome-subtitle: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-color-switcher-icon: var(--ui-colors-white, #fff);
    --ui-text-color-bonus-progress-bar: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-tooltip: var(--ui-colors-black, #121212);
    --ui-text-color-i-payments-selector-default: var(--ui-colors-white, #fff);
    --ui-text-color-i-payments-selector-active: var(--ui-colors-black, #121212);
    --ui-text-color-i-payments-total-amount-text: var(--ui-colors-neutral-500, #929292);
    --ui-text-color-i-payments-disclaimer: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-layout-switcher-text: var(--ui-colors-neutral-100, #f2f2f2);
    --ui-text-color-header-layout-switcher-text: var(--ui-colors-white, #fff);
    --ui-text-color-swiper-icon-default: var(--ui-colors-white, #fff);
    --ui-text-color-swiper-icon-border: var(--ui-colors-white, #fff);
    --ui-text-color-avatar-default: hsla(0, 0%, 100%, .2);
    --ui-text-color-footer-fs-license: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-header-icon: var(--ui-colors-white, #fff);
    --ui-text-color-header-item-default: var(--ui-colors-white, #fff);
    --ui-text-color-header-item-active: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-header-item-hover: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-verification-page-title: var(--ui-colors-white, #fff);
    --ui-text-color-payment-operation-type-switcher-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-payment-operation-type-switcher-text-active: var(--ui-colors-black, #121212);
    --ui-text-color-balance-history-title: var(--ui-colors-white, #fff);
    --ui-text-color-base-date-picker-icon: var(--ui-colors-white, #fff);
    --ui-text-color-games-page-title: #fff;
    --ui-text-color-user-games-page-title: var(--ui-colors-white, #fff);
    --ui-text-color-iphone-promo-span: var(--ui-colors-white, #fff);
    --ui-text-color-similar-games-title: var(--ui-colors-white, #fff);
    --ui-text-color-similar-games-option: var(--ui-colors-white, #fff);
    --ui-text-color-deposit-amount-label: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-rewardback-menu-title: #faca77;
    --ui-text-color-rewardback-menu-description: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-menu-details: hsla(0, 0%, 100%, .8);
    --ui-text-color-rewardback-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-card-amount: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-card-details: hsla(0, 0%, 100%, .8);
    --ui-text-color-rewardback-card-go-back: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-details-card-title: #faca77;
    --ui-text-color-rewardback-details-card-description: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-details-card-amount: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-details-card-user-label: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-rewardback-details-card-detail-label: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-rewardback-details-card-detail-value: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-details-card-user-title: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-details-card-user-subtitle: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-info-card-title: var(--ui-colors-primary-450, #f0ad48);
    --ui-text-color-rewardback-info-card-text: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-info-card-link-hover: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-info-card-number: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-info-card-faq: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-claim-title: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-page-see-all-default: var(--ui-colors-white, #fff);
    --ui-text-color-rewardback-page-see-all-hover: var(--ui-colors-primary-100, #faead0);
    --ui-text-color-rewardback-page-icon: var(--ui-colors-white, #fff);
    --ui-text-color-input-number-default: var(--ui-colors-white, #fff);
    --ui-text-color-promo-page-title: var(--ui-colors-white, #fff);
    --ui-text-color-promo-page-text: var(--ui-colors-white, #fff);
    --ui-text-color-promo-page-subtitle: var(--ui-colors-white, #fff);
    --ui-text-color-register-step-title: var(--ui-colors-white, #fff);
    --ui-text-color-register-social: #f7c977;
    --ui-text-color-cancel-register-title: var(--ui-colors-white, #fff);
    --ui-text-color-cancel-register-text: var(--ui-colors-white, #fff);
    --ui-text-color-checkbox-text: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-text-color-security-card-text: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-security-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-terms-title: var(--ui-colors-primary-450, #f0ad48);
    --ui-text-color-promotion-terms-text: var(--ui-text-color-default, #fff);
    --ui-text-color-promotion-terms-show-more-default: var(--ui-colors-neutral-400, #595d6d);
    --ui-text-color-promotion-terms-show-more-hover: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-footer-page-title: var(--ui-colors-white, #fff);
    --ui-text-color-shop-item-card-vip-label: var(--ui-colors-black, #121212);
    --ui-text-color-shop-item-card-bet-label: var(--ui-colors-primary-100, #faead0);
    --ui-text-color-shop-item-card-amount: var(--ui-colors-white, #fff);
    --ui-text-color-shop-item-card-name: var(--ui-colors-primary-300, #efc376);
    --ui-text-color-shop-earn-coins-card-title: var(--ui-colors-white, #fff);
    --ui-text-color-shop-earn-coins-card-info: var(--ui-colors-white, #fff);
    --ui-text-color-shop-earn-coins-modal-title: var(--ui-colors-white, #fff);
    --ui-text-color-shop-earn-coins-section-title: var(--ui-colors-white, #fff);
    --ui-text-color-shop-not-enough-coins-title: var(--ui-colors-white, #fff);
    --ui-text-color-shop-not-enough-coins-coins: var(--ui-colors-primary-300, #efc376);
    --ui-text-color-shop-vip-special-prices-item-active: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-shop-page-title: var(--ui-colors-white, #fff);
    --ui-text-color-shop-page-user-details: var(--ui-colors-white, [object Object]);
    --ui-text-color-shop-page-link: var(--ui-colors-white, #fff);
    --ui-text-color-shop-page-earn-coins-link-hover: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-shop-page-earn-coins-link-default: var(--ui-colors-white, #fff);
    --ui-text-color-bottom-navigation-text: #9093a0;
    --ui-text-color-hero-content-title: var(--ui-colors-white, #fff);
    --ui-text-color-hero-content-description: var(--ui-colors-primary-200, #f4d7a3);
    --ui-text-color-expandable-menu-text-default: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-expandable-menu-text-hover: var(--ui-colors-neutral-100, #f2f2f2);
    --ui-text-color-expandable-menu-text-focus: var(--ui-colors-neutral-100, #f2f2f2);
    --ui-text-color-expandable-menu-text-active: var(--ui-colors-neutral-100, #f2f2f2);
    --ui-text-color-expandable-menu-text-opened: var(--ui-colors-neutral-100, #f2f2f2);
    --ui-text-color-expandable-menu-item-text-default: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-expandable-menu-item-text-hover: var(--ui-colors-neutral-100, #f2f2f2);
    --ui-text-color-expandable-menu-item-text-active: var(--ui-colors-neutral-100, #f2f2f2);
    --ui-text-color-expandable-menu-tooltip-default: var(--ui-colors-white, #fff);
    --ui-text-color-quick-links-title: var(--ui-colors-white, #fff);
    --ui-text-color-quick-links-subtitle: var(--ui-colors-white, #fff);
    --ui-text-color-quick-links-description: var(--ui-colors-white, #fff);
    --ui-text-color-games-section-see-text-default: var(--ui-colors-primary-500, #f7a61d);
    --ui-text-color-games-section-see-text-hover: var(--ui-colors-primary-300, #efc376);
    --ui-text-color-games-section-see-icon-default: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-games-section-see-icon-hover: var(--ui-colors-primary-300, #efc376);
    --ui-text-color-games-section-tooltip: var(--ui-colors-neutral-600, #717171);
    --ui-text-color-games-section-icon: var(--ui-colors-primary-400, #ebaf49);
    --ui-text-color-promotion-page-see-all-default: var(--ui-colors-white, #fff);
    --ui-text-color-promotion-page-see-all-hover: var(--ui-colors-primary-100, #faead0);
    --ui-text-color-partners-section-text-default: #f0ad48;
    --ui-text-color-partners-section-icon-default: #f0ad48;
    --ui-text-color-language-button-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-language-button-text-hover: var(--ui-colors-white, #fff);
    --ui-text-color-language-button-text-active: var(--ui-colors-white, #fff);
    --ui-text-color-language-button-border-default: var(--ui-colors-transparent, #00000000);
    --ui-text-color-language-button-border-hover: var(--ui-colors-transparent, #00000000);
    --ui-text-color-language-button-border-active: var(--ui-colors-transparent, #00000000);
    --ui-text-color-action-title: var(--ui-colors-white, #fff);
    --ui-text-color-sport-categories-section-title: var(--ui-colors-white, #fff);
    --ui-text-color-menu-search-text: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-menu-search-icon: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-text-color-bonus-options-card-description: var(--ui-colors-white, #fff);
    --ui-text-color-contact-preferences-text-default: var(--ui-colors-white, #fff);
    --ui-text-color-contact-preferences-title-default: var(--ui-colors-white, #fff);
    --ui-text-color-base-toggle-label: var(--ui-colors-white, #fff);
    --ui-background-color-default: var(--ui-colors-neutral-50, #030b11);
    --ui-background-color-muted: var(--ui-colors-neutral-300, #c7c7c7);
    --ui-background-color-subtle: var(--ui-colors-white, #fff);
    --ui-background-color-button-primary-default: linear-gradient(180deg, #260606, #480c0c 38.43%, #7e1616 95.83%);
    --ui-background-color-button-primary-hover: var(--ui-background-color-button-primary-default, linear-gradient(180deg, #260606 0%, #480c0c 38.43%, #7e1616 95.83%));
    --ui-background-color-button-primary-focus: var(--ui-background-color-button-primary-default, linear-gradient(180deg, #260606 0%, #480c0c 38.43%, #7e1616 95.83%));
    --ui-background-color-button-primary-disabled: linear-gradient(180deg, #260606, #480c0c 40%, #480c0c);
    --ui-background-color-button-primary-border: var(--ui-colors-gradient-stroke, linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%));
    --ui-background-color-button-register-default: linear-gradient(180deg, #260606, #480c0c 38.43%, #7e1616 95.83%);
    --ui-background-color-button-register-hover: var(--ui-background-color-button-primary-default, linear-gradient(180deg, #260606 0%, #480c0c 38.43%, #7e1616 95.83%));
    --ui-background-color-button-register-focus: var(--ui-background-color-button-primary-default, linear-gradient(180deg, #260606 0%, #480c0c 38.43%, #7e1616 95.83%));
    --ui-background-color-button-register-disabled: var(--ui-background-color-button-primary-disabled, linear-gradient(180deg, #260606 0%, #480c0c 40%, #480c0c 100%));
    --ui-background-color-button-secondary-default: linear-gradient(180deg, #0e0f0f, #061a29 89.6%);
    --ui-background-color-button-secondary-hover: var(--ui-background-color-button-secondary-default, linear-gradient(180deg, #0e0f0f 0%, #061a29 89.6%));
    --ui-background-color-button-secondary-focus: var(--ui-background-color-button-secondary-default, linear-gradient(180deg, #0e0f0f 0%, #061a29 89.6%));
    --ui-background-color-button-secondary-border: var(--ui-colors-transparent, #00000000);
    --ui-background-color-button-secondary-disabled: var(--ui-background-color-button-secondary-default, linear-gradient(180deg, #0e0f0f 0%, #061a29 89.6%));
    --ui-background-color-button-login-default: linear-gradient(180deg, #0e0f0f, #061a29 94%);
    --ui-background-color-button-login-hover: var(--ui-background-color-button-login-default, linear-gradient(180deg, #0e0f0f 0%, #061a29 94%));
    --ui-background-color-button-login-focus: var(--ui-background-color-button-login-default, linear-gradient(180deg, #0e0f0f 0%, #061a29 94%));
    --ui-background-color-button-login-disabled: var(--ui-background-color-button-login-default, linear-gradient(180deg, #0e0f0f 0%, #061a29 94%));
    --ui-background-color-button-tertiary-default: linear-gradient(180deg, #0e0f0f, #061a29 94%);
    --ui-background-color-button-tertiary-hover: var(--ui-background-color-button-tertiary-default, linear-gradient(180deg, #0e0f0f 0%, #061a29 94%));
    --ui-background-color-button-tertiary-focus: var(--ui-background-color-button-tertiary-default, linear-gradient(180deg, #0e0f0f 0%, #061a29 94%));
    --ui-background-color-button-tertiary-disabled: var(--ui-background-color-button-tertiary-default, linear-gradient(180deg, #0e0f0f 0%, #061a29 94%));
    --ui-background-color-button-ghost-default: hsla(0, 0%, 100%, 0);
    --ui-background-color-button-ghost-hover: hsla(0, 0%, 100%, 0);
    --ui-background-color-button-ghost-focus: hsla(0, 0%, 100%, .05);
    --ui-background-color-button-ghost-disabled: hsla(0, 0%, 100%, 0);
    --ui-background-color-button-ghost-icon: var(--ui-colors-primary-500, #f7a61d);
    --ui-background-color-button-menu-hover: radial-gradient(63.41% 225% at 50% -71.88%, #0b1118 25.5%, #030b11 100%);
    --ui-background-color-button-menu-default: radial-gradient(63.41% 225% at 50% -71.88%, #0b1118 25.5%, #030b11 100%);
    --ui-background-color-promo-button-iphone-header-default: rgba(71, 89, 204, .3);
    --ui-background-color-promo-button-iphone-header-hover: rgba(71, 89, 204, .5);
    --ui-background-color-promo-button-iphone-menu-default-from: rgba(71, 89, 204, .4);
    --ui-background-color-promo-button-iphone-menu-default-to: rgba(71, 89, 204, .1);
    --ui-background-color-promo-button-iphone-menu-hover-from: rgba(71, 89, 204, .4);
    --ui-background-color-promo-button-iphone-menu-hover-to: rgba(71, 89, 204, .4);
    --ui-background-color-promo-button-iphone-menu-active-from: rgba(71, 89, 204, .4);
    --ui-background-color-promo-button-iphone-menu-active-to: rgba(71, 89, 204, .4);
    --ui-background-color-promo-button-porsche-header-default: rgba(194, 144, 73, .2);
    --ui-background-color-promo-button-porsche-header-hover: rgba(194, 144, 73, .4);
    --ui-background-color-promo-button-porsche-menu-default-from: rgba(194, 144, 73, .4);
    --ui-background-color-promo-button-porsche-menu-default-to: rgba(194, 144, 73, .1);
    --ui-background-color-promo-button-porsche-menu-hover-from: rgba(194, 144, 73, .4);
    --ui-background-color-promo-button-porsche-menu-hover-to: rgba(194, 144, 73, .4);
    --ui-background-color-promo-button-porsche-menu-active-from: rgba(194, 144, 73, .4);
    --ui-background-color-promo-button-porsche-menu-active-to: rgba(194, 144, 73, .4);
    --ui-background-color-transaction-filters-divider-from: #ffffff00;
    --ui-background-color-transaction-filters-divider-via: #ffffff4d;
    --ui-background-color-transaction-filters-divider-to: #ffffff00;
    --ui-background-color-deposit-card-default: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-cashier-modal-warning: #141b24;
    --ui-background-color-main: var(--ui-colors-neutral-50, #030b11);
    --ui-background-color-header-item: var(--ui-colors-tertiary-700, #0e0f0f);
    --ui-background-color-header-bg: var(--ui-colors-tertiary-600, linear-gradient(90deg, #000 0%, #061a29 25%, #061a29 50%, #061a29 75%, #000 100%); );
    --ui-background-color-header-icon-hover: var(--ui-colors-tertiary-700, #0e0f0f);
    --ui-background-color-header-icon-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-navbar-header-button-default: var(--ui-colors-tertiary-700, #0e0f0f);
    --ui-background-color-navbar-header-button-hover: var(--ui-colors-tertiary-600, #061a29);
    --ui-background-color-promotion-card-bg: var(--ui-colors-gradient-promotion-card, linear-gradient(180deg, #0b141c 0%, #090e12 100%));
    --ui-background-color-promotion-card-number-bg: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-promotion-card-campaign-details-bg: linear-gradient(180deg, #05131e, #071b2a);
    --ui-background-color-promotion-card-border: var(--ui-colors-gradient-promotion-card-border, linear-gradient(180deg, #02050d 0%, #02050d 23%, #ebaf49 100%));
    --ui-background-color-promotion-card-image-overlay: var(--ui-colors-transparent, #00000000);
    --ui-background-color-promotion-card-image-overlay-gradient: var(--ui-colors-transparent, #00000000);
    --ui-background-color-promotion-card-number: linear-gradient(180deg, #0f1c26, #062135 89.6%);
    --ui-background-color-promotion-detail-card-bg: var(--ui-colors-gradient-promotion-card, linear-gradient(180deg, #0b141c 0%, #090e12 100%));
    --ui-background-color-provider-card-bg-default: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-provider-card-bg-hover: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-provider-card-bg-info-text: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-promotion-info-bg: linear-gradient(0deg, #0e0f0f, #061a29 89.6%);
    --ui-background-color-promotion-info-faq: linear-gradient(180deg, #0f1c26, #062135 89.6%);
    --ui-background-color-promotion-info-number: linear-gradient(180deg, #0f1c26, #062135 89.6%);
    --ui-background-color-promotion-terms-bg: linear-gradient(0deg, #0e0f0f, #061a29 89.6%);
    --ui-background-color-promotion-terms-number: linear-gradient(180deg, #0f1c26, #062135 89.6%);
    --ui-background-color-pending-bonus-card-icon-bg-default: #1f2533;
    --ui-background-color-pending-bonus-card-icon-bg-hover: #392710;
    --ui-background-color-pending-bonus-card-bg-border-to: #fae4a2;
    --ui-background-color-pending-bonus-card-bg-border-via: #efd595;
    --ui-background-color-pending-bonus-card-bg-border-from: #36301c;
    --ui-background-color-active-bonus-card-icon-bg-default: #1f2533;
    --ui-background-color-active-bonus-card-icon-bg-hover: #392710;
    --ui-background-color-active-bonus-card-bg-border-from: #36301c;
    --ui-background-color-active-bonus-card-bg-border-via: #efd595;
    --ui-background-color-active-bonus-card-bg-border-to: ##FAE4A2;
    --ui-background-color-leaderboard-list-header-bg: #242424;
    --ui-background-color-leaderboard-list-item-bg: #242424;
    --ui-background-color-leaderboard-list-first-item-bg: #434343;
    --ui-background-color-leaderboard-list-second-item-bg: #353535;
    --ui-background-color-leaderboard-list-third-item-bg: #2e2e2e;
    --ui-background-color-leaderboard-list-rank-bg: #404040;
    --ui-background-color-leaderboard-list-my-user-bg: #242424;
    --ui-background-color-quick-user-menu-bg: var(--ui-colors-transparent, #00000000);
    --ui-background-color-quick-user-menu-divider: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-quick-user-menu-main-divider: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-quick-user-menu-container: #0b141c;
    --ui-background-color-quick-user-menu-text-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-quick-user-menu-text-hover: var(--ui-colors-transparent, #00000000);
    --ui-background-color-quick-user-menu-text-active: var(--ui-colors-transparent, #00000000);
    --ui-background-color-quick-user-menu-border-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-quick-user-menu-border-hover: var(--ui-colors-transparent, #00000000);
    --ui-background-color-quick-user-menu-border-active: var(--ui-colors-transparent, #00000000);
    --ui-background-color-swiper-bullet-active: var(--ui-colors-primary-100, #faead0);
    --ui-background-color-swiper-bullet-inactive: var(--ui-colors-white, #fff);
    --ui-background-color-menu-bg-default: var(--ui-colors-neutral-950, #02050d);
    --ui-background-color-menu-bg-active: var(--ui-colors-black, #121212);
    --ui-background-color-menu-divider: var(--ui-colors-transparent, #00000000);
    --ui-background-color-menu-item-active: var(--ui-colors-black, #121212);
    --ui-background-color-menu-item-hover: var(--ui-colors-black, #121212);
    --ui-background-color-menu-item-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-menu-banner: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-menu-quick-link-border-default: radial-gradient(circle, rgba(142, 96, 15, .87) 0%, rgba(142, 96, 15, .34) 100%);
    --ui-background-color-menu-quick-link-border-hover: radial-gradient(circle, rgba(142, 96, 15, .87) 0%, rgba(142, 96, 15, .34) 100%);
    --ui-background-color-menu-quick-link-border-active: var(--ui-colors-transparent, #00000000);
    --ui-background-color-menu-quick-link-bg-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-menu-quick-link-bg-hover: var(--ui-colors-transparent, #00000000);
    --ui-background-color-menu-quick-link-bg-active: var(--ui-colors-transparent, #00000000);
    --ui-background-color-sub-menu-divider: #e6037f;
    --ui-background-color-sub-menu-bg: var(--ui-colors-neutral-950, #02050d);
    --ui-background-color-sub-menu-text: var(--ui-colors-neutral-500, #929292);
    --ui-background-color-balance-bg: var(--ui-colors-gradient-balance, linear-gradient(180deg, #0e0f0f 0%, #061a29 89.6%));
    --ui-background-color-balance-sheet: var(--ui-colors-tertiary-800, #0b1219);
    --ui-background-color-latest-wins-bg: var(--ui-colors-transparent, #00000000);
    --ui-background-color-options-switcher-bg-default: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-options-switcher-bg-hover: var(--ui-colors-transparent, #00000000);
    --ui-background-color-options-switcher-bg-active: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-background-color-options-switcher-bg-start: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-background-color-options-switcher-bg-via: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-background-color-options-switcher-bg-end: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-background-color-options-switcher-container-default: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-options-switcher-container-active-from: var(--ui-colors-primary-200, #f4d7a3);
    --ui-background-color-options-switcher-container-active-to: var(--ui-colors-primary-700, #8e600f);
    --ui-background-color-options-switcher-option-default: linear-gradient(180deg, #101823, #1d2b3e 89.6%);
    --ui-background-color-options-switcher-option-active-start: #0b0e18;
    --ui-background-color-options-switcher-option-active-middle: #18171e;
    --ui-background-color-options-switcher-option-active-end: #443332;
    --ui-background-color-options-switcher-option-border-default: linear-gradient(180deg, #374f76, #151f2d 30%, #101823 70%, #1d2b3e);
    --ui-background-color-options-switcher-option-border-selected: linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    --ui-background-color-options-switcher-line-default: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-options-switcher-line-hover: var(--ui-colors-primary-400, #ebaf49);
    --ui-background-color-options-switcher-line-active: var(--ui-colors-primary-400, #ebaf49);
    --ui-background-color-vip-widget-tooltip-bg: var(--ui-colors-neutral-250, #d6d6d6);
    --ui-background-color-vip-widget-backdrop: linear-gradient(90deg, rgba(3, 11, 17, 0), #030b11 85.29%);
    --ui-background-color-vip-advantage-card-bg: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-vip-advantage-card-icon: linear-gradient(180deg, #0e0f0f, #061a29 89.6%);
    --ui-background-color-vip-description-bg: var(--ui-colors-neutral-950, #02050d);
    --ui-background-color-vip-description-border: var(--ui-colors-gradient-container, linear-gradient(180deg, rgba(54, 48, 28, 0) 3.75%, hsla(43, 74%, 76%, .5) 33.5%, #fae4a2 100%));
    --ui-background-color-vip-level-card-bg: var(--ui-colors-neutral-950, #02050d);
    --ui-background-color-vip-level-card-border: var(--ui-colors-gradient-container, linear-gradient(180deg, rgba(54, 48, 28, 0) 3.75%, hsla(43, 74%, 76%, .5) 33.5%, #fae4a2 100%));
    --ui-background-color-vip-level-card-divider: var(--ui-colors-white-transparent-200, #ffffff33);
    --ui-background-color-modal-bg: var(--ui-colors-transparent, #00000000);
    --ui-background-color-modal-icon-hover: var(--ui-colors-tertiary-700, #0e0f0f);
    --ui-background-color-payment-method-card: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-payment-method-hover: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-payment-method-disabled: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-input-default: linear-gradient(180deg, #0e0f0f, #061a29);
    --ui-background-color-input-error: linear-gradient(180deg, #0e0f0f, #061a29);
    --ui-background-color-input-hover: linear-gradient(180deg, #191a1b, #122534);
    --ui-background-color-input-focus: var(--ui-colors-tertiary-600, #061a29);
    --ui-background-color-input-disabled: var(--ui-colors-tertiary-600, linear-gradient(180deg, #0e0f0f 0%, #061a29 100%));
    --ui-background-color-input-number-default: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-input-number-hover: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-input-number-icon-hover: var(--ui-colors-tertiary-700, #0e0f0f);
    --ui-background-color-select-item: var(--ui-colors-neutral-500, #929292);
    --ui-background-color-select-hover: var(--ui-background-color-input-hover, linear-gradient(180deg, #191a1b 0%, #122534 100%));
    --ui-background-color-select-default: linear-gradient(180deg, #0e0f0f, #061a29);
    --ui-background-color-select-list-default: var(--ui-colors-secondary-1000, #030b11);
    --ui-background-color-select-list-hover: var(--ui-colors-tertiary-750, #0a141c);
    --ui-background-color-select-list-open: linear-gradient(0deg, #132634, #1a1b1c);
    --ui-background-color-select-scrollbar-track: #192631;
    --ui-background-color-select-scrollbar-thumb: var(--ui-colors-primary-450, #f0ad48);
    --ui-background-color-select-payment-method-option-logo: var(--ui-colors-transparent, #00000000);
    --ui-background-color-category-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-category-hover: rgba(165, 160, 254, .16);
    --ui-background-color-category-selected: linear-gradient(180deg, #0e0f0f, #061a29 89.6%);
    --ui-background-color-category-active: var(--ui-colors-primary-400, linear-gradient(97deg, #ebaf49 -8.67%, #fcf4e6 98.68%));
    --ui-background-color-category-image: linear-gradient(180deg, #0e0f0f, #061a29 89.6%);
    --ui-background-color-footer: var(--ui-colors-tertiary-600, linear-gradient(180deg, #061a29 0%, #05141f 34%, #02050d 100%); );
    --ui-background-color-alert-error: var(--ui-colors-danger-700, #8e160f);
    --ui-background-color-alert-confirm: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-alert-progress-bar: var(--ui-colors-danger-300, #ef7c76);
    --ui-background-color-search-games-search-sticky: #0d1720;
    --ui-background-color-search-games-search-result-provider-card-default: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-search-games-search-result-provider-card-hover: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-search-games-container: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-nav-card: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-text-card-header: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-text-card-content: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-text-card-content-only: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-text-card-icon-extended: linear-gradient(148deg, #ca9733 -14.09%, #f0be66 34.71%, #985a21 75.24%, #efac48 124.03%);
    --ui-background-color-payment-detail-card-default: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-payment-detail-card-hover: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .4)), linear-gradient(180deg, rgba(50, 50, 50, .16), rgba(177, 6, 3, .8) 93.75%);
    --ui-background-color-payment-detail-card-logo: var(--ui-colors-transparent, #00000000);
    --ui-background-color-payment-detail-card-divider: var(--ui-colors-white-transparent-100, #ffffff14);
    --ui-background-color-tab-inactive: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-tab-active: var(--ui-colors-white, #fff);
    --ui-background-color-tab-hover: var(--ui-colors-neutral-650, #3f3f3f);
    --ui-background-color-checkbox: linear-gradient(180deg, #f0ad48, #8e600f);
    --ui-background-color-language-button-hover: #141b24;
    --ui-background-color-language-button-active: radial-gradient(183.6% 100% at 50% 100%, #2f2b20, #0b1219);
    --ui-background-color-placeholder-card-default: var(--ui-colors-secondary-1000, #030b11);
    --ui-background-color-placeholder-card-border-gradient-gradient: var(--ui-colors-gradient-placeholder-card, linear-gradient(90deg, #61410a 0%, #61410a 100%));
    --ui-background-color-game-card-bg-from: rgba(42, 94, 0, .7);
    --ui-background-color-game-card-bg-via: rgba(50, 50, 50, .5);
    --ui-background-color-game-card-bg-to: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-game-card-provider-default: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-game-card-provider-from: #e6037f;
    --ui-background-color-game-card-provider-bg-gradient-from: #151e2a;
    --ui-background-color-game-card-provider-bg-gradient-to: #0b0e18;
    --ui-background-color-game-card-provider-bg-gradient-via: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-game-card-provider-hr-gradient-from: var(--ui-colors-primary-400, #ebaf49);
    --ui-background-color-game-card-favorite-icon-default: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-game-card-favorite-icon-hover: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-game-card-favorite-icon-selected: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-game-card-label: #ff3093;
    --ui-background-color-game-card-gradient-from: var(--ui-colors-primary-200, #f4d7a3);
    --ui-background-color-game-card-gradient-to: #c17658;
    --ui-background-color-game-card-hover: var(--ui-colors-gradient-game-hover, linear-gradient(180deg, rgba(50, 50, 50, .16) 0%, rgba(33, 72, 0, .8) 93.75%));
    --ui-background-color-game-card-title-gradient: var(--ui-colors-gradient-game-card, linear-gradient(180deg, #061a29 0%, #091015 100%));
    --ui-background-color-game-card-border: var(--ui-colors-gradient-game-card-border, linear-gradient(180deg, #00000000 0%, #ffffff4d 33%, #407bc2 100%));
    --ui-background-color-user-board-container-xs: var(--ui-colors-gradient-promotion-card, linear-gradient(180deg, #0b141c 0%, #090e12 100%));
    --ui-background-color-user-board-container-xl: var(--ui-colors-transparent, #00000000);
    --ui-background-color-user-board-progress-bar-default: var(--ui-colors-white-transparent-300, #ffffff4d);
    --ui-background-color-user-board-progress-bar-progress: var(--ui-colors-primary-400, #ebaf49);
    --ui-background-color-dashboard-bonus-card: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-dashboard-transaction-card: var(--ui-colors-gradient-promotion-card, linear-gradient(180deg, #0b141c 0%, #090e12 100%));
    --ui-background-color-navbar-item-default: var(--ui-colors-neutral-400, #595d6d);
    --ui-background-color-navbar-item-hover: var(--ui-colors-white, #fff);
    --ui-background-color-navbar-item-active: var(--ui-colors-primary-200, #f4d7a3);
    --ui-background-color-navbar-item-bg: var(--ui-colors-gradient-promotion-card, linear-gradient(180deg, #0b141c 0%, #090e12 100%));
    --ui-background-color-verification-card: var(--ui-colors-tertiary-600, #061a29);
    --ui-background-color-personal-info-card: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-sticky-item: var(--ui-colors-neutral-950, #02050d);
    --ui-background-color-sticky-icon: var(--ui-colors-white, #fff);
    --ui-background-color-transactions-table-default: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-transactions-table-icon-hover: var(--ui-colors-tertiary-700, #0e0f0f);
    --ui-background-color-game-page-placeholder: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-game-page-title-gradient-from: var(--ui-colors-transparent, #00000000);
    --ui-background-color-game-page-title-gradient-to: #080d0a;
    --ui-background-color-game-header: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-game-footer: #030b11;
    --ui-background-color-payment-methods-title: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-withdrawal-info: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-active-withdrawal: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-amount-selector-default: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-amount-selector-hover: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-amount-selector-active: var(--ui-colors-white, #fff);
    --ui-background-color-color-switcher-bg-default: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-color-switcher-bg-hover: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-color-switcher-label-default: var(--ui-colors-tertiary-700, #0e0f0f);
    --ui-background-color-color-switcher-label-hover: var(--ui-colors-tertiary-600, #061a29);
    --ui-background-color-scrollbar-track: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-scrollbar-thumb: var(--ui-colors-neutral-400, #595d6d);
    --ui-background-color-body: var(--ui-colors-neutral-950, #02050d);
    --ui-background-color-payment-methods-sticky: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-badge: var(--ui-colors-danger-300, #ef7c76);
    --ui-background-color-tooltip: var(--ui-colors-neutral-200, #bcbdc2);
    --ui-background-color-i-payments-logo: var(--ui-colors-transparent, #00000000);
    --ui-background-color-i-payments-total-amount: var(--ui-colors-neutral-750, #2e2e2e);
    --ui-background-color-i-payments-disclaimer: var(--ui-colors-neutral-750, #2e2e2e);
    --ui-background-color-sport-widget-card: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-layout-switcher-bg-default: var(--ui-colors-neutral-750, #2e2e2e);
    --ui-background-color-layout-switcher-bg-active: var(--ui-colors-black, #121212);
    --ui-background-color-header-layout-switcher-bg: var(--ui-colors-black, #121212);
    --ui-background-color-payment-operation-type-switcher-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-payment-operation-type-switcher-active: var(--ui-colors-white, #fff);
    --ui-background-color-filter-button-bg: var(--ui-colors-black, #121212);
    --ui-background-color-banner-gradient-background-from: var(--ui-colors-neutral-950, #02050d);
    --ui-background-color-banner-gradient-background-to: var(--ui-colors-neutral-950, #02050d);
    --ui-background-color-banner-gradient-background-via: var(--ui-colors-neutral-950, #02050d);
    --ui-background-color-banner-gradient-bg-border-from: #0b1119;
    --ui-background-color-banner-gradient-bg-border-via: #0b1119;
    --ui-background-color-banner-gradient-bg-border-to: #d28c70;
    --ui-background-color-sticky-desktop: var(--ui-colors-neutral-925, #1e1e1e);
    --ui-background-color-iphone-promo-bg: var(--ui-colors-transparent, #00000000);
    --ui-background-color-title-component-gradient-from: #f2c638;
    --ui-background-color-title-component-gradient-to: #b75d0c;
    --ui-background-color-campaign-gray: #575757;
    --ui-background-color-campaign-black: #080d0a;
    --ui-background-color-campaign-brown-start: rgba(194, 144, 73, .4);
    --ui-background-color-campaign-brown-end: rgba(194, 144, 73, .1);
    --ui-background-color-campaign-purple-start: rgba(71, 89, 204, .4);
    --ui-background-color-campaign-purple-end: rgba(71, 89, 204, .1);
    --ui-background-color-campaign-green-start: #70c249;
    --ui-background-color-campaign-green-end: rgba(112, 194, 73, .2);
    --ui-background-color-campaign-blue-start: rgba(21, 62, 219, .4);
    --ui-background-color-campaign-blue-end: rgba(21, 62, 219, .1);
    --ui-background-color-no-bonus-card: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-available-bonus-card-bg-border-from: #36301c;
    --ui-background-color-available-bonus-card-bg-border-via: #efd595;
    --ui-background-color-available-bonus-card-bg-border-to: #fae4a2;
    --ui-background-color-available-bonus-card-bg: var(--ui-colors-transparent, #00000000);
    --ui-background-color-available-bonus-card-border: var(--ui-colors-gradient-container, linear-gradient(180deg, rgba(54, 48, 28, 0) 3.75%, hsla(43, 74%, 76%, .5) 33.5%, #fae4a2 100%));
    --ui-background-color-language-bg: var(--ui-colors-neutral-925, #1e1e1e);
    --ui-background-color-auth-bg: var(--ui-colors-neutral-925, #1e1e1e);
    --ui-background-color-base-radio-container-default: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-base-radio-container-hover: var(--ui-colors-neutral-700, #353535);
    --ui-background-color-base-radio-container-focused: var(--ui-colors-neutral-800, #292929);
    --ui-background-color-progress-bar-default: #151f2d;
    --ui-background-color-progress-bar-active: #f0ad48;
    --ui-background-color-security-card: var(--ui-colors-neutral-900, #242424);
    --ui-background-color-promotions-card: var(--ui-colors-transparent, #00000000);
    --ui-background-color-header-action-bg-default: linear-gradient(180deg, #0e0f0f, #061a29 89.6%);
    --ui-background-color-expandable-menu-bg-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-expandable-menu-bg-hover: var(--ui-colors-transparent, #00000000);
    --ui-background-color-expandable-menu-bg-focus: var(--ui-colors-transparent, #00000000);
    --ui-background-color-expandable-menu-bg-active: radial-gradient(183.6% 100% at 50% 100%, #2e2a20 0%, #0b1219 100%);
    --ui-background-color-expandable-menu-bg-opened: radial-gradient(185.75% 180.21% at 50% 180.21%, var(--tint-accent-50, #1e1403) 0%, var(--tint-neutral-25, #091015) 100%);
    --ui-background-color-expandable-menu-item-bg-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-expandable-menu-item-bg-hover: #0b1219;
    --ui-background-color-expandable-menu-item-bg-active: radial-gradient(183.6% 100% at 50% 100%, #2e2a20 0%, var(--tint-neutral-50, #0b1219) 100%), #0b1219;
    --ui-background-color-expandable-menu-item-border-default: var(--ui-colors-transparent, #00000000);
    --ui-background-color-expandable-menu-item-border-hover: #8e600f;
    --ui-background-color-expandable-menu-item-border-active: radial-gradient(183.6% 100% at 50% 100%, #2e2a20 0%, var(--tint-neutral-50, #0b1219) 100%), #0b1219;
    --ui-background-color-expandable-menu-list-bg: #091015;
    --ui-background-color-expandable-menu-tooltip-default: #151f2d;
    --ui-background-color-bottom-navigation-bg: #061a29;
    --ui-background-color-bottom-navigation-overlay: var(--ui-colors-gradient-bottom-nav, linear-gradient(90deg, rgba(0, 0, 0, .8) 0%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, .8) 100%));
    --ui-background-color-menu-quick-link-dropdown-bg: radial-gradient(63.41% 225% at 50% -71.88%, #263750 0%, #030b11 100%);
    --ui-background-color-rewardback-info-card-number: linear-gradient(180deg, #0f1c26, #062135 89.6%);
    --ui-background-color-rewardback-info-card-faq: linear-gradient(180deg, #0f1c26, #062135 89.6%);
    --ui-background-color-rewardback-wrapper: var(--ui-colors-transparent, #00000000);
    --ui-background-color-rewardback-details-card-image-overlay: var(--ui-colors-transparent, #00000000);
    --ui-background-color-rewardback-details-card-wrapper: var(--ui-colors-transparent, #00000000);
    --ui-background-color-shop-page-sticky: var(--ui-colors-transparent, #00000000);
    --ui-background-color-menu-search-bg: linear-gradient(180deg, #0e0f0f, #061a29 89.6%);
    --ui-background-color-bonus-options-card-default: hsla(0, 0%, 100%, .05);
    --ui-background-color-bonus-options-card-active: hsla(0, 0%, 100%, .1);
    --ui-background-color-user-board-card-container-xs: var(--ui-colors-transparent, #00000000);
    --ui-background-color-user-board-card-container-xl: var(--ui-colors-transparent, #00000000);
    --ui-background-color-sport-category-card: var(--ui-colors-transparent, #00000000);
    --ui-background-color-base-toggle-container-default-bg: var(--ui-colors-transparent, #00000000);
    --ui-background-color-base-toggle-container-active-bg: var(--ui-colors-transparent, #00000000);
    --ui-background-color-base-toggle-span-default-bg: var(--ui-colors-transparent, #00000000);
    --ui-background-color-contact-preferences-card-bg: var(--ui-colors-transparent, #00000000);
    --ui-accent-default: var(--ui-colors-primary-600, #c68517);
    --ui-accent-on-accent: var(--ui-colors-white, #fff);
    --ui-accent-bg: var(--ui-colors-primary-400, #ebaf49);
    --ui-shadows-default: var(--ui-colors-black, rgba(#121212, .3));
    --ui-border-color-field-error: var(--ui-colors-danger-700, #8e160f);
    --ui-border-color-field-valid: var(--ui-colors-success-200, #bbf4a3);
    --ui-border-color-button-secondary: #ca9733;
    --ui-border-color-button-login: #ca9733;
    --ui-border-color-button-primary: #ca9733;
    --ui-border-color-button-disabled: hsla(0, 0%, 100%, .2);
    --ui-border-color-button-tertiary: hsla(0, 0%, 100%, .2);
    --ui-border-color-button-details: #5a5a5a;
    --ui-border-color-deposit-card-default: var(--ui-colors-neutral-600, #717171);
    --ui-border-color-input-default: hsla(0, 0%, 100%, .2);
    --ui-border-color-input-success: var(--ui-colors-success-700, #358e0f);
    --ui-border-color-input-error: var(--ui-colors-danger-700, #8e160f);
    --ui-border-color-input-hover: hsla(0, 0%, 100%, .4);
    --ui-border-color-input-focus: hsla(0, 0%, 100%, .4);
    --ui-border-color-input-number-focus: var(--ui-colors-neutral-500, #929292);
    --ui-border-color-input-number-default: var(--ui-colors-transparent, #00000000);
    --ui-border-color-select-open: #223949;
    --ui-border-color-select-default: hsla(0, 0%, 100%, .2);
    --ui-border-color-checkbox-checked: var(--ui-colors-transparent, #00000000);
    --ui-border-color-checkbox-unchecked: hsla(0, 0%, 100%, .2);
    --ui-border-color-checkbox-checkmark: var(--ui-colors-black, #121212);
    --ui-border-color-tab-inactive: var(--ui-colors-neutral-700, #353535);
    --ui-border-color-tab-active: var(--ui-colors-white, #fff);
    --ui-border-color-transactions-table-separator: var(--ui-colors-neutral-700, #353535);
    --ui-border-color-cashier-separator: var(--ui-colors-neutral-700, #353535);
    --ui-border-color-amount-selector-default: var(--ui-colors-neutral-500, #929292);
    --ui-border-color-amount-selector-active: var(--ui-colors-transparent, #00000000);
    --ui-border-color-color-switcher-default: var(--ui-colors-tertiary-700, #0e0f0f);
    --ui-border-color-color-switcher-hover: var(--ui-colors-tertiary-600, #061a29);
    --ui-border-color-payment-method-focus: var(--ui-colors-primary-200, #f4d7a3);
    --ui-border-color-payment-method-default: var(--ui-colors-transparent, #00000000);
    --ui-border-color-base-radio-default: var(--ui-colors-white, #fff);
    --ui-border-color-base-radio-active: var(--ui-colors-primary-200, #f4d7a3);
    --ui-border-color-base-radio-focused: var(--ui-colors-white, #fff);
    --ui-border-color-payment-methods-separator: var(--ui-colors-white, #fff);
    --ui-border-color-i-payments-disclaimer: var(--ui-colors-neutral-700, #353535);
    --ui-border-color-i-payments-total-amount: var(--ui-colors-transparent, #00000000);
    --ui-border-color-bonus-card: var(--ui-colors-neutral-500, #929292);
    --ui-border-color-options-active: var(--ui-colors-primary-400, #ebaf49);
    --ui-border-color-options-hover: var(--ui-colors-primary-400, #ebaf49);
    --ui-border-color-options-default: var(--ui-colors-neutral-700, #353535);
    --ui-border-color-leaderboard-list-my-user-border: transparent;
    --ui-border-color-promo-button-iphone: #7789ff;
    --ui-border-color-promo-button-porsche: #c29049;
    --ui-border-color-navbar-item-default: var(--ui-colors-transparent, #00000000);
    --ui-border-color-navbar-item-active: var(--ui-colors-transparent, #00000000);
    --ui-border-color-payment-operation-type-switcher-default: var(--ui-colors-transparent, #00000000);
    --ui-border-color-header: hsla(0, 0%, 100%, .2);
    --ui-border-color-sticky-mobile: var(--ui-colors-transparent, #00000000);
    --ui-border-color-options-switcher-default: var(--ui-colors-transparent, #00000000);
    --ui-border-color-options-switcher-active: var(--ui-colors-transparent, #00000000);
    --ui-border-color-category-card-hover: var(--ui-colors-transparent, #00000000);
    --ui-border-color-bottom-navigation-default: hsla(0, 0%, 100%, .2);
    --ui-border-color-no-bonus-card: var(--ui-colors-white, #fff);
    --ui-border-color-vip-level-card: var(--ui-colors-gradient-container, linear-gradient(180deg, rgba(54, 48, 28, 0) 3.75%, hsla(43, 74%, 76%, .5) 33.5%, #fae4a2 100%));
    --ui-border-color-vip-card-border: var(--ui-colors-white-transparent-200, #ffffff33);
    --ui-border-color-header-action-default: hsla(0, 0%, 100%, .2);
    --ui-border-color-expandable-menu-default: var(--ui-colors-transparent, #00000000);
    --ui-border-color-expandable-menu-hover: #342306;
    --ui-border-color-expandable-menu-focus: #342306;
    --ui-border-color-expandable-menu-opened: #342306;
    --ui-border-color-menu-search: var(--ui-colors-neutral-700, #353535);
    --ui-border-color-bonus-options-card-default: transparent;
    --ui-border-color-bonus-options-card-active: hsla(0, 0%, 100%, .1);
    --ui-border-color-rewardback-card-wrapper-border: var(--ui-colors-transparent, #00000000);
    --ui-piq-input-background: var(--ui-colors-neutral-800, #292929);
    --ui-piq-input: var(--ui-colors-white, #fff);
    --ui-piq-input-float: var(--ui-colors-neutral-400, #595d6d);
    --ui-piq-input-border: var(--ui-colors-transparent, #00000000);
    --ui-piq-input-focus-border: var(--ui-colors-neutral-500, #929292);
    --ui-piq-buttons: var(--ui-colors-primary-400, #ebaf49);
    --ui-piq-border: 4px;
    --ui-piq-loader: var(--ui-colors-white, #fff);
    --ui-piq-logo-background: var(--ui-colors-transparent, #00000000);
    --ui-piq-your-custom-css-text: var(--ui-colors-primary-100, #faead0);
    --ui-piq-delete-account-container-background: var(--ui-colors-black, #121212);
    --ui-piq-new-account-text: var(--ui-colors-white, #fff);
    --ui-piq-spinner-label: var(--ui-colors-white, #fff);
    --ui-piq-cancel-button-hover: var(--ui-colors-white, #fff);
    --ui-piq-notice-text: var(--ui-colors-white, #fff);
    --ui-piq-predefined-value-text: var(--ui-colors-white, #fff);
    --ui-piq-predefined-value-border: 4px;
    --ui-piq-predefined-value-border-color: var(--ui-colors-neutral-500, #929292);
    --ui-piq-predefined-value-background-default: var(--ui-colors-neutral-800, #292929);
    --ui-piq-predefined-value-background-hover: var(--ui-colors-neutral-700, #353535);
    --ui-piq-active-text: var(--ui-colors-tertiary-800, #0b1219);
    --ui-piq-active-background: var(--ui-colors-white, #fff);
    --ui-piq-active-border: var(--ui-colors-white, #fff);
    --ui-piq-transaction-overview: var(--ui-colors-neutral-750, #2e2e2e);
    --ui-piq-transaction-overview-border: var(--ui-colors-neutral-800, #292929);
    --ui-piq-transaction-overview-text: var(--ui-colors-neutral-500, #929292);
    --ui-piq-ap-custom-template-border: var(--ui-colors-neutral-700, #353535);
    --ui-piq-ap-custom-template-text: var(--ui-colors-neutral-400, #595d6d);
    --ui-piq-no-payment-methods-text: var(--ui-colors-white, #fff);
    --ui-piq-dropdown-open-text: var(--ui-colors-neutral-700, #353535);
    --ui-piq-dropdown-selected-text: var(--ui-colors-neutral-700, #353535);
    --ui-piq-dropdown-selected-hover-text: var(--ui-colors-neutral-700, #353535);
    --ui-piq-dropdown-content-item-text: var(--ui-colors-white, #fff);
    --ui-piq-template-dropdown-text: var(--ui-colors-white, #fff);
    --ui-piq-template-dropdown-option-text: var(--ui-colors-white, #fff);
    --ui-piq-error: var(--ui-colors-danger-600, #bb1d15);
    --ui-piq-credit-card-icon: 100544006-piq-card-number-dark.svg;
    --ui-piq-credit-card-date-icon: 100544006-piq-card-date-dark.svg;
    --ui-piq-credit-card-cvv-icon: 100544006-piq-card-cvv-dark.svg;
    --ui-piq-masked-account: var(--ui-colors-neutral-500, #929292);
    --ui-piq-manual-redirect: var(--ui-colors-white, #fff);
    --ui-piq-submit-button: linear-gradient(225deg, #cafc3f, #93fd3b 53.5%, #93fd3b 100%, #93fd3b 100.01%);
    --ui-piq-submit-button-hover: linear-gradient(87deg, #dff800 .08%, #affa00 51.62%, #b0fa00 99.53%);
    --ui-piq-submit-button-shadow: 0px 0px 5px 0px #93fd3b;
    --ui-piq-submit-button-radius: 8px 0px;
    --ui-piq-submit-button-border: none;
    --ui-piq-seperator-middle: hsla(0, 0%, 100%, .6);
    --ui-piq-info-icon-filter: filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(72deg) brightness(99%) contrast(99%);
    --ui-box-shadow-base-radio: inset 1em 1em #f4d7a3;
    --ui-box-shadow-button-primary-default: 0px;
    --ui-box-shadow-button-primary-hover: 0px;
    --ui-box-shadow-button-secondary-default: 0px;
    --ui-box-shadow-button-secondary-hover: 0px;
    --ui-box-shadow-header-layout-switcher-default: 0px 0px 5px 0px #e6037f;
    --ui-box-shadow-header-layout-switcher-hover: 0px 0px 5px 0px #e6037f;
    --ui-box-shadow-options-switcher-active: 0px 0px 4px 0px #93fd3bcc;
    --ui-box-shadow-options-switcher-hover: 0px 0px 4px 0px #93fd3bcc;
    --ui-box-shadow-promotion-detail-card: 3px 3px 35px 0px rgba(231, 178, 85, .7);
    --ui-box-shadow-quick-user-menu: 24px rgba(5, 5, 5, );
    --ui-dimension-scale: 2;
    --ui-dimension-xs: 4;
    --ui-dimension-sm: var(--ui-dimension-xs, 4 * 2);
    --ui-dimension-md: var(--ui-dimension-sm, 4 * 2 * 2);
    --ui-dimension-lg: var(--ui-dimension-md, 4 * 2 * 2 * 2);
    --ui-dimension-xl: var(--ui-dimension-lg, 4 * 2 * 2 * 2 * 2);
    --ui-spacing-xs: var(--ui-dimension-xs, 4);
    --ui-spacing-sm: var(--ui-dimension-sm, 4 * 2);
    --ui-spacing-md: var(--ui-font-sizes-body, 16px);
    --ui-spacing-lg: var(--ui-dimension-lg, 4 * 2 * 2 * 2);
    --ui-spacing-xl: var(--ui-dimension-xl, 4 * 2 * 2 * 2 * 2);
    --ui-spacing-multi-value: var(--ui-dimension-sm, 4 * 2 4 * 2 * 2 * 2 * 2);
    --ui-spacing-button-xs: 8px 12px;
    --ui-spacing-button-sm: 12px 20px;
    --ui-spacing-button-md: 16px 24px;
    --ui-spacing-button-lg: 16px 24px;
    --ui-spacing-button-icon: 10px;
    --ui-spacing-button-gap-xs: 6px;
    --ui-spacing-button-gap-sm: 8px;
    --ui-spacing-button-gap-md: 8px;
    --ui-spacing-button-gap-lg: 8px;
    --ui-spacing-button-dashboard-transaction-card-padding-xs: 32px 16px;
    --ui-spacing-button-dashboard-transaction-card-padding-sm: 32px 16px;
    --ui-spacing-button-dashboard-transaction-card-padding-lg: 32px 40px;
    --ui-spacing-button-dashboard-transaction-card-icon-gap-xs: 8px;
    --ui-spacing-button-dashboard-transaction-card-icon-gap-sm: 8px;
    --ui-spacing-button-dashboard-transaction-card-icon-gap-lg: 16px;
    --ui-spacing-button-dashboard-transaction-card-action-gap-xs: 16px;
    --ui-spacing-button-dashboard-transaction-card-action-gap-sm: 16px;
    --ui-spacing-button-dashboard-transaction-card-action-gap-lg: 32px;
    --ui-spacing-button-menu-padding-xs: 8px 20px;
    --ui-spacing-button-menu-padding-sm: 8px 20px;
    --ui-spacing-button-menu-padding-lg: 8px 20px;
    --ui-spacing-button-menu-gap-xs: 8px;
    --ui-spacing-button-menu-gap-sm: 12px;
    --ui-spacing-button-menu-gap-lg: 12px;
    --ui-spacing-button-details-xs: 12px 20px;
    --ui-spacing-button-details-lg: 16px 24px;
    --ui-spacing-p-05: var(--ui-font-sizes-body, 16px * .125);
    --ui-spacing-p-1: var(--ui-font-sizes-body, 16px * .25);
    --ui-spacing-p-2: var(--ui-font-sizes-body, 16px * .375);
    --ui-spacing-p-4: var(--ui-font-sizes-body, 16px * 1);
    --ui-spacing-p-6: var(--ui-font-sizes-body, 16px * 1.5);
    --ui-spacing-select-default: 8px;
    --ui-spacing-select-item: 8px;
    --ui-spacing-select-container-gap-xs: 8px;
    --ui-spacing-select-container-gap-lg: 8px;
    --ui-spacing-select-container-padding-xs: 0 16px;
    --ui-spacing-select-container-padding-lg: 0 16px;
    --ui-spacing-select-li-padding-xs: 8px;
    --ui-spacing-select-li-padding-lg: 8px 12px;
    --ui-spacing-select-li-gap-xs: 8px;
    --ui-spacing-select-li-gap-lg: 12px;
    --ui-spacing-select-ul-padding-xs: 0px;
    --ui-spacing-select-ul-padding-lg: 0px;
    --ui-spacing-category-icon-xs: 20px;
    --ui-spacing-category-icon-sm: 20px;
    --ui-spacing-category-card-gap: 8px;
    --ui-spacing-input-number-icon-xs: 8px;
    --ui-spacing-input-number-icon-lg: 8px;
    --ui-spacing-country-option-span-top-xs: 0px;
    --ui-spacing-country-option-span-bottom-xs: 0px;
    --ui-spacing-country-option-span-left-xs: 8px;
    --ui-spacing-country-option-span-right-xs: 0px;
    --ui-spacing-base-date-picker-container-top-xs: 8px;
    --ui-spacing-base-date-picker-container-bottom-xs: 8px;
    --ui-spacing-base-date-picker-container-left-xs: 8px;
    --ui-spacing-base-date-picker-container-right-xs: 8px;
    --ui-spacing-base-date-picker-text-top-xs: 0px;
    --ui-spacing-base-date-picker-text-bottom-xs: 0px;
    --ui-spacing-base-date-picker-text-left-xs: 8px;
    --ui-spacing-base-date-picker-text-right-xs: 0px;
    --ui-spacing-base-date-picker-label-top-xs: 0px;
    --ui-spacing-base-date-picker-label-bottom-xs: 4px;
    --ui-spacing-base-date-picker-label-left-xs: 0px;
    --ui-spacing-base-date-picker-label-right-xs: 0px;
    --ui-spacing-base-radio-container: 8px 16px;
    --ui-spacing-base-radio-gap: 8px;
    --ui-spacing-hero-top-xs: 64px;
    --ui-spacing-hero-top-sm: 96px;
    --ui-spacing-my-bonuses-padding-xs: 32px 16px;
    --ui-spacing-my-bonuses-padding-sm: 48px 24px 0px 24px;
    --ui-spacing-my-bonuses-padding-lg: 48px 24px 0px 24px;
    --ui-spacing-my-bonuses-padding-2xl: 48px 0px 0px;
    --ui-spacing-games-page-title-xs: 32px 0px;
    --ui-spacing-games-page-title-sm: 48px 0px;
    --ui-spacing-games-page-title-lg: 48px 0px;
    --ui-spacing-games-page-title-min-height-xs: 214px;
    --ui-spacing-games-page-title-min-height-sm: 270px;
    --ui-spacing-games-page-title-min-height-lg: 368px;
    --ui-spacing-games-page-max-width: 1396px;
    --ui-spacing-games-page-gap-xs: 24px;
    --ui-spacing-games-page-gap-sm: 32px;
    --ui-spacing-games-page-gap-lg: 32px;
    --ui-spacing-games-page-padding-xs: 24px 8px;
    --ui-spacing-games-page-padding-sm: 32px 24px;
    --ui-spacing-games-page-padding-lg: 32px 32px;
    --ui-spacing-games-page-grid-gap-xs: 10px;
    --ui-spacing-games-page-grid-gap-sm: 20px;
    --ui-spacing-games-page-grid-gap-lg: 24px;
    --ui-spacing-games-page-headline-gap-xs: 16px;
    --ui-spacing-games-page-headline-gap-sm: 20px;
    --ui-spacing-account-page-nav-padding-xl: 56px 0;
    --ui-spacing-account-page-nav-padding-lg: 32px 0;
    --ui-spacing-account-page-nav-padding-xs: 24px 0;
    --ui-spacing-account-page-nav-padding-sm: 32px 0;
    --ui-spacing-account-page-games-row-padding: 16px 0;
    --ui-spacing-account-page-games-row-gap-xs: 16px;
    --ui-spacing-account-page-games-row-gap-sm: 30px;
    --ui-spacing-account-page-games-row-gap-lg: 36px;
    --ui-spacing-account-page-padding-xs: 0 8px 16px 8px;
    --ui-spacing-account-page-padding-sm: 0 24px 24px 24px;
    --ui-spacing-account-page-padding-lg: 0 0 48px 0;
    --ui-spacing-account-page-padding-xl: 0 32px;
    --ui-spacing-account-page-padding-3xl: 0;
    --ui-spacing-account-page-container-gap-xs: 16px;
    --ui-spacing-account-page-container-gap-lg: 40px;
    --ui-spacing-account-page-cards-gap-xs: 16px;
    --ui-spacing-account-page-cards-gap-xl: 20px;
    --ui-spacing-account-page-dashboard-gap-xs: 30px;
    --ui-spacing-account-page-dashboard-gap-sm: 32px;
    --ui-spacing-account-page-column-gap-xs: 16px;
    --ui-spacing-account-page-column-gap-lg: 20px;
    --ui-spacing-account-page-row-gap-xs: 16px;
    --ui-spacing-account-page-row-gap-sm: 20px;
    --ui-spacing-account-page-row-gap-lg: 20px;
    --ui-spacing-account-page-row-gap-xl: 80px;
    --ui-spacing-loader-inner-width: 42px;
    --ui-spacing-loader-inner-height: 42px;
    --ui-spacing-loader-width: 94px;
    --ui-spacing-loader-height: 94px;
    --ui-spacing-cookie-container: 8px;
    --ui-spacing-footer-xs: 48px 24px;
    --ui-spacing-footer-sm: 40px 48px;
    --ui-spacing-footer-lg: 40px 48px;
    --ui-spacing-footer-item-icon: 14px;
    --ui-spacing-footer-item-padding-xs: 8px 12px;
    --ui-spacing-footer-item-padding-sm: 8px 12px;
    --ui-spacing-footer-gap-row-xs: 0px;
    --ui-spacing-footer-gap-row-sm: 40px;
    --ui-spacing-footer-gap-row-md: 40px;
    --ui-spacing-footer-gap-row-lg: 40px;
    --ui-spacing-footer-gap-column-xs: 4px;
    --ui-spacing-footer-container-top-xs: 0px;
    --ui-spacing-footer-container-top-sm: 48px;
    --ui-spacing-deposit-card-container-xs: 16px;
    --ui-spacing-deposit-card-container-sm: 24px;
    --ui-spacing-deposit-card-payments-container-xs: 24px;
    --ui-spacing-deposit-card-payments-container-sm: 24px;
    --ui-spacing-deposit-card-flex-gap-xs: 8px;
    --ui-spacing-deposit-card-button-gap-xs: 8px;
    --ui-spacing-deposit-card-button-gap-sm: 16px;
    --ui-spacing-provider-card-image-padding-xs: 8px 4px;
    --ui-spacing-provider-card-image-padding-sm: 10px 12px;
    --ui-spacing-provider-card-image-padding-md: 15px 16px;
    --ui-spacing-provider-card-image-padding-lg: 24px 38px;
    --ui-spacing-provider-card-text-padding-xs: 10px 8px;
    --ui-spacing-provider-card-text-padding-sm: 12px 16px;
    --ui-spacing-provider-card-text-padding-md: 16px;
    --ui-spacing-provider-card-text-padding-lg: 24px 38px;
    --ui-spacing-game-card-label-xs: 4px 6px;
    --ui-spacing-game-card-label-lg: 6px 12px;
    --ui-spacing-game-card-provider-container: 12px 20px;
    --ui-spacing-game-card-buttons-gap: 10px;
    --ui-spacing-promotion-card-bg-border: 2px;
    --ui-spacing-promotion-card-padding-lg: 32px;
    --ui-spacing-promotion-card-padding-sm: 32px;
    --ui-spacing-promotion-card-padding-xs: 32px 16px;
    --ui-spacing-promotion-card-gap-lg: 16px;
    --ui-spacing-promotion-card-gap-sm: 16px;
    --ui-spacing-promotion-card-gap-xs: 12px;
    --ui-spacing-promotion-card-title-gap-lg: 4px;
    --ui-spacing-promotion-card-title-gap-xs: 2px;
    --ui-spacing-promotion-card-button-group-xs: 8px;
    --ui-spacing-promotion-card-button-group-lg: 16px;
    --ui-spacing-promotion-card-campaign-details-padding-lg: 16px;
    --ui-spacing-promotion-card-campaign-details-padding-sm: 16px;
    --ui-spacing-promotion-card-campaign-details-padding-xs: 8px;
    --ui-spacing-promotion-card-campaign-details-gap-lg: 8px;
    --ui-spacing-promotion-card-campaign-details-gap-sm: 6px;
    --ui-spacing-promotion-card-campaign-details-gap-xs: 4px;
    --ui-spacing-promotion-detail-card-bg-border: 2px;
    --ui-spacing-promotion-detail-card-padding-lg: 16px 24px 32px 24px;
    --ui-spacing-promotion-detail-card-padding-sm: 16px 32px 32px 32px;
    --ui-spacing-promotion-detail-card-padding-xs: 16px 32px 32px 32px;
    --ui-spacing-promotion-detail-card-padding-2xl: 16px 32px 32px 32px;
    --ui-spacing-promotion-detail-card-gap-lg: 24px;
    --ui-spacing-promotion-detail-card-gap-sm: 24px;
    --ui-spacing-promotion-detail-card-gap-xs: 24px;
    --ui-spacing-promotion-detail-card-button-padding-lg: 0px;
    --ui-spacing-promotion-detail-card-button-padding-xs: 0;
    --ui-spacing-promotion-detail-card-title-padding-lg: 0 0 8px 0;
    --ui-spacing-promotion-detail-card-title-padding-xs: 0 0 8px 0;
    --ui-spacing-header-layout-switcher-padding: 12px 16px;
    --ui-spacing-header-layout-switcher-gap: 8px;
    --ui-spacing-menu-grid-gap-horizontal-xs: 0px;
    --ui-spacing-menu-grid-gap-horizontal-sm: 16px;
    --ui-spacing-menu-grid-gap-horizontal-lg: 24px;
    --ui-spacing-menu-grid-gap-horizontal-xl: 32px;
    --ui-spacing-menu-grid-gap-horizontal-2xl: 24px;
    --ui-spacing-menu-quick-link-padding-xs: 8px;
    --ui-spacing-menu-quick-link-padding-lg: 6px;
    --ui-spacing-menu-quick-link-gap-xs: 8px;
    --ui-spacing-menu-quick-link-gap-sm: 6px;
    --ui-spacing-rewardback-menu-container-gap: 8px;
    --ui-spacing-rewardback-menu-container-padding: 16px 20px;
    --ui-spacing-rewardback-card-container-padding: 26px 20px 26px 16px;
    --ui-spacing-rewardback-card-container-gap: 12px;
    --ui-spacing-rewardback-info-card-padding-xs: 48px 32px;
    --ui-spacing-rewardback-info-card-padding-lg: 32px 24px;
    --ui-spacing-rewardback-info-card-padding-2xl: 64px 48px;
    --ui-spacing-rewardback-info-card-gap-text-xs: 12px;
    --ui-spacing-rewardback-info-card-gap-text-lg: 24px;
    --ui-spacing-rewardback-info-card-title-padding-xs: 16px;
    --ui-spacing-rewardback-info-card-title-padding-sm: 24px;
    --ui-spacing-rewardback-details-card-padding-xs: 48px 24px 30px 24px;
    --ui-spacing-rewardback-details-card-padding-lg: 32px 24px;
    --ui-spacing-rewardback-details-card-padding-2xl: 48px 48px 30px 48px;
    --ui-spacing-rewardback-details-card-gap-text-xs: 12px;
    --ui-spacing-rewardback-details-card-gap-text-lg: 24px;
    --ui-spacing-rewardback-details-card-gap-container-xs: 24px;
    --ui-spacing-rewardback-details-card-gap-container-lg: 20px;
    --ui-spacing-rewardback-details-card-text-gap-xs: 16px;
    --ui-spacing-rewardback-details-card-text-gap-sm: 16px;
    --ui-spacing-rewardback-claim-wrapper: 0px 24px 56px 24px;
    --ui-spacing-rewardback-claim-container-gap: 16px;
    --ui-spacing-rewardback-info-list-modal-padding-xs: 12px 24px 56px 24px;
    --ui-spacing-rewardback-info-list-modal-padding-sm: 0px 80px 80px 80px;
    --ui-spacing-input-container: 12px 16px 12px 16px;
    --ui-spacing-input-gap: 8px;
    --ui-spacing-input-label-gap: 45px;
    --ui-spacing-sticky-mobile-xs: 8px 16px;
    --ui-spacing-sticky-mobile-sm: 16px 32px;
    --ui-spacing-sticky-mobile-gap-xs: 16px;
    --ui-spacing-sticky-mobile-gap-sm: 16px;
    --ui-spacing-header-padding-xs: 4px 12px 10px 12px;
    --ui-spacing-header-padding-sm: 7px 16px;
    --ui-spacing-header-padding-lg: 7px 16px;
    --ui-spacing-header-gap-xs: 8px;
    --ui-spacing-header-gap-sm: 8px;
    --ui-spacing-header-gap-lg: 8px;
    --ui-spacing-header-icon-padding-xs: 8px;
    --ui-spacing-header-icon-padding-sm: 12px;
    --ui-spacing-headline-xs: 8px;
    --ui-spacing-headline-lg: 12px;
    --ui-spacing-error-page-title-padding-xs: 0 0 4px 0;
    --ui-spacing-error-page-title-padding-sm: 0;
    --ui-spacing-error-page-title-padding-lg: 0;
    --ui-spacing-error-page-image-padding-xs: 0 0 12px 0;
    --ui-spacing-error-page-image-padding-lg: 0 0 28px 0;
    --ui-spacing-checkbox-gap: 8px;
    --ui-spacing-checkbox-error: -20px;
    --ui-spacing-step-counter-form-gap: 8px;
    --ui-spacing-auth-padding-xs: 0px 32px 56px 32px;
    --ui-spacing-auth-padding-sm: 0px 80px 80px 80px;
    --ui-spacing-auth-padding-lg: 0px 48px 48px 48px;
    --ui-spacing-auth-form-gap: 8px;
    --ui-spacing-auth-wrapper-gap-xs: 24px;
    --ui-spacing-auth-wrapper-gap-sm: 32px;
    --ui-spacing-auth-action-links-gap: 16px;
    --ui-spacing-auth-title-gap-xs: 16px;
    --ui-spacing-auth-title-gap-sm: 24px;
    --ui-spacing-auth-text-gap: 16px;
    --ui-spacing-cashier-modal-container-gap-xs: 24px;
    --ui-spacing-cashier-modal-container-gap-sm: 24px;
    --ui-spacing-cashier-modal-container-gap-xl: 24px;
    --ui-spacing-cashier-modal-container-padding-xs: 24px;
    --ui-spacing-cashier-modal-container-padding-sm: 24px;
    --ui-spacing-cashier-modal-container-padding-xl: 24px;
    --ui-spacing-cashier-modal-column-gap: 8px;
    --ui-spacing-cashier-modal-label-gap: 4px;
    --ui-spacing-cashier-modal-details-padding: 16px;
    --ui-spacing-cashier-modal-details-gap: 16px;
    --ui-spacing-cashier-modal-details-icon: 8px;
    --ui-spacing-verification-card-padding-xs: 16px 16px 32px 16px;
    --ui-spacing-verification-card-padding-sm: 40px 80px 48px 80px;
    --ui-spacing-verification-card-padding-lg: 40px 80px 48px 80px;
    --ui-spacing-verification-card-padding-xl: 40px 80px 48px 80px;
    --ui-spacing-verification-card-title-gap: 16px;
    --ui-spacing-verification-card-wrapper-gap-xs: 16px;
    --ui-spacing-verification-card-wrapper-gap-lg: 32px;
    --ui-spacing-verification-card-verified-gap-xs: 8px;
    --ui-spacing-verification-card-verified-gap-lg: 16px;
    --ui-spacing-payment-detail-card-xs: 16px 24px;
    --ui-spacing-payment-detail-card-sm: 16px 24px;
    --ui-spacing-payment-detail-card-lg: 20px 32px;
    --ui-spacing-payment-detail-card-gap-xs: 16px;
    --ui-spacing-payment-detail-card-gap-sm: 20px;
    --ui-spacing-cancel-register-padding-xs: 0px 0px 60px 0px;
    --ui-spacing-cancel-register-padding-sm: 0px 40px 60px 40px;
    --ui-spacing-cancel-register-padding-lg: 0px 184px 60px 184px;
    --ui-spacing-cancel-register-title-gap: 8px;
    --ui-spacing-cancel-register-wrapper-gap: 32px;
    --ui-spacing-cancel-register-wrapper-padding-xs: 0;
    --ui-spacing-cancel-register-wrapper-padding-lg: 12px 0px 0px 0px;
    --ui-spacing-cancel-register-buttons-gap: 8px;
    --ui-spacing-cancel-register-text: 16px;
    --ui-spacing-personal-info-card-padding-xs: 24px 24px 32px 24px;
    --ui-spacing-personal-info-card-padding-lg: 40px 80px;
    --ui-spacing-personal-info-card-title-gap-xs: 24px;
    --ui-spacing-personal-info-card-title-gap-lg: 32px;
    --ui-spacing-personal-info-card-wrapper-gap-xs: 24px;
    --ui-spacing-personal-info-card-wrapper-gap-lg: 32px;
    --ui-spacing-personal-info-card-form-gap-xs: 8px;
    --ui-spacing-personal-info-card-form-gap-lg: 16px;
    --ui-spacing-vip-widget-title-padding: 16px 32px;
    --ui-spacing-vip-widget-tooltip-padding: 6px 8px 14px;
    --ui-spacing-vip-widget-level-card-padding: 10px;
    --ui-spacing-vip-widget-card-content-padding: 24px;
    --ui-spacing-vip-level-card-padding-lg: 48px 0px;
    --ui-spacing-vip-level-card-padding-sm: 34px 0px;
    --ui-spacing-vip-level-card-padding-xs: 34px 0px;
    --ui-spacing-vip-level-card-gap-xs: 16px;
    --ui-spacing-vip-level-card-gap-sm: 24px;
    --ui-spacing-vip-level-card-gap-lg: 24px;
    --ui-spacing-vip-vip-advantages-title-gap-lg: 24px;
    --ui-spacing-vip-vip-advantages-title-gap-sm: 16px;
    --ui-spacing-vip-vip-advantages-title-gap-xs: 16px;
    --ui-spacing-vip-vip-advantages-section-gap-lg: 12px;
    --ui-spacing-vip-vip-advantages-section-gap-sm: 12px;
    --ui-spacing-vip-vip-advantages-section-gap-xs: 12px;
    --ui-spacing-vip-vip-advantages-section-padding-sm: 20px;
    --ui-spacing-vip-vip-advantages-section-padding-xs: 8px;
    --ui-spacing-vip-page-gap-lg: 32px;
    --ui-spacing-vip-page-gap-md: 32px;
    --ui-spacing-vip-page-gap-sm: 32px;
    --ui-spacing-vip-page-gap-xs: 32px;
    --ui-spacing-vip-page-padding-xl: 80px 0px 0;
    --ui-spacing-vip-page-padding-lg: 0 80px;
    --ui-spacing-vip-page-padding-sm: 0;
    --ui-spacing-vip-page-padding-xs: 0px 0px 32px 0px;
    --ui-spacing-vip-top-section-gap-lg: 16px;
    --ui-spacing-vip-top-section-gap-sm: 16px;
    --ui-spacing-vip-top-section-gap-xs: 16px;
    --ui-spacing-vip-levels-gap-lg: 16px;
    --ui-spacing-vip-levels-gap-sm: 16px;
    --ui-spacing-vip-levels-gap-xs: 16px;
    --ui-spacing-vip-levels-padding-lg: 100px;
    --ui-spacing-vip-levels-padding-sm: 50px;
    --ui-spacing-vip-tabs-gap-lg: 16px;
    --ui-spacing-vip-tabs-gap-xs: 16px;
    --ui-spacing-vip-tabs-gap-sm: 16px;
    --ui-spacing-vip-text-card-title-gap-xs: 0;
    --ui-spacing-vip-text-card-title-gap-lg: 20px;
    --ui-spacing-vip-text-card-desc-gap-xs: 16px;
    --ui-spacing-vip-text-card-desc-gap-lg: 20px;
    --ui-spacing-vip-text-card-content-gap-xs: 32px;
    --ui-spacing-vip-text-card-content-gap-lg: 64px;
    --ui-spacing-vip-text-card-content-padding-xs: 36px 24px;
    --ui-spacing-vip-text-card-content-padding-lg: 80px;
    --ui-spacing-vip-advantage-card-padding-xs: 32px 24px;
    --ui-spacing-vip-advantage-card-padding-sm: 40px;
    --ui-spacing-vip-advantage-card-padding-lg: 48px;
    --ui-spacing-vip-description-padding-xs: 36px 24px;
    --ui-spacing-vip-description-accordion-gap-lg: 24px;
    --ui-spacing-vip-description-accordion-gap-sm: 24px;
    --ui-spacing-vip-description-accordion-gap-xs: 16px;
    --ui-spacing-dashboard-bonus-card-gap-xs: 16px;
    --ui-spacing-dashboard-bonus-card-gap-sm: 24px;
    --ui-spacing-dashboard-bonus-card-gap-lg: 24px;
    --ui-spacing-dashboard-bonus-card-paddding-xs: 32px 40px;
    --ui-spacing-hero-content-gap-xs: 16px;
    --ui-spacing-hero-content-gap-sm: 16px;
    --ui-spacing-hero-content-gap-xl: 24px;
    --ui-spacing-hero-content-title-gap-xs: 4px;
    --ui-spacing-hero-content-title-gap-sm: 4px;
    --ui-spacing-hero-content-title-gap-xl: 8px;
    --ui-spacing-user-board-card-list-gap: 12px;
    --ui-spacing-user-board-card-list-item-gap: 8px;
    --ui-spacing-user-board-card-progress-title-row-gap: 8px;
    --ui-spacing-user-board-card-progress-title-column-gap: 4px;
    --ui-spacing-user-board-card-progress-bar-gap-xs: 4px;
    --ui-spacing-user-board-card-progress-bar-gap-sm: 8px;
    --ui-spacing-user-board-card-progress-points-until-gap: 4px;
    --ui-spacing-user-board-card-progress-padding-xs: 0 0 24px 0;
    --ui-spacing-user-board-card-progress-padding-sm: 8px 0 16px 0;
    --ui-spacing-user-board-card-progress-gap: 16px;
    --ui-spacing-user-board-card-padding-xs: 40px 24px 48px;
    --ui-spacing-user-board-card-padding-sm: 48px 32px;
    --ui-spacing-user-board-card-padding-xl: 0px;
    --ui-spacing-user-board-card-gap: 16px;
    --ui-spacing-user-board-card-header-padding-xs: 0 0 24px 0;
    --ui-spacing-user-board-card-header-padding-sm: 0 0 8px 0;
    --ui-spacing-user-board-card-header-padding-lg: 0 0 24px 0;
    --ui-spacing-user-board-card-header-column-gap-xs: 16px;
    --ui-spacing-user-board-card-header-column-gap-lg: 20px;
    --ui-spacing-user-board-card-header-row-gap-xs: 8px;
    --ui-spacing-user-board-card-balance-gap: 24px;
    --ui-spacing-user-board-card-balance-total-gap: 4px;
    --ui-spacing-advantage-card-gap: 16px;
    --ui-spacing-advantage-card-padding-xs: 32px 24px;
    --ui-spacing-advantage-card-padding-sm: 40px;
    --ui-spacing-advantage-card-padding-lg: 48px;
    --ui-spacing-text-card-title-xs: 24px 24px 24px 32px;
    --ui-spacing-text-card-title-sm: 24px 24px 24px 32px;
    --ui-spacing-text-card-title-gap: 32px;
    --ui-spacing-text-card-text-xs: 24px 24px 24px 32px;
    --ui-spacing-text-card-text-sm: 24px 32px 32px 32px;
    --ui-spacing-user-menu-padding-xs: 0 24px 24px;
    --ui-spacing-user-menu-padding-sm: 32px 24px 24px;
    --ui-spacing-user-menu-items-gap: 0px;
    --ui-spacing-user-menu-items-padding: 12px 16px;
    --ui-spacing-user-menu-wrapper-gap: 24px;
    --ui-spacing-user-menu-title-gap: 8px;
    --ui-spacing-game-header-padding-xs: 6px 12px;
    --ui-spacing-game-header-padding-sm: 12px;
    --ui-spacing-game-header-padding-lg: 12px;
    --ui-spacing-game-header-gap-xs: 4px;
    --ui-spacing-game-header-gap-sm: 12px;
    --ui-spacing-game-header-gap-lg: 16px;
    --ui-spacing-game-header-icon-container-user-gap: 16px;
    --ui-spacing-game-header-icon-container-user-lg: 24px;
    --ui-spacing-game-header-icon-container-gap-xs: 0;
    --ui-spacing-games-section-header-padding: 14px;
    --ui-spacing-games-section-see-text-container-gap: 12px;
    --ui-spacing-section-header-padding-xs: 0px 16px 4px;
    --ui-spacing-section-header-padding-lg: 0px 5px 8px 0px;
    --ui-spacing-section-header-arrows-gap: 8px;
    --ui-spacing-security-card-padding-xs: 24px 16px 32px 16px;
    --ui-spacing-security-card-padding-lg: 40px 80px 48px 80px;
    --ui-spacing-security-card-title-gap: 8px;
    --ui-spacing-security-card-wrapper-gap: 16px;
    --ui-spacing-promotion-terms-gap: 24px;
    --ui-spacing-promotion-terms-text-gap-xs: 24px;
    --ui-spacing-promotion-terms-text-gap-sm: 24px;
    --ui-spacing-promotion-terms-text-gap-lg: 16px;
    --ui-spacing-promotion-terms-text-gap-2xl: 24px;
    --ui-spacing-promotion-terms-padding-xs: 48px 32px;
    --ui-spacing-promotion-terms-padding-sm: 48px 32px;
    --ui-spacing-promotion-terms-padding-lg: 32px 24px;
    --ui-spacing-promotion-terms-padding-2xl: 64px 48px;
    --ui-spacing-promotion-terms-modal-padding-xs: 12px 24px 56px 24px;
    --ui-spacing-promotion-terms-modal-padding-sm: 0px 80px 80px 80px;
    --ui-spacing-game-footer-gap-xs: 16px;
    --ui-spacing-game-footer-gap-sm: 32px;
    --ui-spacing-game-footer-padding-xs: 4px 32px;
    --ui-spacing-game-footer-padding-sm: 16px 32px;
    --ui-spacing-game-footer-padding-lg: 16px 32px;
    --ui-spacing-search-games-padding-xs: 0px 8px 16px 8px;
    --ui-spacing-search-games-padding-sm: 0px 40px 40px 40px;
    --ui-spacing-search-games-padding-lg: 0px 16px 0px 16px;
    --ui-spacing-search-games-header-gap: 8px;
    --ui-spacing-search-games-wrapper-gap-xs: 8px;
    --ui-spacing-search-games-wrapper-gap-sm: 24px;
    --ui-spacing-search-games-wrapper-gap-lg: 24px;
    --ui-spacing-search-games-wrapper-padding: 0px 0px 64px 0px;
    --ui-spacing-payment-method-padding-xs: 12px 16px;
    --ui-spacing-payment-method-padding-sm: 12px 32px;
    --ui-spacing-navbar-item-gap: 8px;
    --ui-spacing-navbar-gap: 12px;
    --ui-spacing-available-bonus-card-padding-xs: 8px 48px 36px 48px;
    --ui-spacing-available-bonus-card-padding-sm: 24px 16px;
    --ui-spacing-available-bonus-card-padding-lg: 40px 44px;
    --ui-spacing-available-bonus-card-gap-xs: 24px;
    --ui-spacing-available-bonus-card-gap-sm: 16px;
    --ui-spacing-available-bonus-card-gap-lg: 24px;
    --ui-spacing-available-bonus-card-title-gap-xs: 4px;
    --ui-spacing-available-bonus-card-buttons-gap-xs: 16px;
    --ui-spacing-available-bonus-card-buttons-gap-sm: 8px;
    --ui-spacing-available-bonus-card-buttons-gap-lg: 16px;
    --ui-spacing-available-bonus-card-content-padding-xs: 0px 16px;
    --ui-spacing-available-bonus-card-content-padding-sm: 0px 12px 8px;
    --ui-spacing-pending-bonus-card-padding-xs: 8px 48px 36px 48px;
    --ui-spacing-pending-bonus-card-padding-sm: 56px 16px;
    --ui-spacing-pending-bonus-card-padding-lg: 76px 44px;
    --ui-spacing-pending-bonus-card-content-padding-xs: 0px 16px;
    --ui-spacing-pending-bonus-card-content-padding-sm: 8px 12px;
    --ui-spacing-pending-bonus-card-gap-xs: 24px;
    --ui-spacing-pending-bonus-card-gap-sm: 16px;
    --ui-spacing-pending-bonus-card-gap-lg: 24px;
    --ui-spacing-pending-bonus-card-title-gap-xs: 4px;
    --ui-spacing-active-bonus-card-padding-xs: 56px 48px 16px 48px;
    --ui-spacing-active-bonus-card-padding-sm: 56px 44px 56px 96px;
    --ui-spacing-active-bonus-card-padding-lg: 80px 76px 80px 120px;
    --ui-spacing-active-bonus-card-gap-xs: 16px;
    --ui-spacing-active-bonus-card-gap-sm: 32px;
    --ui-spacing-active-bonus-card-gap-lg: 40px;
    --ui-spacing-active-bonus-card-title-gap-xs: 4px;
    --ui-spacing-active-bonus-card-promotion-info-gap-xs: 4px;
    --ui-spacing-active-bonus-card-promotion-info-gap-sm: 12px;
    --ui-spacing-active-bonus-card-promotion-info-gap-lg: 12px;
    --ui-spacing-active-bonus-card-promotion-info-details-gap-xs: 4px;
    --ui-spacing-active-bonus-card-promotion-info-details-gap-sm: 8px;
    --ui-spacing-bonus-card-promotion-info-details-gap-xs: 4px;
    --ui-spacing-bonus-card-promotion-info-details-gap-sm: 8px;
    --ui-spacing-bonus-card-promotion-info-gap-xs: 4px;
    --ui-spacing-bonus-card-promotion-info-gap-lg: 12px;
    --ui-spacing-no-bonus-card-gap: 24px;
    --ui-spacing-no-bonus-card-content-padding-lg: 92px 44px;
    --ui-spacing-no-bonus-card-content-padding-sm: 72px 32px;
    --ui-spacing-no-bonus-card-content-padding-xs: 72px 32px;
    --ui-spacing-bonus-card-active-gap-xs: 16px;
    --ui-spacing-bonus-card-active-gap-sm: 32px;
    --ui-spacing-bonus-card-active-gap-lg: 40px;
    --ui-spacing-bonus-card-active-title-gap-xs: 4px;
    --ui-spacing-promotions-page-gap-xs: 32px;
    --ui-spacing-promotions-page-gap-sm: 40px;
    --ui-spacing-promotions-page-gap-lg: 48px;
    --ui-spacing-promotions-page-gap-2xl: 32px;
    --ui-spacing-promotions-page-grid-gap-xs: 8px;
    --ui-spacing-promotions-page-grid-gap-lg: 16px;
    --ui-spacing-promotions-page-grid-gap-2xl: 24px;
    --ui-spacing-promotions-page-title-padding-xs: 0 0 16px;
    --ui-spacing-promotions-page-title-padding-sm: 0 0 32px;
    --ui-spacing-promotions-page-title-padding-lg: 0 0 32px;
    --ui-spacing-promotions-page-padding-xs: 27px 8px 32px;
    --ui-spacing-promotions-page-padding-sm: 48px 24px 8px;
    --ui-spacing-promotions-page-padding-lg: 48px 24px 8px;
    --ui-spacing-promotions-page-padding-2xl: 48px 64px 8px;
    --ui-spacing-quick-links-title-xs: 36px 16px;
    --ui-spacing-quick-links-title-sm: 28px 32px;
    --ui-spacing-quick-links-title-lg: 28px 32px;
    --ui-spacing-quick-links-subtitle-xs: 22px 16px;
    --ui-spacing-quick-links-subtitle-sm: 32px;
    --ui-spacing-quick-links-subtitle-lg: 32px;
    --ui-spacing-latest-wins-padding-xs: 6px 0px 0px 0px;
    --ui-spacing-latest-wins-padding-sm: 6px 0px 0px 0px;
    --ui-spacing-latest-wins-padding-lg: 6px 0px 0px 0px;
    --ui-spacing-language-button-gap: 4px;
    --ui-spacing-language-grid-gap-row-xs: 16px;
    --ui-spacing-language-grid-gap-row-sm: 24px;
    --ui-spacing-language-grid-gap-column-xs: 16px;
    --ui-spacing-language-grid-gap-column-sm: 16px;
    --ui-spacing-language-padding-xs: 0px 24px 40px 24px;
    --ui-spacing-language-padding-sm: 0px 40px 40px 40px;
    --ui-spacing-language-gap-xs: 16px;
    --ui-spacing-language-gap-sm: 24px;
    --ui-spacing-sport-page-padding-xs: 16px 8px;
    --ui-spacing-sport-page-padding-sm: 32px 8px;
    --ui-spacing-sport-page-padding-lg: 32px;
    --ui-spacing-promotion-details-page-padding-xs: 32px 16px 0 16px;
    --ui-spacing-promotion-details-page-padding-sm: 48px 24px 0 24px;
    --ui-spacing-promotion-details-page-padding-lg: 48px 24px 0 24px;
    --ui-spacing-promotion-details-page-padding-2xl: 48px 24px 0 24px;
    --ui-spacing-promotion-details-page-gap-xs: 16px;
    --ui-spacing-promotion-details-page-gap-sm: 32px;
    --ui-spacing-promotion-details-page-gap-lg: 40px;
    --ui-spacing-rewardback-page-padding-xs: 32px 16px 0 16px;
    --ui-spacing-rewardback-page-padding-sm: 48px 24px 0 24px;
    --ui-spacing-rewardback-page-padding-lg: 48px 24px 0 24px;
    --ui-spacing-rewardback-page-padding-3xl: 48px 0px 0px;
    --ui-spacing-rewardback-page-gap-xs: 16px;
    --ui-spacing-rewardback-page-gap-lg: 20px;
    --ui-spacing-footer-page-padding-xs: 24px 8px;
    --ui-spacing-footer-page-padding-sm: 32px;
    --ui-spacing-footer-page-padding-lg: 80px 32px 32px 32px;
    --ui-spacing-footer-page-title-padding-xs: 0px;
    --ui-spacing-footer-page-title-padding-lg: 0px;
    --ui-spacing-footer-page-title-gap: 8px;
    --ui-spacing-footer-page-column-gap: 32px;
    --ui-spacing-footer-page-row-gap: 16px;
    --ui-spacing-footer-page-gap: 32px;
    --ui-spacing-footer-page-payment-methods-grid-gap: 16px;
    --ui-spacing-home-content-padding-xs: 24px 8px;
    --ui-spacing-home-content-padding-sm: 32px 24px;
    --ui-spacing-home-content-padding-lg: 32px 32px;
    --ui-spacing-home-content-gap-xs: 24px;
    --ui-spacing-home-content-gap-sm: 32px;
    --ui-spacing-home-content-gap-lg: 32px;
    --ui-spacing-promo-page-padding-xs: 32px 16px;
    --ui-spacing-promo-page-padding-sm: 32px;
    --ui-spacing-promo-page-padding-lg: 56px 32px;
    --ui-spacing-promo-page-gap-xs: 32px;
    --ui-spacing-promo-page-gap-sm: 56px;
    --ui-spacing-promo-page-gap-lg: 64px;
    --ui-spacing-promo-page-image-gap-xs: 24px;
    --ui-spacing-promo-page-image-gap-sm: 32px;
    --ui-spacing-promotion-page-gap-xs: 12px;
    --ui-spacing-promotion-page-gap-sm: 8px;
    --ui-spacing-promotion-page-gap-lg: 8px;
    --ui-spacing-promotion-page-gap-xl: 8px;
    --ui-spacing-balance-padding-xs: 0px 0px 0px 16px;
    --ui-spacing-balance-padding-lg: 0px 0px 0px 20px;
    --ui-spacing-balance-gap: 4px;
    --ui-spacing-expandable-menu-padding-xs: 10px 16px;
    --ui-spacing-expandable-menu-padding-sm: 12px 16px;
    --ui-spacing-expandable-menu-padding-lg: 12px 16px;
    --ui-spacing-expandable-menu-gap: 8px;
    --ui-spacing-expandable-menu-item-gap: 8px;
    --ui-spacing-expandable-menu-item-padding-xs: 10px 16px 10px 32px;
    --ui-spacing-expandable-menu-item-padding-sm: 12px 16px 12px 32px;
    --ui-spacing-expandable-menu-item-padding-lg: 12px 16px 12px 32px;
    --ui-spacing-expandable-menu-tooltip-padding: 4px;
    --ui-spacing-bottom-navigation-image-padding: 6px;
    --ui-spacing-bottom-navigation-item-padding: 0px 0px 14px 0px;
    --ui-spacing-bottom-navigation-item-gap: 16px;
    --ui-spacing-bottom-navigation-collapsed-padding: 16px;
    --ui-spacing-crypto-deposit-banner-container-padding-xs: 29px 32px;
    --ui-spacing-crypto-deposit-banner-container-padding-sm: 26px 40px;
    --ui-spacing-crypto-deposit-banner-container-padding-lg: 34px;
    --ui-spacing-crypto-deposit-banner-container-gap-xs: 16px;
    --ui-spacing-crypto-deposit-banner-container-gap-lg: 120px;
    --ui-spacing-crypto-deposit-banner-icons-wrapper-gap-xs: 16px;
    --ui-spacing-crypto-deposit-banner-icons-wrapper-gap-lg: 24px;
    --ui-spacing-options-switcher-option: 12px 24px;
    --ui-spacing-options-switcher-padding-xs: 8px 12px;
    --ui-spacing-options-switcher-padding-lg: 8px 16px;
    --ui-spacing-register-container-xs: 0px 60px 64px 60px;
    --ui-spacing-register-container-sm: 0px 80px 132px 80px;
    --ui-spacing-register-padding-xs: 0px 32px 36px 32px;
    --ui-spacing-register-padding-sm: 0px 40px 40px 40px;
    --ui-spacing-register-padding-lg: 0px 40px 40px 40px;
    --ui-spacing-register-form-gap: 8px;
    --ui-spacing-register-wrapper-gap-xs: 16px;
    --ui-spacing-register-wrapper-gap-sm: 24px;
    --ui-spacing-register-title-gap-xs: 16px;
    --ui-spacing-register-title-gap-sm: 16px;
    --ui-spacing-register-social-title-gap-xs: 36px;
    --ui-spacing-register-social-title-gap-sm: 36px;
    --ui-spacing-register-social-wrapper-gap-xs: 24px;
    --ui-spacing-register-social-wrapper-gap-sm: 24px;
    --ui-spacing-register-social-button-xs: 48px;
    --ui-spacing-register-social-button-sm: 48px;
    --ui-spacing-register-social-container-padding-xs: 0px 40px 60px 40px;
    --ui-spacing-register-social-container-padding-sm: 0px 40px 60px 40px;
    --ui-spacing-register-checkbox-list-gap: 16px;
    --ui-spacing-register-button-xs: 16px;
    --ui-spacing-register-button-sm: 40px;
    --ui-spacing-promotion-info-gap: 24px;
    --ui-spacing-promotion-info-text-gap-xs: 12px;
    --ui-spacing-promotion-info-text-gap-sm: 12px;
    --ui-spacing-promotion-info-text-gap-lg: 16px;
    --ui-spacing-promotion-info-padding-xs: 48px 32px;
    --ui-spacing-promotion-info-padding-lg: 32px 24px;
    --ui-spacing-promotion-info-padding-2xl: 64px 48px;
    --ui-spacing-sidebar-padding-xs: 12px 8px 84px 8px;
    --ui-spacing-sidebar-padding-sm: 8px;
    --ui-spacing-sidebar-gap-xs: 12px;
    --ui-spacing-sidebar-gap-sm: 16px;
    --ui-spacing-sidebar-collapsed-padding: 16px;
    --ui-spacing-sidebar-collapsed-gap: 8px;
    --ui-spacing-value-selector-item-padding: 6px 16px;
    --ui-spacing-partners-section-gap-xs: 12px;
    --ui-spacing-partners-section-gap-lg: 16px;
    --ui-spacing-maintenance-page-gap: 0;
    --ui-spacing-favorites-games-section-gap-xs: 2px;
    --ui-spacing-favorites-games-section-gap-sm: 2px;
    --ui-spacing-favorites-games-section-padding-xs: 0px;
    --ui-spacing-favorites-games-section-padding-sm: 0px;
    --ui-spacing-transactions-table-no-results-xs: 48px;
    --ui-spacing-transactions-table-no-results-sm: 80px;
    --ui-spacing-transactions-table-wrapper-padding-xs: 16px;
    --ui-spacing-transactions-table-wrapper-padding-sm: 24px;
    --ui-spacing-transactions-filters-container-padding-xs: 0px 24px 56px 24px;
    --ui-spacing-transactions-filters-container-padding-sm: 0px 24px 56px 24px;
    --ui-spacing-transactions-filters-title-padding-sm: 0 0 32px 0;
    --ui-spacing-transactions-filters-title-padding-xs: 0 0 24px 0;
    --ui-spacing-confirm-container-padding-xs: 0 32px 56px 32px;
    --ui-spacing-confirm-container-padding-sm: 0 80px 80px 80px;
    --ui-spacing-action-padding: 24px 24px 56px 24px;
    --ui-spacing-action-title-gap: 12px;
    --ui-spacing-action-gap: 24px;
    --ui-spacing-kyc-verification-error-padding-xs: 12px 90px 56px 90px;
    --ui-spacing-kyc-verification-error-padding-sm: 12px 90px 56px 90px;
    --ui-spacing-kyc-verification-gap: 16px;
    --ui-spacing-menu-search-padding: 12px;
    --ui-spacing-menu-search-gap: 6px;
    --ui-spacing-bonus-options-container-gap-xs: 16px;
    --ui-spacing-bonus-options-card-gap-xs: 8px;
    --ui-spacing-bonus-options-card-padding: 8px 10px;
    --ui-spacing-sport-categories-section-gap-xs: 8px;
    --ui-spacing-sport-categories-section-gap-sm: 16px;
    --ui-spacing-sport-category-card-image-position-top-xs: -11px;
    --ui-spacing-sport-category-card-image-position-top-sm: -13px;
    --ui-spacing-payment-methods-title-xs: 24px;
    --ui-spacing-payment-methods-title-sm: 32px 24px;
    --ui-spacing-payment-methods-title-lg: 32px 24px;
    --ui-spacing-payment-methods-separator-xs: 32px;
    --ui-spacing-payment-methods-separator-sm: 32px;
    --ui-spacing-payment-methods-separator-lg: 32px;
    --ui-spacing-contact-preferences-card-padding-xs: 32px;
    --ui-spacing-contact-preferences-card-padding-lg: 40px;
    --ui-spacing-contact-preferences-card-gap-xs: 32px;
    --ui-spacing-contact-preferences-card-title-gap-xs: 16px;
    --ui-border-radius-sm: 4px;
    --ui-border-radius-lg: 8px;
    --ui-border-radius-xl: 16px;
    --ui-border-radius-multi-value: var(--ui-border-radius-sm, 4px 8px);
    --ui-border-radius-button: 999px;
    --ui-border-radius-input: 36px;
    --ui-border-radius-modal: 22px;
    --ui-border-radius-search-games-search-result-provider-card: 8px;
    --ui-border-radius-nav-card: 8px;
    --ui-border-radius-text-card: 16px;
    --ui-border-radius-payment-detail-card-default: 16px;
    --ui-border-radius-payment-detail-card-outer-container: 20px;
    --ui-border-radius-tab: 4px;
    --ui-border-radius-language-button: 0px;
    --ui-border-radius-button-menu: 0px;
    --ui-border-radius-verification-card-xs: 20px;
    --ui-border-radius-verification-card-lg: 16px;
    --ui-border-radius-personal-info-card-xs: 16px;
    --ui-border-radius-personal-info-card-lg: 16px;
    --ui-border-radius-menu-divider: 4px;
    --ui-border-radius-menu-item: 8px;
    --ui-border-radius-menu-quick-link: 0px;
    --ui-border-radius-sub-menu-divider: 4px;
    --ui-border-radius-balance: 36px;
    --ui-border-radius-transactions-table-container-xs: 8px;
    --ui-border-radius-transactions-table-container-lg: 16px;
    --ui-border-radius-transactions-table-filter-icon-xs: 4px;
    --ui-border-radius-provider-card-default: 16px;
    --ui-border-radius-provider-card-outer-container: 20px;
    --ui-border-radius-dashboard-bonus-card: 16px;
    --ui-border-radius-dashboard-transaction-card: 16px;
    --ui-border-radius-promotion-card: 0px;
    --ui-border-radius-promotion-info: 22px;
    --ui-border-radius-promotion-terms: 22px;
    --ui-border-radius-promotion-detail-card-wrapper: 22px;
    --ui-border-radius-promotion-detail-card-image: 22px 22px 0 0;
    --ui-border-radius-pending-bonus-card-icon: 8px;
    --ui-border-radius-pending-bonus-card-container-xs: 16px;
    --ui-border-radius-pending-bonus-card-container-sm: 16px;
    --ui-border-radius-pending-bonus-card-image-xs: 16px 16px 0px 0px;
    --ui-border-radius-pending-bonus-card-image-sm: 16px 16px 16px 16px;
    --ui-border-radius-user-board-card-border: 22px;
    --ui-border-radius-active-bonus-card-icon: 8px;
    --ui-border-radius-active-bonus-card-container: 16px;
    --ui-border-radius-cashier-modal-warning: 12px;
    --ui-border-radius-quick-user-menu: 16px;
    --ui-border-radius-quick-user-menu-item: 0;
    --ui-border-radius-vip-widget: 16px;
    --ui-border-radius-vip-widget-tooltip: 8px;
    --ui-border-radius-vip-level-card: 16px;
    --ui-border-radius-vip-description: 16px;
    --ui-border-radius-vip-advantage-card: 16px;
    --ui-border-radius-vip-faq-card: 20px;
    --ui-border-radius-vip-vip-level-card: 24px;
    --ui-border-radius-vip-info-card: 16px;
    --ui-border-radius-select-list: 0px;
    --ui-border-radius-select-default: 36px;
    --ui-border-radius-select-item: 0px;
    --ui-border-radius-select-open: 24px 24px 0px 0px;
    --ui-border-radius-select-expanded: 0px 0px 6px 6px;
    --ui-border-radius-active-withdrawal: 8px;
    --ui-border-radius-i-payments-total-amount: 4px;
    --ui-border-radius-deposit-card-default: 16px;
    --ui-border-radius-layout-switcher: 8px;
    --ui-border-radius-header-layout-switcher-br: 8px;
    --ui-border-radius-header-layout-switcher-bl: 8px;
    --ui-border-radius-header-layout-switcher-tl: 8px;
    --ui-border-radius-header-layout-switcher-tr: 8px;
    --ui-border-radius-game-card-label: 12px;
    --ui-border-radius-game-card-placeholder: 8px 0px;
    --ui-border-radius-game-card-container: 8px 0px;
    --ui-border-radius-banner-video-xs: 8px;
    --ui-border-radius-banner-video-sm: 12px;
    --ui-border-radius-banner-container: 12px;
    --ui-border-radius-navbar-item: 8px;
    --ui-border-radius-payment-operation-type-switcher: 8px;
    --ui-border-radius-filter-button: 12px;
    --ui-border-radius-header: 0px;
    --ui-border-radius-sticky-mobile: 0px;
    --ui-border-radius-options-switcher: 24px;
    --ui-border-radius-game-footer: 8px;
    --ui-border-radius-no-bonus-card-container: 0px 0px 0px 0px;
    --ui-border-radius-no-bonus-card-placeholder: 16px;
    --ui-border-radius-no-bonus-card-description: 16px;
    --ui-border-radius-available-bonus-card-container-xs: 16px;
    --ui-border-radius-available-bonus-card-container-sm: 16px;
    --ui-border-radius-available-bonus-card-image-sm: 16px 16px 16px 16px;
    --ui-border-radius-available-bonus-card-image-xs: 0px 0px 16px 16px;
    --ui-border-radius-sticky-desktop: 18px;
    --ui-border-radius-header-icon: 8px;
    --ui-border-radius-games-page-title-xs: 8px;
    --ui-border-radius-games-page-title-sm: 16px;
    --ui-border-radius-games-page-title-lg: 32px;
    --ui-border-radius-promotion-detail-card-content: 0 0 22px 22px;
    --ui-border-radius-category-card: 36px;
    --ui-border-radius-language-container: 16px;
    --ui-border-radius-payment-method: 4px;
    --ui-border-radius-auth: 16px;
    --ui-border-radius-shop-item-card-vip-label: 8px;
    --ui-border-radius-shop-item-card-bet-label: 8px;
    --ui-border-radius-shop-item-card-wrapper: 16px;
    --ui-border-radius-shop-earn-coins-card: 16px;
    --ui-border-radius-shop-vip-special-prices-item: 10px;
    --ui-border-radius-shop-modal-item-card-bet-label: 4px;
    --ui-border-radius-shop-modal-item-card-image: 16px;
    --ui-border-radius-rewardback-details-card: 22px;
    --ui-border-radius-rewardback-info-card: 22px;
    --ui-border-radius-rewardback-menu-wrapper: 0px;
    --ui-border-radius-rewardback-menu-container: 0px;
    --ui-border-radius-rewardback-card-wrapper: 20px;
    --ui-border-radius-header-action: 36px;
    --ui-border-radius-expandable-menu: 0px;
    --ui-border-radius-menu-search: 999px;
    --ui-border-radius-base-radio-container: 6px;
    --ui-border-radius-contact-preferences-card: 16px;
    --ui-sizing-category-card-xs: 100px;
    --ui-sizing-category-card-sm: 120px;
    --ui-sizing-category-card-lg: 125px;
    --ui-sizing-border-button: 0px;
    --ui-sizing-border-header: 0px;
    --ui-sizing-border-sticky-mobile: 0px;
    --ui-sizing-img-circular-xs: 108px;
    --ui-sizing-img-circular-sm: 184px;
    --ui-sizing-img-circular-lg: 184px;
    --ui-sizing-img-circular-2xl: 224px;
    --ui-sizing-img-level-card-xs: 88px;
    --ui-sizing-img-level-card-sm: 120px;
    --ui-sizing-img-level-card-xl: 132px;
    --ui-sizing-search-games-no-results-image-xs: 72px;
    --ui-sizing-search-games-no-results-image-sm: 96px;
    --ui-sizing-menu-category-icon-xs: 24px;
    --ui-sizing-menu-button: 40px;
    --ui-sizing-menu-language-button-xs: 20px;
    --ui-sizing-menu-language-button-sm: 24px;
    --ui-sizing-menu-quick-link-min-height: 48px;
    --ui-sizing-menu-quick-link-icon-width: 24px;
    --ui-sizing-menu-banner-image-width: auto;
    --ui-sizing-my-bonuses-max-width: 1500px;
    --ui-sizing-advantage-card-xs: 48px;
    --ui-sizing-advantage-card-lg: 80px;
    --ui-sizing-avatar-width-xs: 48px;
    --ui-sizing-avatar-width-sm: 48px;
    --ui-sizing-avatar-border: 1px;
    --ui-sizing-quick-user-menu-avatar-width-xs: 88px;
    --ui-sizing-quick-user-menu-avatar-width-sm: 88px;
    --ui-sizing-quick-user-menu-border: 0;
    --ui-sizing-quick-user-menu-container-width-xs: 100%;
    --ui-sizing-quick-user-menu-container-width-sm: 320px;
    --ui-sizing-account-page-max-width: 1400px;
    --ui-sizing-total-jackpot-video-height-xs: 380px;
    --ui-sizing-total-jackpot-video-height-sm: 488px;
    --ui-sizing-total-jackpot-video-height-lg: 800px;
    --ui-sizing-cashier-modal-warning-icon: 20px;
    --ui-sizing-banner-gradient-background-gradient-stop-from: 0%;
    --ui-sizing-banner-gradient-background-gradient-stop-via: 50%;
    --ui-sizing-banner-gradient-background-gradient-stop-to: 100%;
    --ui-sizing-banner-gradient-bg-border-gradient-stop-from: 0%;
    --ui-sizing-banner-gradient-bg-border-gradient-stop-via: 24%;
    --ui-sizing-banner-gradient-bg-border-gradient-stop-to: 100%;
    --ui-sizing-header-button-image: 24px;
    --ui-sizing-balance-history-container-xs: 48px;
    --ui-sizing-balance-history-container-sm: 48px;
    --ui-sizing-balance-history-container-lg: 48px;
    --ui-sizing-balance-icon: 20px;
    --ui-sizing-balance-text-min-width: auto;
    --ui-sizing-balance-text-max-width: 100%;
    --ui-sizing-balance-container-icon-min-width: 36px;
    --ui-sizing-game-card-title-gradient-stop-from: 0%;
    --ui-sizing-game-card-title-gradient-stop-via: 50%;
    --ui-sizing-game-card-title-gradient-stop-to: 100%;
    --ui-sizing-game-card-placeholder-logo-xs: 48px;
    --ui-sizing-game-card-placeholder-logo-sm: 52px;
    --ui-sizing-game-card-buttons-container-width: 100px;
    --ui-sizing-section-header-arrow-width: 21px;
    --ui-sizing-section-header-arrow-height: 23px;
    --ui-sizing-payments-switcher: 320px;
    --ui-sizing-user-board-level-xs: 40px;
    --ui-sizing-user-board-level-sm: 40px;
    --ui-sizing-user-board-level-lg: 56px;
    --ui-sizing-register-image: 72px;
    --ui-sizing-register-container-lg: 400px;
    --ui-sizing-register-container-sm: 400px;
    --ui-sizing-register-container-xs: 400px;
    --ui-sizing-register-wrapper-height: 722px;
    --ui-sizing-register-wrapper-width-xs: 100%;
    --ui-sizing-register-wrapper-width-sm: 480px;
    --ui-sizing-hero-section-video-not-logged-xs: 352px;
    --ui-sizing-hero-section-video-not-logged-sm: 320px;
    --ui-sizing-hero-section-video-not-logged-xl: 540px;
    --ui-sizing-hero-section-video-logged-xl: 650px;
    --ui-sizing-hero-section-video-logged-sm: 650px;
    --ui-sizing-hero-section-video-logged-xs: 600px;
    --ui-sizing-hero-section-gradient-not-logged-xs: 510px;
    --ui-sizing-hero-section-gradient-not-logged-sm: 590px;
    --ui-sizing-hero-section-gradient-not-logged-2xl: 580px;
    --ui-sizing-hero-section-gradient-logged-xs: 510px;
    --ui-sizing-hero-section-gradient-logged-sm: 570px;
    --ui-sizing-hero-section-gradient-logged-2xl: 500px;
    --ui-sizing-hero-section-gradient-logged-3xl: 440px;
    --ui-sizing-hero-content-container-width-xs: 100%;
    --ui-sizing-hero-content-container-width-sm: 368px;
    --ui-sizing-hero-content-container-width-xl: 620px;
    --ui-sizing-hero-content-container-width-2xl: 790px;
    --ui-sizing-hero-content-button-width-xs: 248px;
    --ui-sizing-hero-content-button-width-sm: 248px;
    --ui-sizing-hero-content-button-width-xl: 324px;
    --ui-sizing-games-page-title-min-height-xs: 96;
    --ui-sizing-games-page-title-min-height-sm: 96;
    --ui-sizing-games-page-title-min-height-lg: 216;
    --ui-sizing-games-page-title-min-height-xl: 216;
    --ui-sizing-games-page-max-width: 1560px;
    --ui-sizing-the-header-xs: 48px;
    --ui-sizing-the-header-sm: 85px;
    --ui-sizing-logo-xs: 42px;
    --ui-sizing-logo-sm: 52px;
    --ui-sizing-promo-button-text: 280px;
    --ui-sizing-category-card-image-xs: 64px;
    --ui-sizing-category-card-image-sm: 72px;
    --ui-sizing-provider-card-image-width-xs: 120px;
    --ui-sizing-provider-card-image-width-sm: 160px;
    --ui-sizing-provider-card-image-height-xs: 48px;
    --ui-sizing-provider-card-image-height-sm: 64px;
    --ui-sizing-deposit-card-bottom: 0px;
    --ui-sizing-payment-detail-card-xs: 168px;
    --ui-sizing-payment-detail-card-sm: 160px;
    --ui-sizing-payment-detail-card-lg: 168px;
    --ui-sizing-payment-detail-card-logo-height: 40px;
    --ui-sizing-payment-detail-card-logo-width: 136px;
    --ui-sizing-options-switcher-line: 8px;
    --ui-sizing-options-switcher-container-height-xs: 36px;
    --ui-sizing-options-switcher-container-height-sm: 42px;
    --ui-sizing-options-switcher-container-width-xs: 122px;
    --ui-sizing-options-switcher-container-width-sm: 128px;
    --ui-sizing-options-switcher-container-width-lg: 136px;
    --ui-sizing-footer-item-icon: 8px;
    --ui-sizing-header-layout-switcher-container: 100px;
    --ui-sizing-header-layout-switcher-icon: 18px;
    --ui-sizing-active-bonus-card-bg-border-gradient-stop-from: 0%;
    --ui-sizing-active-bonus-card-bg-border-gradient-stop-via: 50%;
    --ui-sizing-active-bonus-card-bg-border-gradient-stop-to: 100%;
    --ui-sizing-active-bonus-card-width-xs: auto;
    --ui-sizing-active-bonus-card-width-sm: 448px;
    --ui-sizing-active-bonus-card-width-2xl: 524px;
    --ui-sizing-active-bonus-card-height-xs: auto;
    --ui-sizing-active-bonus-card-height-sm: 380px;
    --ui-sizing-active-bonus-card-height-2xl: 444px;
    --ui-sizing-pending-bonus-card-bg-border-gradient-stop-to: 100%;
    --ui-sizing-pending-bonus-card-bg-border-gradient-stop-via: 50%;
    --ui-sizing-pending-bonus-card-bg-border-gradient-stop-from: 0%;
    --ui-sizing-pending-bonus-card-image-max-width-sm: var(--ui-sizing-available-bonus-card-image-max-width-sm, 320px);
    --ui-sizing-pending-bonus-card-image-max-width-2xl: var(--ui-sizing-available-bonus-card-image-max-width-2xl, 368px);
    --ui-sizing-pending-bonus-card-width-sm: var(--ui-sizing-available-bonus-card-width-sm, 316px);
    --ui-sizing-pending-bonus-card-width-2xl: var(--ui-sizing-available-bonus-card-width-2xl, 368px);
    --ui-sizing-pending-bonus-card-height-xs: var(--ui-sizing-available-bonus-card-height-xs, 278px);
    --ui-sizing-pending-bonus-card-height-sm: var(--ui-sizing-available-bonus-card-height-sm, 268px);
    --ui-sizing-pending-bonus-card-height-2xl: var(--ui-sizing-available-bonus-card-height-2xl, 312px);
    --ui-sizing-pending-bonus-card-container-max-width-xs: var(--ui-sizing-available-bonus-card-container-max-width-xs, 392px);
    --ui-sizing-pending-bonus-card-container-max-width-sm: var(--ui-sizing-available-bonus-card-container-max-width-sm, 592px);
    --ui-sizing-pending-bonus-card-container-max-width-2xl: var(--ui-sizing-available-bonus-card-container-max-width-2xl, 688px);
    --ui-sizing-available-bonus-card-height-xs: 278px;
    --ui-sizing-available-bonus-card-height-sm: 268px;
    --ui-sizing-available-bonus-card-height-2xl: 312px;
    --ui-sizing-available-bonus-card-width-sm: 316px;
    --ui-sizing-available-bonus-card-width-2xl: 368px;
    --ui-sizing-available-bonus-card-container-max-width-xs: 392px;
    --ui-sizing-available-bonus-card-container-max-width-sm: 592px;
    --ui-sizing-available-bonus-card-container-max-width-2xl: 688px;
    --ui-sizing-available-bonus-card-image-max-width-sm: 320px;
    --ui-sizing-available-bonus-card-image-max-width-2xl: 368px;
    --ui-sizing-iphone-promo-background-xs: 600px;
    --ui-sizing-iphone-promo-background-lg: 1024px;
    --ui-sizing-iphone-promo-background-xl: 1340px;
    --ui-sizing-payment-visa-width-xs: 60px;
    --ui-sizing-payment-visa-width-sm: 63px;
    --ui-sizing-payment-visa-height-xs: 24px;
    --ui-sizing-payment-visa-height-sm: 24px;
    --ui-sizing-payment-master-card-width-xs: 100px;
    --ui-sizing-payment-master-card-width-sm: 120px;
    --ui-sizing-payment-master-card-height-xs: 24px;
    --ui-sizing-payment-master-card-height-sm: 24px;
    --ui-sizing-payment-crypto-width-xs: 70px;
    --ui-sizing-payment-crypto-width-sm: 84px;
    --ui-sizing-payment-crypto-height-xs: 24px;
    --ui-sizing-payment-crypto-height-sm: 24px;
    --ui-sizing-user-deposit-card-container-xs: 329px;
    --ui-sizing-user-deposit-card-container-sm: 360px;
    --ui-sizing-game-footer-xs: 72px;
    --ui-sizing-game-footer-sm: 80px;
    --ui-sizing-game-footer-lg: 72px;
    --ui-sizing-cancel-register-xs: 320px;
    --ui-sizing-cancel-register-sm: 480px;
    --ui-sizing-cancel-register-lg: 800px;
    --ui-sizing-headline-icon-xs: 20px;
    --ui-sizing-headline-icon-sm: 24px;
    --ui-sizing-headline-icon-lg: 32px;
    --ui-sizing-language-button-flag-xs: 32px;
    --ui-sizing-language-button-flag-sm: 40px;
    --ui-sizing-language-button-sm: 120px;
    --ui-sizing-language-button-xs: 88px;
    --ui-sizing-language-button-border: 0;
    --ui-sizing-promotion-page-max-width: 1400px;
    --ui-sizing-promotions-carousel-max-width: 1560px;
    --ui-sizing-dashboard-transaction-card-image-xs: 72px;
    --ui-sizing-dashboard-transaction-card-image-sm: 72px;
    --ui-sizing-dashboard-transaction-card-image-lg: 96px;
    --ui-sizing-promotion-card-lg: 320px;
    --ui-sizing-promotion-card-width-xs: 0px;
    --ui-sizing-promotion-card-width-sm: 0px;
    --ui-sizing-promotion-card-width-xl: 0px;
    --ui-sizing-promotion-card-content-max-width-xs: 250px;
    --ui-sizing-promotion-card-content-max-width-sm: 68%;
    --ui-sizing-promotion-card-content-max-width-lg: 68%;
    --ui-sizing-promotion-details-page-max-width: 1400px;
    --ui-sizing-vip-description-xs: 582px;
    --ui-sizing-vip-description-sm: 750px;
    --ui-sizing-vip-description-lg: 880px;
    --ui-sizing-vip-widget-height-xs: 914px;
    --ui-sizing-vip-widget-height-sm: 850px;
    --ui-sizing-vip-widget-icon-lg: 78px;
    --ui-sizing-vip-widget-icon-sm: 70px;
    --ui-sizing-vip-widget-icon-xs: 14px;
    --ui-sizing-vip-widget-tooltip-width: 64px;
    --ui-sizing-vip-widget-tooltip-height: 62px;
    --ui-sizing-vip-page-container-max-width: 1400px;
    --ui-sizing-vip-page-levels-container-max-width: 1400px;
    --ui-sizing-vip-level-card-image-xs: 88px;
    --ui-sizing-vip-level-card-image-sm: 120px;
    --ui-sizing-vip-level-card-image-lg: 132px;
    --ui-sizing-vip-level-card-size-sm: 290px;
    --ui-sizing-vip-level-card-size-md: 340px;
    --ui-sizing-vip-level-card-size-lg: 394px;
    --ui-sizing-vip-card-width-xs: auto;
    --ui-sizing-vip-card-width-sm: auto;
    --ui-sizing-vip-card-width-lg: auto;
    --ui-sizing-vip-video-height-xs: auto;
    --ui-sizing-vip-video-height-sm: auto;
    --ui-sizing-vip-video-height-xl: auto;
    --ui-sizing-vip-video-carousel-xs: auto;
    --ui-sizing-vip-video-carousel-sm: auto;
    --ui-sizing-vip-video-carousel-lg: auto;
    --ui-sizing-payment-method-image-xs: 102px;
    --ui-sizing-payment-method-image-lg: 168px;
    --ui-sizing-shop-earn-coins-card-image-xs: 24px;
    --ui-sizing-shop-earn-coins-card-image-lg: 48px;
    --ui-sizing-shop-earn-coins-card-gap-vertical: 16px;
    --ui-sizing-shop-not-enough-coins-icon-xs: 24px;
    --ui-sizing-shop-not-enough-coins-icon-lg: 48px;
    --ui-sizing-shop-modal-container-gap-xs: 16px;
    --ui-sizing-shop-modal-container-gap-lg: 32px;
    --ui-sizing-shop-modal-header-gap-xs: 16px;
    --ui-sizing-shop-modal-content-gap-xs: 40px;
    --ui-sizing-shop-modal-content-gap-lg: 8px;
    --ui-sizing-shop-modal-item-card-gap-xs: 4px;
    --ui-sizing-shop-modal-details-gap-xs: 8px;
    --ui-sizing-shop-page-container-max-width: 1400px;
    --ui-sizing-shop-level-card-image-xs: 88px;
    --ui-sizing-shop-level-card-image-sm: 120px;
    --ui-sizing-shop-level-card-image-lg: 132px;
    --ui-sizing-latest-wins-image-xs: 116px;
    --ui-sizing-latest-wins-image-sm: 116px;
    --ui-sizing-latest-wins-image-lg: 116px;
    --ui-sizing-no-bonus-card-height-xs: auto;
    --ui-sizing-no-bonus-card-height-sm: 268px;
    --ui-sizing-no-bonus-card-height-lg: 312px;
    --ui-sizing-no-bonus-card-max-width-xs: 360px;
    --ui-sizing-no-bonus-card-max-width-sm: 592px;
    --ui-sizing-no-bonus-card-max-width-lg: 688px;
    --ui-sizing-footer-page-image-xs: 56px;
    --ui-sizing-footer-page-image-sm: 80px;
    --ui-sizing-footer-page-image-lg: 96px;
    --ui-sizing-footer-page-max-width-xs: 912px;
    --ui-sizing-footer-page-max-width-lg: 1396px;
    --ui-sizing-footer-page-payments-switcher-width: 320px;
    --ui-sizing-sidebar-xl: 320px;
    --ui-sizing-sidebar-collapsed-width: 80px;
    --ui-sizing-bottom-navigation-image-width: 32px;
    --ui-sizing-bottom-navigation-image-height: 32px;
    --ui-sizing-crypto-deposit-banner-container-width: 1039px;
    --ui-sizing-crypto-deposit-banner-wrapper-width: 1559px;
    --ui-sizing-crypto-deposit-banner-icon-xs: 44px;
    --ui-sizing-crypto-deposit-banner-icon-lg: 48px;
    --ui-sizing-quick-links-title-max-height-xs: 246px;
    --ui-sizing-quick-links-title-max-height-sm: 262px;
    --ui-sizing-quick-links-title-max-height-lg: 262px;
    --ui-sizing-quick-links-subtitle-max-height-xs: 120px;
    --ui-sizing-quick-links-subtitle-max-height-sm: 128px;
    --ui-sizing-quick-links-subtitle-max-height-lg: 128px;
    --ui-sizing-home-content-max-width: 1560px;
    --ui-sizing-user-board-card-list-icon: 24px;
    --ui-sizing-input-max-height: 48px;
    --ui-sizing-input-height: 48px;
    --ui-sizing-expandable-menu-icon-width: 24px;
    --ui-sizing-expandable-menu-item-icon-width: 24px;
    --ui-sizing-auth-wrapper-lg: 400px;
    --ui-sizing-rewardback-menu-wrapper-xs: 95px;
    --ui-sizing-rewardback-menu-wrapper-sm: 156px;
    --ui-sizing-rewardback-menu-content-xs: 100%;
    --ui-sizing-rewardback-menu-content-sm: 100%;
    --ui-sizing-rewardback-card-wrapper-xs: 182px;
    --ui-sizing-rewardback-card-wrapper-width-xs: 100%;
    --ui-sizing-rewardback-card-wrapper-width-sm: 100%;
    --ui-sizing-rewardback-card-wrapper-width-lg: 100%;
    --ui-sizing-rewardback-card-image-xs: 280px;
    --ui-sizing-rewardback-details-card-image-xs: 160px;
    --ui-sizing-rewardback-details-card-image-sm: 180px;
    --ui-sizing-rewardback-details-card-image-lg: 198px;
    --ui-sizing-rewardback-details-card-image-2xl: 198px;
    --ui-sizing-rewardback-details-card-info-xs: 254px;
    --ui-sizing-rewardback-details-card-info-sm: 100%;
    --ui-sizing-rewardback-details-card-info-lg: 320px;
    --ui-sizing-rewardback-details-card-start-image-xs: 120%;
    --ui-sizing-rewardback-details-card-start-image-sm: 110%;
    --ui-sizing-rewardback-details-card-start-image-lg: 120%;
    --ui-sizing-rewardback-details-card-wrapper-height-xs: 500px;
    --ui-sizing-rewardback-details-card-wrapper-height-sm: 580px;
    --ui-sizing-rewardback-details-card-wrapper-height-2xl: 640px;
    --ui-sizing-promotions-page-max-width: 1599px;
    --ui-sizing-promotions-page-card-max-width-xs: 100%;
    --ui-sizing-promotions-page-card-max-width-sm: 720px;
    --ui-sizing-promotions-page-card-max-width-lg: 720px;
    --ui-sizing-promotions-page-card-height-xs: 240px;
    --ui-sizing-promotions-page-card-height-sm: 337px;
    --ui-sizing-promotions-page-card-height-lg: 337px;
    --ui-sizing-partner-card-image-height: 26px;
    --ui-sizing-rewardback-page-max-width: 1400px;
    --ui-sizing-error-page-title-max-width-xs: 268px;
    --ui-sizing-error-page-title-max-width-sm: 100%;
    --ui-sizing-error-page-text-max-width-xs: 320px;
    --ui-sizing-error-page-text-max-width-sm: 396px;
    --ui-sizing-error-page-text-max-width-lg: 100%;
    --ui-sizing-error-page-image-max-width-xs: 230px;
    --ui-sizing-error-page-image-max-width-sm: 356px;
    --ui-sizing-error-page-image-max-width-lg: 396px;
    --ui-sizing-game-page-max-width: 1600px;
    --ui-sizing-transactions-table-icon-xs: 32px;
    --ui-sizing-transactions-table-container-xs: 410px;
    --ui-sizing-transactions-table-container-sm: 520px;
    --ui-sizing-transactions-filters-container-sm: 604px;
    --ui-sizing-action-max-width: 400px;
    --ui-sizing-select-default-option: 56px;
    --ui-sizing-kyc-verification-error-width-xs: auto;
    --ui-sizing-kyc-verification-error-width-sm: 480px;
    --ui-sizing-kyc-verification-error-height-xs: 312px;
    --ui-sizing-kyc-verification-error-height-sm: 312px;
    --ui-sizing-verification-card-image-height-xs: 210px;
    --ui-sizing-verification-card-image-height-sm: 220px;
    --ui-sizing-verification-card-image-height-lg: 352px;
    --ui-sizing-login-modal-width: 420px;
    --ui-sizing-button-menu-min-width: auto;
    --ui-sizing-bonus-options-card-height: 56px;
    --ui-sizing-bonus-options-card-readonly-xs: 284px;
    --ui-sizing-bonus-options-card-readonly-sm: 320px;
    --ui-sizing-sport-category-card-card-width-xs: 150px;
    --ui-sizing-sport-category-card-card-width-sm: 166px;
    --ui-sizing-sport-category-card-card-width-lg: 166px;
    --ui-sizing-sport-category-card-title-width-xs: 117px;
    --ui-sizing-sport-category-card-title-width-sm: 130px;
    --ui-sizing-sport-category-card-title-height-xs: 44px;
    --ui-sizing-sport-category-card-title-height-sm: 49px;
    --ui-sizing-sport-category-card-image-height-xs: 126px;
    --ui-sizing-sport-category-card-image-height-sm: 139px;
    --ui-sizing-sport-category-card-image-height-lg: 139px;
    --ui-sizing-sport-categories-section-min-height-xs: 136px;
    --ui-sizing-sport-categories-section-min-height-sm: 156px;
    --ui-sizing-contact-preferences-card-max-width: 680px;
    --ui-sizing-base-toggle-container-width: 30px;
    --ui-sizing-base-toggle-container-height: 30px;
    --ui-sizing-base-toggle-span-width: 24px;
    --ui-sizing-base-toggle-span-height: 24px;
    --ui-colors-white: #fff;
    --ui-colors-black: #121212;
    --ui-colors-overlay: #000;
    --ui-colors-transparent: #00000000;
    --ui-colors-primary-50: #fcf4e6;
    --ui-colors-primary-100: #faead0;
    --ui-colors-primary-200: #f4d7a3;
    --ui-colors-primary-300: #efc376;
    --ui-colors-primary-400: #ebaf49;
    --ui-colors-primary-450: #f0ad48;
    --ui-colors-primary-500: #f7a61d;
    --ui-colors-primary-600: #c68517;
    --ui-colors-primary-700: #8e600f;
    --ui-colors-primary-750: #6c4c1b;
    --ui-colors-primary-800: #61410a;
    --ui-colors-primary-900: #342306;
    --ui-colors-primary-950: #1e1403;
    --ui-colors-neutral-50: #030b11;
    --ui-colors-neutral-100: #f2f2f2;
    --ui-colors-neutral-200: #bcbdc2;
    --ui-colors-neutral-250: #d6d6d6;
    --ui-colors-neutral-300: #c7c7c7;
    --ui-colors-neutral-350: #9093a0;
    --ui-colors-neutral-400: #595d6d;
    --ui-colors-neutral-500: #929292;
    --ui-colors-neutral-600: #717171;
    --ui-colors-neutral-650: #3f3f3f;
    --ui-colors-neutral-700: #353535;
    --ui-colors-neutral-750: #2e2e2e;
    --ui-colors-neutral-800: #292929;
    --ui-colors-neutral-900: #242424;
    --ui-colors-neutral-925: #1e1e1e;
    --ui-colors-neutral-950: #02050d;
    --ui-colors-neutral-975: #1f2533;
    --ui-colors-tertiary-50: #dee0e7;
    --ui-colors-tertiary-100: #adb2c3;
    --ui-colors-tertiary-200: #959bb1;
    --ui-colors-tertiary-300: #676e89;
    --ui-colors-tertiary-400: #3b3e4e;
    --ui-colors-tertiary-500: #2e3343;
    --ui-colors-tertiary-600: #061a29;
    --ui-colors-tertiary-700: #0e0f0f;
    --ui-colors-tertiary-750: #0a141c;
    --ui-colors-tertiary-800: #0b1219;
    --ui-colors-tertiary-900: #091015;
    --ui-colors-white-transparent-100: #ffffff14;
    --ui-colors-white-transparent-200: #ffffff33;
    --ui-colors-white-transparent-300: #ffffff4d;
    --ui-colors-white-transparent-400: #ffffff99;
    --ui-colors-danger-50: #fce7e6;
    --ui-colors-danger-100: #fad2d0;
    --ui-colors-danger-200: #f4a7a3;
    --ui-colors-danger-300: #ef7c76;
    --ui-colors-danger-400: #eb5149;
    --ui-colors-danger-500: #e6261c;
    --ui-colors-danger-600: #bb1d15;
    --ui-colors-danger-700: #8e160f;
    --ui-colors-danger-800: #610f0a;
    --ui-colors-danger-900: #340806;
    --ui-colors-success-50: #edfce6;
    --ui-colors-success-100: #dcfad0;
    --ui-colors-success-200: #bbf4a3;
    --ui-colors-success-300: #9aef76;
    --ui-colors-success-400: #79eb49;
    --ui-colors-success-500: #58e61c;
    --ui-colors-success-600: #47bb15;
    --ui-colors-success-700: #358e0f;
    --ui-colors-success-800: #25610a;
    --ui-colors-success-900: #143406;
    --ui-colors-warning-50: #fcf2e6;
    --ui-colors-warning-100: #fae5d0;
    --ui-colors-warning-200: #f4cba3;
    --ui-colors-warning-300: #efb076;
    --ui-colors-warning-400: #eb9249;
    --ui-colors-warning-500: #e6731c;
    --ui-colors-warning-600: #bb5915;
    --ui-colors-warning-700: #8e410f;
    --ui-colors-warning-800: #612b0a;
    --ui-colors-warning-900: #341606;
    --ui-colors-secondary-50: #edf2f5;
    --ui-colors-secondary-100: #dce6ed;
    --ui-colors-secondary-200: #b8cddf;
    --ui-colors-secondary-300: #92b3d3;
    --ui-colors-secondary-400: #6a98c9;
    --ui-colors-secondary-500: #407bc2;
    --ui-colors-secondary-600: #2e60a2;
    --ui-colors-secondary-700: #1f467f;
    --ui-colors-secondary-800: #132d59;
    --ui-colors-secondary-900: #091731;
    --ui-colors-secondary-950: #0a0f18;
    --ui-colors-secondary-1000: #030b11;
    --ui-colors-gradient-icon: var(--ui-colors-primary-200, linear-gradient(90deg, #f4d7a3 0%, #342306 100%));
    --ui-colors-gradient-button: linear-gradient(225deg, #d53544, #e6037f 53.5%, #e6037f 100%, #e6037f 100.01%);
    --ui-colors-gradient-button-hover: linear-gradient(87deg, #d53544 .08%, #affa00 51.62%, #e6037f 99.53%);
    --ui-colors-gradient-button-focused: linear-gradient(87deg, #d53544 2.68%, #e6037f 100.05%);
    --ui-colors-gradient-stroke: linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    --ui-colors-gradient-game-card: var(--ui-colors-tertiary-600, linear-gradient(180deg, #061a29 0%, #091015 100%));
    --ui-colors-gradient-game-card-border: var(--ui-colors-transparent, linear-gradient(180deg, #00000000 0%, #ffffff4d 33%, #407bc2 100%));
    --ui-colors-gradient-promotion-card: linear-gradient(180deg, #0b141c, #090e12);
    --ui-colors-gradient-promotion-card-border: var(--ui-colors-neutral-950, linear-gradient(180deg, #02050d 0%, #02050d 23%, #ebaf49 100%));
    --ui-colors-gradient-promotion-card-image-overlay: linear-gradient(180deg, #0b0f1800, #0b0e18);
    --ui-colors-gradient-game-hover: linear-gradient(180deg, rgba(50, 50, 50, .16), rgba(33, 72, 0, .8) 93.75%);
    --ui-colors-gradient-container: linear-gradient(180deg, rgba(54, 48, 28, 0) 3.75%, hsla(43, 74%, 76%, .5) 33.5%, #fae4a2);
    --ui-colors-gradient-menu-divider: linear-gradient(270deg, #cca05d, #3a2e12 18%, #5f4d1e 56%, #b89231);
    --ui-colors-gradient-balance: linear-gradient(180deg, #0e0f0f, #061a29 89.6%);
    --ui-colors-gradient-bottom-nav: linear-gradient(90deg, rgba(0, 0, 0, .8), transparent 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, .8));
    --ui-colors-gradient-placeholder-card: var(--ui-colors-primary-800, linear-gradient(90deg, #61410a 0%, #61410a 100%));
    --ui-colors-gradient-sport-category-card: linear-gradient(180deg, #d2002f, #5e0405);
    --ui-colors-campaign-brown-start: rgba(194, 144, 73, .4);
    --ui-colors-campaign-brown-end: rgba(194, 144, 73, .1);
    --ui-colors-campaign-purple-start: rgba(71, 89, 204, .4);
    --ui-colors-campaign-purple-end: rgba(71, 89, 204, .1);
    --ui-colors-campaign-green-start: #70c249;
    --ui-colors-campaign-green-end: rgba(112, 194, 73, .2);
    --ui-colors-campaign-blue-start: rgba(21, 62, 219, .4);
    --ui-colors-campaign-blue-end: rgba(21, 62, 219, .1);
    --ui-colors-campaign-gray-start: #393d3b;
    --ui-colors-campaign-gray-end: #393d3b;
    --ui-colors-campaign-black-start: #232323;
    --ui-colors-campaign-black-end: #232323;
    --ui-opacity-low: 10%;
    --ui-opacity-md: 50%;
    --ui-opacity-high: 90%;
    --ui-opacity-see-details: 80%;
    --ui-font-families-heading: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-body: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-button: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-primary: Nunito Sans;
    --ui-font-families-secondary: ivypresto-display;
    --ui-font-families-tertiary: haboro-contrast-extended;
    --ui-font-families-error-page-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-providers-page-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-game-page-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-games-section-see-text: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-font-families-user-games-page-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-user-games-modal-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-campaign-page-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-promotions-page-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-my-bonuses-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-pending-bonus-section-title: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-available-bonus-section-title: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-active-bonus-section-title: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-jackpot-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-jackpot-text: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-vip-widget-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-vip-widget-text: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-vip-widget-tooltip: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-vip-description-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-vip-description-text: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-deposit-promo-amount-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-deposit-promo-bonus-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-deposit-promo-text: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-banner-text: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-banner-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-banner-static-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-provider-card-fallback-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-search-provider-card-fallback-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-porsche-promo-internal-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-porsche-promo-internal-text: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-porsche-promo-internal-description: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-porsche-promo-external-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-porsche-promo-external-text: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-porsche-promo-external-span: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-promotion-card-title: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-promotion-card-text: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-options-switcher: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-advantage-card-title: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-personal-info-card-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-transactions-filters-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-transactions-filters-transaction-type: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-welcome-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-payment-methods-title: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-kyc-verification-text: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-i-payments-selector: var(--ui-font-families-secondary, ivypresto-display);
    --ui-font-families-payment-methods-balance-card-balance: var(--ui-font-families-primary, Nunito Sans);
    --ui-font-families-kyc-documents-title: var(--ui-font-families-body, Nunito Sans);
    --ui-line-heights-heading: 110%;
    --ui-line-heights-body: 140%;
    --ui-line-heights-button-lg: 20;
    --ui-line-heights-button-md: 20;
    --ui-line-heights-button-sm: 20;
    --ui-line-heights-button-xs: 16;
    --ui-line-heights-deposit-card-title-xs: 16px;
    --ui-line-heights-deposit-card-title-sm: 18px;
    --ui-line-heights-deposit-card-title-lg: 24px;
    --ui-line-heights-deposit-card-text-xs: 20px;
    --ui-line-heights-leaderboard-text: 16px;
    --ui-line-heights-deposit-promo-amount-title: 36px;
    --ui-line-heights-deposit-promo-bonus-title: 36px;
    --ui-line-heights-deposit-promo-text: 28px;
    --ui-line-heights-i-payments-amount-xs: 20px;
    --ui-line-heights-i-payments-total-amount-xs: 20px;
    --ui-line-heights-select-text: 24px;
    --ui-line-heights-banner-title-xs: 44px;
    --ui-line-heights-banner-title-sm: 44px;
    --ui-line-heights-banner-title-lg: 64px;
    --ui-line-heights-banner-text-xs: 24px;
    --ui-line-heights-banner-text-sm: 24px;
    --ui-line-heights-banner-text-lg: 32px;
    --ui-line-heights-banner-details-xs: 20px;
    --ui-line-heights-banner-details-sm: 20px;
    --ui-line-heights-banner-details-lg: 22px;
    --ui-line-heights-banner-static-title-xs: 28px;
    --ui-line-heights-banner-static-title-sm: 38px;
    --ui-line-heights-banner-static-title-lg: 62px;
    --ui-line-heights-banner-static-text-xs: 16px;
    --ui-line-heights-banner-static-text-sm: 26px;
    --ui-line-heights-banner-static-text-lg: 26px;
    --ui-line-heights-banner-title-vip-xs: 30px;
    --ui-line-heights-banner-title-vip-sm: 62px;
    --ui-line-heights-banner-text-large: 1;
    --ui-line-heights-promo-button-title: 18px;
    --ui-line-heights-promo-button-text: 16px;
    --ui-line-heights-campaign-page-title-xs: 40px;
    --ui-line-heights-campaign-page-title-sm: 36px;
    --ui-line-heights-campaign-page-title-lg: 44px;
    --ui-line-heights-campaign-page-date-xs: 28px;
    --ui-line-heights-campaign-page-date-sm: 28px;
    --ui-line-heights-campaign-page-date-lg: 28px;
    --ui-line-heights-campaign-page-time-xs: 24px;
    --ui-line-heights-campaign-page-time-sm: 24px;
    --ui-line-heights-campaign-page-time-lg: 24px;
    --ui-line-heights-campaign-page-text-xs: 20px;
    --ui-line-heights-campaign-page-text-sm: 20px;
    --ui-line-heights-campaign-page-text-lg: 20px;
    --ui-line-heights-games-section-title: 22px;
    --ui-line-heights-promotions-page-title-xs: 28px;
    --ui-line-heights-promotions-page-title-sm: 48px;
    --ui-line-heights-promotions-page-title-lg: 52px;
    --ui-line-heights-promotion-card-title-xs: 16px;
    --ui-line-heights-promotion-card-title-sm: 20px;
    --ui-line-heights-promotion-card-title-lg: 20px;
    --ui-line-heights-promotion-card-text-xs: 20px;
    --ui-line-heights-promotion-card-text-sm: 24px;
    --ui-line-heights-promotion-card-text-lg: 28px;
    --ui-line-heights-promotion-card-details-xs: 20px;
    --ui-line-heights-promotion-card-date-xs: 16px;
    --ui-line-heights-promotion-card-date-sm: 16px;
    --ui-line-heights-promotion-card-date-lg: 19px;
    --ui-line-heights-promotion-card-start-xs: 16px;
    --ui-line-heights-promotion-card-start-sm: 16px;
    --ui-line-heights-promotion-card-start-lg: 19px;
    --ui-line-heights-jackpot-title-xs: 24px;
    --ui-line-heights-jackpot-title-sm: 24px;
    --ui-line-heights-jackpot-title-lg: 36px;
    --ui-line-heights-jackpot-text-xs: 38px;
    --ui-line-heights-jackpot-text-sm: 48px;
    --ui-line-heights-jackpot-text-lg: 62px;
    --ui-line-heights-promotion-info-title-xs: 26px;
    --ui-line-heights-promotion-info-title-sm: 24px;
    --ui-line-heights-promotion-info-title-lg: 26px;
    --ui-line-heights-promotion-info-text-xs: 20px;
    --ui-line-heights-promotion-info-text-lg: 24px;
    --ui-line-heights-promotion-terms-title-xs: 26px;
    --ui-line-heights-promotion-terms-title-sm: 24px;
    --ui-line-heights-promotion-terms-title-lg: 26px;
    --ui-line-heights-promotion-terms-text-xs: 20px;
    --ui-line-heights-promotion-terms-text-sm: 26px;
    --ui-line-heights-my-bonuses-title-xs: 36px;
    --ui-line-heights-my-bonuses-title-sm: 48px;
    --ui-line-heights-my-bonuses-title-lg: 48px;
    --ui-line-heights-confirm-title-xs: 26px;
    --ui-line-heights-confirm-title-sm: 28px;
    --ui-line-heights-confirm-text-xs: 20px;
    --ui-line-heights-confirm-text-sm: 24px;
    --ui-line-heights-available-bonus-section-title-xs: 28px;
    --ui-line-heights-available-bonus-section-title-sm: 28px;
    --ui-line-heights-available-bonus-section-title-lg: 28px;
    --ui-line-heights-available-bonus-section-no-bonus: 20px;
    --ui-line-heights-pending-bonus-section-title-xs: 28px;
    --ui-line-heights-pending-bonus-section-title-sm: 28px;
    --ui-line-heights-pending-bonus-section-title-lg: 28px;
    --ui-line-heights-pending-bonus-section-no-bonus: 20px;
    --ui-line-heights-active-bonus-section-title-xs: 28px;
    --ui-line-heights-active-bonus-section-title-sm: 28px;
    --ui-line-heights-active-bonus-section-title-lg: 28px;
    --ui-line-heights-active-bonus-section-no-bonus: 20px;
    --ui-line-heights-active-bonus-card-title-xs: 20px;
    --ui-line-heights-active-bonus-card-title-sm: 20px;
    --ui-line-heights-active-bonus-card-title-lg: 20px;
    --ui-line-heights-active-bonus-card-text-xs: 20px;
    --ui-line-heights-active-bonus-card-text-sm: 28px;
    --ui-line-heights-active-bonus-card-text-lg: 28px;
    --ui-line-heights-active-bonus-card-label-xs: 20px;
    --ui-line-heights-active-bonus-card-label-sm: 24px;
    --ui-line-heights-active-bonus-card-label-lg: 24px;
    --ui-line-heights-quick-user-menu-name: 28px;
    --ui-line-heights-quick-user-menu-email: 20px;
    --ui-line-heights-quick-user-menu-text: 18px;
    --ui-line-heights-error-page-title-xs: 40px;
    --ui-line-heights-error-page-title-lg: 52px;
    --ui-line-heights-error-page-title-sm: 52px;
    --ui-line-heights-error-page-text-xs: 20px;
    --ui-line-heights-error-page-text-sm: 24px;
    --ui-line-heights-vip-widget-title: 44px;
    --ui-line-heights-vip-widget-text-xs: 18px;
    --ui-line-heights-vip-widget-tooltip-xs: 16px;
    --ui-line-heights-porsche-promo-internal-title-sm: 40px;
    --ui-line-heights-porsche-promo-internal-title-lg: 62px;
    --ui-line-heights-porsche-promo-internal-text-sm: 36px;
    --ui-line-heights-porsche-promo-internal-text-lg: 62px;
    --ui-line-heights-porsche-promo-internal-description-xs: 20px;
    --ui-line-heights-porsche-promo-internal-description-sm: 38px;
    --ui-line-heights-porsche-promo-external-title-sm: 40px;
    --ui-line-heights-porsche-promo-external-title-lg: 62px;
    --ui-line-heights-porsche-promo-external-text-sm: 32px;
    --ui-line-heights-porsche-promo-external-text-lg: 67px;
    --ui-line-heights-options-switcher-text-xs: 20px;
    --ui-line-heights-options-switcher-text-lg: 24px;
    --ui-line-heights-layout-switcher-text: 20px;
    --ui-line-heights-header-layout-switcher-text-xs: 20;
    --ui-line-heights-menu-text-xs: 20px;
    --ui-line-heights-personal-info-card-sub-title-xs: 24px;
    --ui-line-heights-personal-info-card-sub-title-sm: 24px;
    --ui-line-heights-personal-info-card-title: 1;
    --ui-line-heights-verification-page-title-xs: 40px;
    --ui-line-heights-verification-page-title-sm: 60px;
    --ui-line-heights-payment-operation-type-switcher-text-xs: 16px;
    --ui-line-heights-payment-operation-type-switcher-text-sm: 18px;
    --ui-line-heights-balance-history-title: 1;
    --ui-line-heights-similar-games-title-xs: 24px;
    --ui-line-heights-similar-games-title-sm: 28px;
    --ui-letter-spacing-default: 0;
    --ui-letter-spacing-increased: 150%;
    --ui-letter-spacing-decreased: -5%;
    --ui-letter-spacing-sidebar-button: -4%;
    --ui-paragraph-spacing-h1: 32;
    --ui-paragraph-spacing-h2: 26;
    --ui-font-weights-light: 300;
    --ui-font-weights-normal: 400;
    --ui-font-weights-bold: 700;
    --ui-font-weights-semibold: 600;
    --ui-font-weights-medium: 500;
    --ui-font-weights-body: 500;
    --ui-font-weights-button-sm: 600;
    --ui-font-weights-button-xs: 600;
    --ui-font-weights-button-md: 600;
    --ui-font-weights-button-lg: 600;
    --ui-font-weights-deposit-card-title-xs: var(--ui-font-weights-medium, 500);
    --ui-font-weights-deposit-card-title-sm: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-icon-number: var(--ui-font-weights-bold, 700);
    --ui-font-weights-navbar-header-button: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-nav-card-item: var(--ui-font-weights-medium, 500);
    --ui-font-weights-text-card-item: var(--ui-font-weights-medium, 500);
    --ui-font-weights-tab-text: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-transactions-filters-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-transactions-filters-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-transactions-no-results-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-language-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-language-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-menu-text: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-sub-menu-text: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-porsche-promo-internal-title: var(--ui-font-weights-normal, 400);
    --ui-font-weights-porsche-promo-internal-text: var(--ui-font-weights-normal, 400);
    --ui-font-weights-porsche-promo-internal-subtitle: var(--ui-font-weights-normal, 400);
    --ui-font-weights-porsche-promo-internal-description: var(--ui-font-weights-normal, 400);
    --ui-font-weights-porsche-promo-external-title: var(--ui-font-weights-normal, 400);
    --ui-font-weights-porsche-promo-external-span: var(--ui-font-weights-bold, 700);
    --ui-font-weights-porsche-promo-external-text: var(--ui-font-weights-normal, 400);
    --ui-font-weights-tournament-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-personal-info-card-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-personal-info-card-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-personal-info-card-sub-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-kyc-verification-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-kyc-verification-text: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-kyc-documents-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-kyc-documents-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-banner-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-banner-text: var(--ui-font-weights-normal, 400);
    --ui-font-weights-banner-details: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-banner-static-title: var(--ui-font-weights-normal, 400);
    --ui-font-weights-banner-static-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-banner-title-vip: var(--ui-font-weights-bold, 700);
    --ui-font-weights-transactions-table-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-user-board-list-label: var(--ui-font-weights-medium, 500);
    --ui-font-weights-user-board-list-value: var(--ui-font-weights-medium, 500);
    --ui-font-weights-navbar-item: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-campaign-page-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-campaign-page-date: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-campaign-page-time: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-campaign-page-text: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-promotions-page-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-jackpot-text: var(--ui-font-weights-bold, 700);
    --ui-font-weights-jackpot-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-promotion-info-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-promotion-info-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-promotion-terms-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-promotion-terms-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-promotion-terms-show-more: var(--ui-font-weights-medium, 500);
    --ui-font-weights-my-bonuses-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-no-bonus-card-text: var(--ui-font-weights-normal, 400);
    --ui-font-weights-confirm-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-confirm-text: var(--ui-font-weights-medium, 500);
    --ui-font-weights-available-bonus-section-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-pending-bonus-section-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-active-bonus-section-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-active-bonus-card-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-active-bonus-card-text: var(--ui-font-weights-bold, 700);
    --ui-font-weights-active-bonus-card-label: var(--ui-font-weights-normal, 400);
    --ui-font-weights-active-bonus-card-info: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-quick-user-menu-name: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-quick-user-menu-email: var(--ui-font-weights-medium, 500);
    --ui-font-weights-quick-user-menu-text: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-vip-widget-title: var(--ui-font-weights-normal, 400);
    --ui-font-weights-vip-widget-text: var(--ui-font-weights-bold, 700);
    --ui-font-weights-vip-widget-tooltip: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-vip-description-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-vip-description-text: var(--ui-font-weights-normal, 400);
    --ui-font-weights-options-switcher-text: var(--ui-font-weights-normal, 400);
    --ui-font-weights-payment-methods-balance-card-label: var(--ui-font-weights-normal, 400);
    --ui-font-weights-payment-methods-balance-card-balance: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-welcome-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-welcome-subtitle: var(--ui-font-weights-medium, 500);
    --ui-font-weights-providers-page-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-user-games-modal-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-deposit-promo-amount-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-deposit-promo-bonus-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-deposit-promo-text: var(--ui-font-weights-bold, 700);
    --ui-font-weights-provider-card-fallback-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-search-provider-card-fallback-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-promo-button-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-layout-switcher-text: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-header-layout-switcher-text-xs: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-verification-page-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-payment-operation-type-switcher: var(--ui-font-weights-medium, 500);
    --ui-font-weights-balance-history-title: var(--ui-font-weights-medium, 500);
    --ui-font-weights-user-games-page-title: var(--ui-font-weights-semibold, 600);
    --ui-font-weights-title-component: var(--ui-font-weights-normal, 400);
    --ui-font-weights-input-number: var(--ui-font-weights-medium, 500);
    --ui-font-weights-similar-games-title: var(--ui-font-weights-normal, 400);
    --ui-font-weights-promo-page-text: var(--ui-font-weights-normal, 400);
    --ui-font-weights-ext-medium: Ext Medium;
    --ui-font-weights-games-section-title: var(--ui-font-weights-bold, 700);
    --ui-font-weights-games-section-see-text: var(--ui-font-weights-normal, 400);
    --ui-font-weights-checkbox-label: var(--ui-font-weights-normal, 400);
    --ui-font-weights-amount-selector: var(--ui-font-weights-semibold, 600);
    --ui-font-sizes-h1: 56px;
    --ui-font-sizes-h2: 40px;
    --ui-font-sizes-h3: 32px;
    --ui-font-sizes-h4: 24px;
    --ui-font-sizes-h5: 20px;
    --ui-font-sizes-h6: fontSizes.body;
    --ui-font-sizes-body: 16px;
    --ui-font-sizes-sm: 14px;
    --ui-font-sizes-xs: 10px;
    --ui-font-sizes-button-xs: 12px;
    --ui-font-sizes-button-sm: 14px;
    --ui-font-sizes-button-md: 16px;
    --ui-font-sizes-button-lg: 16px;
    --ui-font-sizes-button-square-xs: 26px;
    --ui-font-sizes-button-square-sm: 26px;
    --ui-font-sizes-button-square-md: 26px;
    --ui-font-sizes-button-prefix-icon-xs: 16px;
    --ui-font-sizes-button-prefix-icon-sm: 20px;
    --ui-font-sizes-button-prefix-icon-lg: 24px;
    --ui-font-sizes-button-text-icon-xs: 18px;
    --ui-font-sizes-button-text-icon-sm: 24px;
    --ui-font-sizes-button-menu-icon-xs: 20px;
    --ui-font-sizes-button-menu-icon-sm: 20px;
    --ui-font-sizes-deposit-card-title-xs: 12px;
    --ui-font-sizes-deposit-card-title-sm: 14px;
    --ui-font-sizes-deposit-card-title-lg: 20px;
    --ui-font-sizes-deposit-card-text-xs: 14px;
    --ui-font-sizes-leaderboard-username-xs: 14px;
    --ui-font-sizes-leaderboard-list-header-xs: 12px;
    --ui-font-sizes-leaderboard-list-item-xs: 14px;
    --ui-font-sizes-deposit-promo-amount-title: 30px;
    --ui-font-sizes-deposit-promo-bonus-title: 30px;
    --ui-font-sizes-deposit-promo-text: 24px;
    --ui-font-sizes-select-icon: 24px;
    --ui-font-sizes-select-text-default-xs: 14px;
    --ui-font-sizes-select-text-default-sm: var(--ui-font-sizes-body, 16px);
    --ui-font-sizes-select-text-payment-method-option-xs: 14px;
    --ui-font-sizes-select-text-payment-method-option-sm: 14px;
    --ui-font-sizes-select-text-payment-method-option-lg: 14px;
    --ui-font-sizes-select-text-default-copy-xs: 14px;
    --ui-font-sizes-select-text-default-copy-sm: var(--ui-font-sizes-body, 16px);
    --ui-font-sizes-promo-button-title-xs: 16px;
    --ui-font-sizes-promo-button-text-xs: 14px;
    --ui-font-sizes-header-icon-xs: 20px;
    --ui-font-sizes-header-icon-sm: 24px;
    --ui-font-sizes-navbar-header-button-xs: 14px;
    --ui-font-sizes-navbar-header-button-sm: 16px;
    --ui-font-sizes-menu-icon-xs: 24px;
    --ui-font-sizes-menu-icon-sm: 24px;
    --ui-font-sizes-menu-icon-lg: 32px;
    --ui-font-sizes-menu-text-xs: 18px;
    --ui-font-sizes-menu-text-sm: 18px;
    --ui-font-sizes-menu-banner-xs: 20px;
    --ui-font-sizes-menu-banner-sm: 24px;
    --ui-font-sizes-menu-banner-md: 32px;
    --ui-font-sizes-menu-banner-lg: 40px;
    --ui-font-sizes-porsche-promo-internal-title-sm: 32px;
    --ui-font-sizes-porsche-promo-internal-title-lg: 52px;
    --ui-font-sizes-porsche-promo-internal-title-xs: 32px;
    --ui-font-sizes-porsche-promo-internal-text-sm: 28px;
    --ui-font-sizes-porsche-promo-internal-text-lg: 52px;
    --ui-font-sizes-porsche-promo-internal-description-xs: 20px;
    --ui-font-sizes-porsche-promo-internal-description-sm: 32px;
    --ui-font-sizes-porsche-promo-external-title-sm: 32px;
    --ui-font-sizes-porsche-promo-external-title-lg: 52px;
    --ui-font-sizes-porsche-promo-external-text-sm: 28px;
    --ui-font-sizes-porsche-promo-external-text-lg: 56px;
    --ui-font-sizes-base-menu-text: 16px;
    --ui-font-sizes-game-card-favorite-icon-xs: 18px;
    --ui-font-sizes-game-card-favorite-icon-lg: 20px;
    --ui-font-sizes-nav-card-item-default: 20px;
    --ui-font-sizes-nav-card-item-active: 24px;
    --ui-font-sizes-nav-card-bullet-default: 6px;
    --ui-font-sizes-nav-card-bullet-active: 10px;
    --ui-font-sizes-text-card-title-xs: 14px;
    --ui-font-sizes-text-card-title-sm: 16px;
    --ui-font-sizes-text-card-text-xs: 14px;
    --ui-font-sizes-text-card-text-sm: 16px;
    --ui-font-sizes-text-card-icon: 24px;
    --ui-font-sizes-text-card-faq: 20px;
    --ui-font-sizes-tab-text-xs: 12px;
    --ui-font-sizes-tab-text-sm: 16px;
    --ui-font-sizes-transactions-filters-title-xs: 20px;
    --ui-font-sizes-transactions-filters-title-sm: 24px;
    --ui-font-sizes-transactions-filters-text-xs: 14px;
    --ui-font-sizes-transactions-filters-text-sm: 16px;
    --ui-font-sizes-transactions-no-results-text-xs: 14px;
    --ui-font-sizes-transactions-no-results-text-sm: 16px;
    --ui-font-sizes-checkbox-label-xs: 14px;
    --ui-font-sizes-checkbox-label-sm: 14px;
    --ui-font-sizes-register-step-icon: 24px;
    --ui-font-sizes-language-title-xs: 20px;
    --ui-font-sizes-language-title-sm: 24px;
    --ui-font-sizes-language-text-xs: 14px;
    --ui-font-sizes-language-text-sm: 16px;
    --ui-font-sizes-language-button-text-xs: 12px;
    --ui-font-sizes-language-button-text-sm: 14px;
    --ui-font-sizes-error-page-title-xs: 32px;
    --ui-font-sizes-error-page-title-sm: 36px;
    --ui-font-sizes-error-page-title-lg: 48px;
    --ui-font-sizes-error-page-text-xs: 14px;
    --ui-font-sizes-error-page-text-sm: 20px;
    --ui-font-sizes-game-page-title-xs: 36px;
    --ui-font-sizes-game-page-title-sm: 56px;
    --ui-font-sizes-personal-info-card-title-xs: 20px;
    --ui-font-sizes-personal-info-card-title-lg: 24px;
    --ui-font-sizes-personal-info-card-text-xs: 14px;
    --ui-font-sizes-personal-info-card-text-sm: 16px;
    --ui-font-sizes-personal-info-card-sub-title-xs: 16px;
    --ui-font-sizes-personal-info-card-sub-title-sm: 20px;
    --ui-font-sizes-kyc-verification-title-xs: 20px;
    --ui-font-sizes-kyc-verification-title-sm: 24px;
    --ui-font-sizes-kyc-verification-text-xs: 24px;
    --ui-font-sizes-kyc-verification-text-sm: 24px;
    --ui-font-sizes-kyc-documents-title-xs: 20px;
    --ui-font-sizes-kyc-documents-title-sm: 24px;
    --ui-font-sizes-kyc-documents-text-xs: 14px;
    --ui-font-sizes-kyc-documents-text-sm: 16px;
    --ui-font-sizes-balance-icon: 20px;
    --ui-font-sizes-banner-title-xs: 40px;
    --ui-font-sizes-banner-title-sm: 40px;
    --ui-font-sizes-banner-title-lg: 56px;
    --ui-font-sizes-banner-text-xs: 18px;
    --ui-font-sizes-banner-text-sm: 18px;
    --ui-font-sizes-banner-text-lg: 24px;
    --ui-font-sizes-banner-details-xs: 14px;
    --ui-font-sizes-banner-details-sm: 16px;
    --ui-font-sizes-banner-details-lg: 18px;
    --ui-font-sizes-banner-static-title-xs: 24px;
    --ui-font-sizes-banner-static-title-sm: 24px;
    --ui-font-sizes-banner-static-title-lg: 48px;
    --ui-font-sizes-banner-static-text-xs: 14px;
    --ui-font-sizes-banner-static-text-sm: 16px;
    --ui-font-sizes-banner-static-text-lg: 16px;
    --ui-font-sizes-banner-title-vip-xs: 32px;
    --ui-font-sizes-banner-title-vip-sm: 48px;
    --ui-font-sizes-banner-title-vip-lg: 58px;
    --ui-font-sizes-banner-text-large-xs: 26px;
    --ui-font-sizes-banner-text-large-sm: 30px;
    --ui-font-sizes-banner-text-large-lg: 48px;
    --ui-font-sizes-campaign-page-title-xs: 28px;
    --ui-font-sizes-campaign-page-title-sm: 36px;
    --ui-font-sizes-campaign-page-title-lg: 36px;
    --ui-font-sizes-campaign-page-date-xs: 20px;
    --ui-font-sizes-campaign-page-date-sm: 20px;
    --ui-font-sizes-campaign-page-date-lg: 20px;
    --ui-font-sizes-campaign-page-time-xs: 16px;
    --ui-font-sizes-campaign-page-time-sm: 16px;
    --ui-font-sizes-campaign-page-time-lg: 16px;
    --ui-font-sizes-campaign-page-text-xs: 14px;
    --ui-font-sizes-campaign-page-text-sm: 14px;
    --ui-font-sizes-campaign-page-text-lg: 14px;
    --ui-font-sizes-campaign-page-icon-xs: 24px;
    --ui-font-sizes-promotions-page-title-xs: 24px;
    --ui-font-sizes-promotions-page-title-sm: 40px;
    --ui-font-sizes-promotions-page-title-lg: 52px;
    --ui-font-sizes-promotions-page-info-xs: 14px;
    --ui-font-sizes-promotions-page-info-sm: 16px;
    --ui-font-sizes-promotions-page-info-lg: 20px;
    --ui-font-sizes-promotion-card-icon: 24px;
    --ui-font-sizes-jackpot-title-xs: 20px;
    --ui-font-sizes-jackpot-title-sm: 20px;
    --ui-font-sizes-jackpot-title-lg: 30px;
    --ui-font-sizes-jackpot-text-xs: 30px;
    --ui-font-sizes-jackpot-text-sm: 40px;
    --ui-font-sizes-jackpot-text-lg: 50px;
    --ui-font-sizes-promotion-info-title-xs: 20px;
    --ui-font-sizes-promotion-info-text-xs: 14px;
    --ui-font-sizes-promotion-info-text-lg: 16px;
    --ui-font-sizes-promotion-info-icon: 24px;
    --ui-font-sizes-promotion-terms-title-xs: 20px;
    --ui-font-sizes-promotion-terms-text-xs: 14px;
    --ui-font-sizes-promotion-terms-text-sm: 16px;
    --ui-font-sizes-my-bonuses-title-xs: 24px;
    --ui-font-sizes-my-bonuses-title-sm: 36px;
    --ui-font-sizes-my-bonuses-title-lg: 36px;
    --ui-font-sizes-confirm-title-xs: 20px;
    --ui-font-sizes-confirm-title-sm: 24px;
    --ui-font-sizes-confirm-text-xs: 16px;
    --ui-font-sizes-confirm-text-sm: 20px;
    --ui-font-sizes-available-bonus-section-title-xs: 20px;
    --ui-font-sizes-available-bonus-section-title-sm: 20px;
    --ui-font-sizes-available-bonus-section-title-lg: 20px;
    --ui-font-sizes-available-bonus-section-no-bonus-xs: 14px;
    --ui-font-sizes-available-bonus-section-no-bonus-sm: 14px;
    --ui-font-sizes-available-bonus-section-no-bonus-lg: 14px;
    --ui-font-sizes-pending-bonus-section-title-xs: 20px;
    --ui-font-sizes-pending-bonus-section-title-sm: 20px;
    --ui-font-sizes-pending-bonus-section-title-lg: 20px;
    --ui-font-sizes-pending-bonus-section-no-bonus-xs: 14px;
    --ui-font-sizes-pending-bonus-section-no-bonus-sm: 14px;
    --ui-font-sizes-pending-bonus-section-no-bonus-lg: 14px;
    --ui-font-sizes-active-bonus-section-title-xs: 20px;
    --ui-font-sizes-active-bonus-section-title-sm: 20px;
    --ui-font-sizes-active-bonus-section-title-lg: 20px;
    --ui-font-sizes-active-bonus-section-no-bonus-xs: 14px;
    --ui-font-sizes-active-bonus-section-no-bonus-sm: 14px;
    --ui-font-sizes-active-bonus-section-no-bonus-lg: 14px;
    --ui-font-sizes-active-bonus-card-icon-xs: 20px;
    --ui-font-sizes-active-bonus-card-icon-sm: 24px;
    --ui-font-sizes-active-bonus-card-icon-info-xs: 16px;
    --ui-font-sizes-active-bonus-card-icon-info-sm: 24px;
    --ui-font-sizes-active-bonus-card-label-2xl: 16px;
    --ui-font-sizes-active-bonus-card-label-icon: 24px;
    --ui-font-sizes-quick-user-menu-name: 24px;
    --ui-font-sizes-quick-user-menu-email: 14px;
    --ui-font-sizes-quick-user-menu-text: 16px;
    --ui-font-sizes-tournament-title: 20px;
    --ui-font-sizes-vip-widget-title-xs: 32px;
    --ui-font-sizes-vip-widget-title-lg: 36px;
    --ui-font-sizes-vip-widget-title-xl: 40px;
    --ui-font-sizes-vip-widget-text-xs: 16px;
    --ui-font-sizes-vip-widget-tooltip-xs: 14px;
    --ui-font-sizes-vip-description-title-xs: 24px;
    --ui-font-sizes-vip-description-title-lg: 40px;
    --ui-font-sizes-vip-description-text-xs: 14px;
    --ui-font-sizes-vip-description-text-lg: 16px;
    --ui-font-sizes-vip-description-text-xl: 20px;
    --ui-font-sizes-vip-advantage-card-title: 18px;
    --ui-font-sizes-vip-advantage-card-text: 16px;
    --ui-font-sizes-options-switcher-text-xs: 10px;
    --ui-font-sizes-options-switcher-text-lg: 20px;
    --ui-font-sizes-transactions-table-text-xs: 10px;
    --ui-font-sizes-transactions-table-text-sm: 12px;
    --ui-font-sizes-transactions-table-text-lg: 16px;
    --ui-font-sizes-provider-card-xs: 12px;
    --ui-font-sizes-provider-card-lg: 14px;
    --ui-font-sizes-provider-card-fallback-xs: 16px;
    --ui-font-sizes-provider-card-fallback-lg: 24px;
    --ui-font-sizes-search-provider-card-fallback-xs: 16px;
    --ui-font-sizes-search-provider-card-fallback-lg: 24px;
    --ui-font-sizes-user-board-list-items-xs: 16px;
    --ui-font-sizes-user-board-list-icon-xs: 24px;
    --ui-font-sizes-navbar-item-xs: 16px;
    --ui-font-sizes-navbar-item-sm: 14px;
    --ui-font-sizes-navbar-item-xl: 20px;
    --ui-font-sizes-headline-icon-xs: 24px;
    --ui-font-sizes-headline-icon-sm: 24px;
    --ui-font-sizes-headline-icon-lg: 32px;
    --ui-font-sizes-headline-tooltip-xs: 24px;
    --ui-font-sizes-providers-page-title-xs: 16px;
    --ui-font-sizes-providers-page-title-lg: 24px;
    --ui-font-sizes-user-games-page-title-xs: 28px;
    --ui-font-sizes-user-games-page-title-sm: 36px;
    --ui-font-sizes-user-games-page-title-lg: 36px;
    --ui-font-sizes-user-games-page-info-xs: 14px;
    --ui-font-sizes-user-games-page-info-sm: 16px;
    --ui-font-sizes-user-games-page-info-lg: 20px;
    --ui-font-sizes-user-games-modal-title-xs: 20px;
    --ui-font-sizes-user-games-modal-title-sm: 24px;
    --ui-font-sizes-user-games-modal-title-lg: 24px;
    --ui-font-sizes-sticky-icon: 24px;
    --ui-font-sizes-payment-methods-balance-card-label-xs: 16px;
    --ui-font-sizes-payment-methods-balance-card-label-lg: 16px;
    --ui-font-sizes-payment-methods-balance-card-balance-xs: 20px;
    --ui-font-sizes-payment-methods-balance-card-balance-lg: 24px;
    --ui-font-sizes-withdrawal-info-xs: 14px;
    --ui-font-sizes-withdrawal-info-lg: 16px;
    --ui-font-sizes-withdrawal-info-icon-xs: 20px;
    --ui-font-sizes-active-withdrawal-xs: 12px;
    --ui-font-sizes-active-withdrawal-lg: 16px;
    --ui-font-sizes-active-withdrawal-icon-xs: 16px;
    --ui-font-sizes-active-withdrawal-icon-lg: 20px;
    --ui-font-sizes-welcome-title-xs: 24px;
    --ui-font-sizes-welcome-title-lg: 30px;
    --ui-font-sizes-welcome-subtitle-xs: 16px;
    --ui-font-sizes-i-payments-info-xs: 20px;
    --ui-font-sizes-i-payments-info-sm: 24px;
    --ui-font-sizes-i-payments-selector-xs: 16px;
    --ui-font-sizes-i-payments-selector-sm: 16px;
    --ui-font-sizes-i-payments-total-amount-xs: 14px;
    --ui-font-sizes-badge: 10px;
    --ui-font-sizes-tooltip: 14px;
    --ui-font-sizes-disclaimer-icon: 24px;
    --ui-font-sizes-layout-switcher-text: 14px;
    --ui-font-sizes-header-layout-switcher-text: 14px;
    --ui-font-sizes-swiper-icon-xs: 28px;
    --ui-font-sizes-swiper-icon-sm: 28px;
    --ui-font-sizes-swiper-icon-2xl: 34px;
    --ui-font-sizes-swiper-icon-3xl: 34px;
    --ui-font-sizes-verification-page-title-xs: 24px;
    --ui-font-sizes-verification-page-title-sm: 36px;
    --ui-font-sizes-verification-page-title-lg: 40px;
    --ui-font-sizes-verification-page-title-xl: 48px;
    --ui-font-sizes-payment-operation-type-switcher-text-xs: 12px;
    --ui-font-sizes-payment-operation-type-switcher-text-sm: 16px;
    --ui-font-sizes-balance-history-title-xs: 24px;
    --ui-font-sizes-balance-history-title-sm: 36px;
    --ui-font-sizes-balance-history-title-xl: 48px;
    --ui-font-sizes-cookie-container-icon: 24px;
    --ui-font-sizes-similar-games-title-sm: 24px;
    --ui-font-sizes-similar-games-title-xs: 20px;
    --ui-font-sizes-input-number-icon: 24px;
    --ui-font-sizes-field-error-xs: 12px;
    --ui-font-sizes-field-error-lg: 14px;
    --ui-font-sizes-input-prefix-icon: 20px;
    --ui-font-sizes-input-suffix-icon: 20px;
    --ui-font-sizes-user-board-card-list-icon-xs: 24px;
    --ui-font-sizes-games-section-icon-xs: 24px;
    --ui-font-sizes-games-section-icon-sm: 24px;
    --ui-font-sizes-games-section-icon-lg: 32px;
    --ui-font-sizes-games-section-title-xs: 18px;
    --ui-font-sizes-games-section-title-lg: 22px;
    --ui-font-sizes-games-section-see-icon-xs: 18px;
    --ui-font-sizes-games-section-see-icon-sm: 24px;
    --ui-font-sizes-games-section-tooltip-xs: 24px;
    --ui-font-sizes-games-section-see-text-xs: 14px;
    --ui-font-sizes-games-section-see-text-sm: 14px;
    --ui-font-sizes-games-section-see-text-lg: 14px;
    --ui-font-sizes-partners-section-icon: 16px;
    --ui-font-sizes-menu-search-icon: 20px;
    --ui-typography-t1-font-size: 48;
    --ui-typography-t1-font-family: var(--ui-font-families-heading, Nunito Sans);
    --ui-typography-t1-text-case: ;
    --ui-typography-t1-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-t1-line-height: 56;
    --ui-typography-t2-font-family: var(--ui-font-families-heading, Nunito Sans);
    --ui-typography-t2-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-t2-font-size: 40;
    --ui-typography-t2-line-height: 48;
    --ui-typography-t3-font-family: var(--ui-font-families-heading, Nunito Sans);
    --ui-typography-t3-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-t3-font-size: 32;
    --ui-typography-t3-line-height: 38;
    --ui-typography-t4-font-family: var(--ui-font-families-heading, Nunito Sans);
    --ui-typography-t4-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-t4-line-height: 30;
    --ui-typography-t4-font-size: 26;
    --ui-typography-t5-font-family: var(--ui-font-families-heading, Nunito Sans);
    --ui-typography-t5-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-t5-line-height: 24;
    --ui-typography-t5-font-size: 20;
    --ui-typography-t6-font-size: 16;
    --ui-typography-t6-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-t6-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-t6-line-height: 20;
    --ui-typography-body-old-font-size: 16;
    --ui-typography-body-old-line-height: 25;
    --ui-typography-body-old-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-body-old-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-body2-old-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-body2-old-font-size: 14;
    --ui-typography-body2-old-line-height: 20;
    --ui-typography-body2-old-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-label-old-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-label-old-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-label-old-line-height: 14;
    --ui-typography-label-old-font-size: 11;
    --ui-typography-label-old-letter-spacing: 1;
    --ui-typography-button-xs-font-size: 14px;
    --ui-typography-button-xs-line-height: 170%;
    --ui-typography-button-xs-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-button-xs-font-weight: var(--ui-font-weights-ext-medium, Ext Medium);
    --ui-typography-button-sm-font-size: 16px;
    --ui-typography-button-sm-line-height: 150%;
    --ui-typography-button-sm-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-button-sm-font-weight: var(--ui-font-weights-ext-medium, Ext Medium);
    --ui-typography-button-md-font-size: 20px;
    --ui-typography-button-md-line-height: 120%;
    --ui-typography-button-md-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-button-md-font-weight: var(--ui-font-weights-ext-medium, Ext Medium);
    --ui-typography-button-lg-font-size: 24x;
    --ui-typography-button-lg-line-height: 133%;
    --ui-typography-button-lg-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-button-lg-font-weight: var(--ui-font-weights-ext-medium, Ext Medium);
    --ui-typography-button-lg-letter-spacing: -2%;
    --ui-typography-button-details-xs-font-size: 14px;
    --ui-typography-button-details-xs-line-height: 170%;
    --ui-typography-button-details-xs-font-family: haboro-contrast-extended;
    --ui-typography-button-details-xs-font-weight: Ext Medium;
    --ui-typography-button-details-sm-font-size: 16px;
    --ui-typography-button-details-sm-line-height: 150%;
    --ui-typography-button-details-sm-font-family: haboro-contrast-extended;
    --ui-typography-button-details-sm-font-weight: Ext Medium;
    --ui-typography-button-details-md-font-size: 20px;
    --ui-typography-button-details-md-line-height: 120%;
    --ui-typography-button-details-md-font-family: haboro-contrast-extended;
    --ui-typography-button-details-md-font-weight: Ext Medium;
    --ui-typography-button-details-lg-font-size: 24x;
    --ui-typography-button-details-lg-line-height: 133%;
    --ui-typography-button-details-lg-font-family: haboro-contrast-extended;
    --ui-typography-button-details-lg-font-weight: Ext Medium;
    --ui-typography-button-details-lg-letter-spacing: -2%;
    --ui-typography-button-text-xs-font-size: 14px;
    --ui-typography-button-text-xs-line-height: 170%;
    --ui-typography-button-text-xs-font-family: haboro-contrast-extended;
    --ui-typography-button-text-xs-font-weight: Ext Medium;
    --ui-typography-button-text-sm-font-size: 16px;
    --ui-typography-button-text-sm-line-height: 150%;
    --ui-typography-button-text-sm-font-family: haboro-contrast-extended;
    --ui-typography-button-text-sm-font-weight: Ext Medium;
    --ui-typography-button-text-lg-font-size: 24x;
    --ui-typography-button-text-lg-line-height: 133%;
    --ui-typography-button-text-lg-font-family: haboro-contrast-extended;
    --ui-typography-button-text-lg-font-weight: Ext Medium;
    --ui-typography-button-text-lg-letter-spacing: -2%;
    --ui-typography-button-menu-text-xs-font-size: 14px;
    --ui-typography-button-menu-text-xs-line-height: 1;
    --ui-typography-button-menu-text-xs-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-button-menu-text-xs-font-weight: var(--ui-font-weights-ext-medium, Ext Medium);
    --ui-typography-button-menu-text-sm-font-size: 16px;
    --ui-typography-button-menu-text-sm-line-height: 1;
    --ui-typography-button-menu-text-sm-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-button-menu-text-sm-font-weight: var(--ui-font-weights-ext-medium, Ext Medium);
    --ui-typography-button-menu-text-lg-font-size: 18x;
    --ui-typography-button-menu-text-lg-line-height: 1;
    --ui-typography-button-menu-text-lg-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-button-menu-text-lg-font-weight: var(--ui-font-weights-ext-medium, Ext Medium);
    --ui-typography-button-menu-text-lg-letter-spacing: -2%;
    --ui-typography-select-label-xs-font-family: Nunito Sans;
    --ui-typography-select-label-xs-font-weight: 500;
    --ui-typography-select-label-xs-font-size: 12px;
    --ui-typography-select-label-xs-line-height: 133%;
    --ui-typography-select-label-xs-letter-spacing: -2%;
    --ui-typography-select-label-sm-font-family: Nunito Sans;
    --ui-typography-select-label-sm-font-weight: 500;
    --ui-typography-select-label-sm-font-size: 12px;
    --ui-typography-select-label-sm-line-height: 133%;
    --ui-typography-select-label-sm-letter-spacing: -2%;
    --ui-typography-select-label-lg-font-family: Nunito Sans;
    --ui-typography-select-label-lg-font-weight: 500;
    --ui-typography-select-label-lg-font-size: 12px;
    --ui-typography-select-label-lg-line-height: 133%;
    --ui-typography-select-label-lg-letter-spacing: -2%;
    --ui-typography-select-bonus-text-xs-font-family: Nunito Sans;
    --ui-typography-select-bonus-text-xs-font-weight: 400;
    --ui-typography-select-bonus-text-xs-font-size: 14px;
    --ui-typography-select-bonus-text-xs-line-height: 140%;
    --ui-typography-select-bonus-text-sm-font-family: Nunito Sans;
    --ui-typography-select-bonus-text-sm-font-weight: 400;
    --ui-typography-select-bonus-text-sm-font-size: 16px;
    --ui-typography-select-bonus-text-sm-line-height: 150%;
    --ui-typography-select-bonus-text-lg-font-family: Nunito Sans;
    --ui-typography-select-bonus-text-lg-font-weight: 400;
    --ui-typography-select-bonus-text-lg-font-size: 16px;
    --ui-typography-select-bonus-text-lg-line-height: 150%;
    --ui-typography-select-bonus-label-xs-font-family: Nunito Sans;
    --ui-typography-select-bonus-label-xs-font-weight: 500;
    --ui-typography-select-bonus-label-xs-font-size: 12px;
    --ui-typography-select-bonus-label-xs-line-height: 133%;
    --ui-typography-select-bonus-label-xs-letter-spacing: -2%;
    --ui-typography-select-bonus-label-sm-font-family: Nunito Sans;
    --ui-typography-select-bonus-label-sm-font-weight: 500;
    --ui-typography-select-bonus-label-sm-font-size: 12px;
    --ui-typography-select-bonus-label-sm-line-height: 133%;
    --ui-typography-select-bonus-label-sm-letter-spacing: -2%;
    --ui-typography-select-bonus-label-lg-font-family: Nunito Sans;
    --ui-typography-select-bonus-label-lg-font-weight: 500;
    --ui-typography-select-bonus-label-lg-font-size: 12px;
    --ui-typography-select-bonus-label-lg-line-height: 133%;
    --ui-typography-select-bonus-label-lg-letter-spacing: -2%;
    --ui-typography-select-text-xs-font-family: Nunito Sans;
    --ui-typography-select-text-xs-font-weight: 400;
    --ui-typography-select-text-xs-font-size: 14px;
    --ui-typography-select-text-xs-line-height: 140%;
    --ui-typography-select-text-sm-font-family: Nunito Sans;
    --ui-typography-select-text-sm-font-weight: 400;
    --ui-typography-select-text-sm-font-size: 16px;
    --ui-typography-select-text-sm-line-height: 150%;
    --ui-typography-select-text-lg-font-family: Nunito Sans;
    --ui-typography-select-text-lg-font-weight: 400;
    --ui-typography-select-text-lg-font-size: 16px;
    --ui-typography-select-text-lg-line-height: 150%;
    --ui-typography-input-label-default-font-family: Nunito Sans;
    --ui-typography-input-label-default-font-weight: 400;
    --ui-typography-input-label-default-font-size: 14px;
    --ui-typography-input-label-default-line-height: 140%;
    --ui-typography-input-label-focused-font-family: Nunito Sans;
    --ui-typography-input-label-focused-font-weight: 500;
    --ui-typography-input-label-focused-font-size: 12px;
    --ui-typography-input-label-focused-line-height: 133%;
    --ui-typography-input-label-focused-letter-spacing: -2%;
    --ui-typography-input-text-font-family: Nunito Sans;
    --ui-typography-input-text-font-weight: 400;
    --ui-typography-input-text-font-size: 16px;
    --ui-typography-input-text-line-height: 150%;
    --ui-typography-input-number-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-input-number-text-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-input-number-text-xs-font-size: 24px;
    --ui-typography-input-number-text-xs-line-height: 28px;
    --ui-typography-input-number-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-input-number-text-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-input-number-text-lg-font-size: 24px;
    --ui-typography-input-number-text-lg-line-height: 28px;
    --ui-typography-game-footer-xs-font-family: Nunito Sans;
    --ui-typography-game-footer-xs-font-weight: 400;
    --ui-typography-game-footer-xs-font-size: 14px;
    --ui-typography-game-footer-xs-line-height: 140%;
    --ui-typography-game-footer-lg-font-family: Nunito Sans;
    --ui-typography-game-footer-lg-font-weight: 600;
    --ui-typography-game-footer-lg-font-size: 18px;
    --ui-typography-game-footer-lg-line-height: 133%;
    --ui-typography-user-menu-name-font-family: ivypresto-display;
    --ui-typography-user-menu-name-font-weight: 600;
    --ui-typography-user-menu-name-font-size: 24px;
    --ui-typography-user-menu-name-line-height: 133%;
    --ui-typography-user-menu-email-font-family: Nunito Sans;
    --ui-typography-user-menu-email-font-weight: 400;
    --ui-typography-user-menu-email-font-size: 16px;
    --ui-typography-user-menu-email-line-height: 150%;
    --ui-typography-user-menu-text-font-family: Nunito Sans;
    --ui-typography-user-menu-text-font-weight: 600;
    --ui-typography-user-menu-text-font-size: 16px;
    --ui-typography-user-menu-text-line-height: 150%;
    --ui-typography-text-card-title-xs-font-family: Nunito Sans;
    --ui-typography-text-card-title-xs-font-weight: 600;
    --ui-typography-text-card-title-xs-font-size: 20px;
    --ui-typography-text-card-title-xs-line-height: 120%;
    --ui-typography-text-card-title-sm-font-family: Nunito Sans;
    --ui-typography-text-card-title-sm-font-weight: 600;
    --ui-typography-text-card-title-sm-font-size: 20px;
    --ui-typography-text-card-title-sm-line-height: 120%;
    --ui-typography-text-card-text-xs-font-family: Nunito Sans;
    --ui-typography-text-card-text-xs-font-weight: 600;
    --ui-typography-text-card-text-xs-font-size: 16px;
    --ui-typography-text-card-text-xs-line-height: 150%;
    --ui-typography-text-card-text-sm-font-family: Nunito Sans;
    --ui-typography-text-card-text-sm-font-weight: 600;
    --ui-typography-text-card-text-sm-font-size: 16px;
    --ui-typography-text-card-text-sm-line-height: 150%;
    --ui-typography-rewardback-menu-title-xs-font-size: 12px;
    --ui-typography-rewardback-menu-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-menu-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-menu-title-xs-line-height: 16px;
    --ui-typography-rewardback-menu-description-xs-font-size: 24px;
    --ui-typography-rewardback-menu-description-xs-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-rewardback-menu-description-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-menu-description-xs-line-height: 32px;
    --ui-typography-rewardback-menu-details-xs-font-size: 14px;
    --ui-typography-rewardback-menu-details-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-rewardback-menu-details-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-menu-details-xs-line-height: 20px;
    --ui-typography-rewardback-details-card-title-xs-font-size: 20px;
    --ui-typography-rewardback-details-card-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-details-card-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-details-card-title-xs-line-height: 28px;
    --ui-typography-rewardback-details-card-description-xs-font-size: 32px;
    --ui-typography-rewardback-details-card-description-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-details-card-description-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-rewardback-details-card-description-xs-line-height: 40px;
    --ui-typography-rewardback-details-card-user-label-xs-font-size: 22px;
    --ui-typography-rewardback-details-card-user-label-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-details-card-user-label-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-rewardback-details-card-user-label-xs-line-height: 32px;
    --ui-typography-rewardback-details-card-user-label-lg-font-size: 22px;
    --ui-typography-rewardback-details-card-user-label-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-details-card-user-label-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-rewardback-details-card-user-label-lg-line-height: 32px;
    --ui-typography-rewardback-details-card-user-label-2xl-font-size: 26px;
    --ui-typography-rewardback-details-card-user-label-2xl-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-details-card-user-label-2xl-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-rewardback-details-card-user-label-2xl-line-height: 34px;
    --ui-typography-rewardback-details-card-detail-label-xs-font-size: 14px;
    --ui-typography-rewardback-details-card-detail-label-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-rewardback-details-card-detail-label-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-details-card-detail-label-xs-line-height: 20px;
    --ui-typography-rewardback-details-card-detail-label-lg-font-size: 16px;
    --ui-typography-rewardback-details-card-detail-label-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-rewardback-details-card-detail-label-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-details-card-detail-label-lg-line-height: 24px;
    --ui-typography-rewardback-details-card-detail-label-2xl-font-size: 18px;
    --ui-typography-rewardback-details-card-detail-label-2xl-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-rewardback-details-card-detail-label-2xl-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-details-card-detail-label-2xl-line-height: 24px;
    --ui-typography-rewardback-info-card-title-xs-font-size: 20px;
    --ui-typography-rewardback-info-card-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-info-card-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-rewardback-info-card-title-xs-line-height: 24px;
    --ui-typography-rewardback-info-card-title-lg-font-size: 20px;
    --ui-typography-rewardback-info-card-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-info-card-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-rewardback-info-card-title-lg-line-height: 24px;
    --ui-typography-rewardback-info-card-title-2xl-font-size: 22px;
    --ui-typography-rewardback-info-card-title-2xl-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-info-card-title-2xl-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-rewardback-info-card-title-2xl-line-height: 32px;
    --ui-typography-rewardback-info-card-text-xs-font-size: 14px;
    --ui-typography-rewardback-info-card-text-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-rewardback-info-card-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-info-card-text-xs-line-height: 20px;
    --ui-typography-rewardback-info-card-text-lg-font-size: 14px;
    --ui-typography-rewardback-info-card-text-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-rewardback-info-card-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-info-card-text-lg-line-height: 20px;
    --ui-typography-rewardback-info-card-text-2xl-font-size: 16px;
    --ui-typography-rewardback-info-card-text-2xl-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-rewardback-info-card-text-2xl-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-info-card-text-2xl-line-height: 24px;
    --ui-typography-rewardback-card-title-xs-font-size: 12px;
    --ui-typography-rewardback-card-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-card-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-card-title-xs-line-height: 16px;
    --ui-typography-rewardback-card-amount-xs-font-size: 24px;
    --ui-typography-rewardback-card-amount-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-card-amount-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-rewardback-card-amount-xs-line-height: 32px;
    --ui-typography-rewardback-card-details-xs-font-size: 14px;
    --ui-typography-rewardback-card-details-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-rewardback-card-details-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-card-details-xs-line-height: 20px;
    --ui-typography-rewardback-claim-title-xs-font-size: 28px;
    --ui-typography-rewardback-claim-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-claim-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-rewardback-claim-title-xs-line-height: 36px;
    --ui-typography-rewardback-claim-text-xs-font-size: 18px;
    --ui-typography-rewardback-claim-text-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-claim-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-rewardback-claim-text-xs-line-height: 24px;
    --ui-typography-rewardback-page-see-all-xs-font-size: 16px;
    --ui-typography-rewardback-page-see-all-xs-line-height: 24px;
    --ui-typography-rewardback-page-see-all-xs-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-rewardback-page-see-all-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-rewardback-page-see-all-lg-font-size: 20px;
    --ui-typography-rewardback-page-see-all-lg-line-height: 24px;
    --ui-typography-rewardback-page-see-all-lg-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-rewardback-page-see-all-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-category-xs-font-size: 14px;
    --ui-typography-category-xs-line-height: 20px;
    --ui-typography-category-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-category-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-category-sm-font-size: 14px;
    --ui-typography-category-sm-line-height: 20px;
    --ui-typography-category-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-category-lg-font-size: 14px;
    --ui-typography-category-lg-line-height: 20px;
    --ui-typography-category-shop-modal-item-card-bet-label-font-size: 9px;
    --ui-typography-category-shop-modal-item-card-bet-label-line-height: 14px;
    --ui-typography-category-shop-modal-item-card-bet-label-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-category-shop-modal-item-card-bet-label-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-category-shop-modal-item-card-amount-font-size: 24px;
    --ui-typography-category-shop-modal-item-card-amount-line-height: 28px;
    --ui-typography-category-shop-modal-item-card-amount-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-category-shop-modal-item-card-amount-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-category-shop-modal-item-card-name-font-size: 14px;
    --ui-typography-category-shop-modal-item-card-name-line-height: 20px;
    --ui-typography-category-shop-modal-item-card-name-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-category-shop-modal-item-card-name-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-category-shop-modal-item-card-game-name-font-size: 16px;
    --ui-typography-category-shop-modal-item-card-game-name-line-height: 20px;
    --ui-typography-category-shop-modal-item-card-game-name-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-category-shop-modal-item-card-game-name-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-language-title-xs-font-family: ivypresto-display;
    --ui-typography-language-title-xs-font-weight: 600;
    --ui-typography-language-title-xs-font-size: 22px;
    --ui-typography-language-title-xs-line-height: 145%;
    --ui-typography-language-title-sm-font-family: ivypresto-display;
    --ui-typography-language-title-sm-font-weight: 600;
    --ui-typography-language-title-sm-font-size: 24px;
    --ui-typography-language-title-sm-line-height: 133%;
    --ui-typography-language-button-text-xs-font-family: Nunito Sans;
    --ui-typography-language-button-text-xs-font-weight: 400;
    --ui-typography-language-button-text-xs-font-size: 14px;
    --ui-typography-language-button-text-xs-line-height: 140%;
    --ui-typography-language-button-text-sm-font-family: Nunito Sans;
    --ui-typography-language-button-text-sm-font-weight: 400;
    --ui-typography-language-button-text-sm-font-size: 16px;
    --ui-typography-language-button-text-sm-line-height: 150%;
    --ui-typography-footer-item-xs-font-family: Nunito Sans;
    --ui-typography-footer-item-xs-font-weight: 400;
    --ui-typography-footer-item-xs-font-size: 14px;
    --ui-typography-footer-item-xs-line-height: 140%;
    --ui-typography-footer-item-lg-font-family: Nunito Sans;
    --ui-typography-footer-item-lg-font-weight: 400;
    --ui-typography-footer-item-lg-font-size: 14px;
    --ui-typography-footer-item-lg-line-height: 140%;
    --ui-typography-footer-license-font-family: Nunito Sans;
    --ui-typography-footer-license-font-weight: 400;
    --ui-typography-footer-license-font-size: 16px;
    --ui-typography-footer-license-line-height: 150%;
    --ui-typography-footer-copyright-font-family: Nunito Sans;
    --ui-typography-footer-copyright-font-weight: 400;
    --ui-typography-footer-copyright-font-size: 14px;
    --ui-typography-footer-copyright-line-height: 140%;
    --ui-typography-sub-menu-text-default-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-sub-menu-text-default-font-size: 12px;
    --ui-typography-sub-menu-text-default-line-height: 20px;
    --ui-typography-sub-menu-text-default-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-sub-menu-text-active-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-sub-menu-text-active-font-size: 12px;
    --ui-typography-sub-menu-text-active-line-height: 20px;
    --ui-typography-sub-menu-text-active-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-game-header-xs-font-family: Nunito Sans;
    --ui-typography-game-header-xs-font-weight: 400;
    --ui-typography-game-header-xs-font-size: 14px;
    --ui-typography-game-header-xs-line-height: 140%;
    --ui-typography-game-header-lg-font-family: Nunito Sans;
    --ui-typography-game-header-lg-font-weight: 400;
    --ui-typography-game-header-lg-font-size: 16px;
    --ui-typography-game-header-lg-line-height: 150%;
    --ui-typography-header-layout-switcher-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-header-layout-switcher-font-size: 14px;
    --ui-typography-header-layout-switcher-line-height: 20px;
    --ui-typography-provider-card-name-lg-font-size: 14px;
    --ui-typography-provider-card-name-lg-line-height: 20px;
    --ui-typography-provider-card-name-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-provider-card-name-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-provider-card-name-xs-font-size: 10px;
    --ui-typography-provider-card-name-xs-line-height: 16px;
    --ui-typography-provider-card-name-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-provider-card-name-sm-font-size: 12px;
    --ui-typography-provider-card-name-sm-line-height: 16px;
    --ui-typography-provider-card-games-lg-font-weight: 400;
    --ui-typography-provider-card-games-lg-font-size: 14px;
    --ui-typography-provider-card-games-lg-line-height: 20px;
    --ui-typography-provider-card-games-sm-font-weight: 400;
    --ui-typography-provider-card-games-sm-font-size: 12px;
    --ui-typography-provider-card-games-sm-line-height: 16px;
    --ui-typography-provider-card-games-xs-font-weight: 400;
    --ui-typography-provider-card-games-xs-font-size: 10px;
    --ui-typography-provider-card-games-xs-line-height: 14px;
    --ui-typography-verification-card-title-xs-font-family: ivypresto-display;
    --ui-typography-verification-card-title-xs-font-weight: 600;
    --ui-typography-verification-card-title-xs-font-size: 22px;
    --ui-typography-verification-card-title-xs-line-height: 145%;
    --ui-typography-verification-card-title-lg-font-family: ivypresto-display;
    --ui-typography-verification-card-title-lg-font-weight: 600;
    --ui-typography-verification-card-title-lg-font-size: 28px;
    --ui-typography-verification-card-title-lg-line-height: 130%;
    --ui-typography-verification-card-text-xs-font-family: Nunito Sans;
    --ui-typography-verification-card-text-xs-font-weight: 600;
    --ui-typography-verification-card-text-xs-font-size: 16px;
    --ui-typography-verification-card-text-xs-line-height: 150%;
    --ui-typography-verification-card-text-sm-font-family: Nunito Sans;
    --ui-typography-verification-card-text-sm-font-weight: 600;
    --ui-typography-verification-card-text-sm-font-size: 18px;
    --ui-typography-verification-card-text-sm-line-height: 133%;
    --ui-typography-personal-info-card-title-xs-font-family: ivypresto-display;
    --ui-typography-personal-info-card-title-xs-font-weight: 600;
    --ui-typography-personal-info-card-title-xs-font-size: 22px;
    --ui-typography-personal-info-card-title-xs-line-height: 145%;
    --ui-typography-personal-info-card-title-lg-font-family: ivypresto-display;
    --ui-typography-personal-info-card-title-lg-font-weight: 600;
    --ui-typography-personal-info-card-title-lg-font-size: 28px;
    --ui-typography-personal-info-card-title-lg-line-height: 130%;
    --ui-typography-personal-info-card-sub-title-xs-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-personal-info-card-sub-title-xs-font-size: 16px;
    --ui-typography-personal-info-card-sub-title-xs-line-height: 20px;
    --ui-typography-personal-info-card-sub-title-sm-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-personal-info-card-sub-title-sm-font-size: 20px;
    --ui-typography-personal-info-card-sub-title-sm-line-height: 24px;
    --ui-typography-personal-info-card-text-xs-font-family: Nunito Sans;
    --ui-typography-personal-info-card-text-xs-font-weight: 400;
    --ui-typography-personal-info-card-text-xs-font-size: 14px;
    --ui-typography-personal-info-card-text-xs-line-height: 140%;
    --ui-typography-personal-info-card-text-sm-font-family: Nunito Sans;
    --ui-typography-personal-info-card-text-sm-font-weight: 400;
    --ui-typography-personal-info-card-text-sm-font-size: 16px;
    --ui-typography-personal-info-card-text-sm-line-height: 150%;
    --ui-typography-latest-wins-text-xs-font-family: Nunito Sans;
    --ui-typography-latest-wins-text-xs-font-weight: 500;
    --ui-typography-latest-wins-text-xs-font-size: 12px;
    --ui-typography-latest-wins-text-xs-line-height: 133%;
    --ui-typography-latest-wins-text-xs-letter-spacing: -2%;
    --ui-typography-latest-wins-text-sm-font-family: Nunito Sans;
    --ui-typography-latest-wins-text-sm-font-weight: 500;
    --ui-typography-latest-wins-text-sm-font-size: 12px;
    --ui-typography-latest-wins-text-sm-line-height: 133%;
    --ui-typography-latest-wins-text-sm-letter-spacing: -2%;
    --ui-typography-latest-wins-text-lg-font-family: Nunito Sans;
    --ui-typography-latest-wins-text-lg-font-weight: 500;
    --ui-typography-latest-wins-text-lg-font-size: 12px;
    --ui-typography-latest-wins-text-lg-line-height: 133%;
    --ui-typography-latest-wins-text-lg-letter-spacing: -2%;
    --ui-typography-latest-wins-amount-font-family: Nunito Sans;
    --ui-typography-latest-wins-amount-font-weight: 500;
    --ui-typography-latest-wins-amount-font-size: 14px;
    --ui-typography-latest-wins-amount-line-height: 140%;
    --ui-typography-latest-wins-amount-letter-spacing: -2%;
    --ui-typography-latest-wins-name-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-latest-wins-name-xs-font-size: 12px;
    --ui-typography-latest-wins-name-xs-line-height: 16px;
    --ui-typography-latest-wins-name-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-latest-wins-name-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-latest-wins-name-sm-font-size: 12px;
    --ui-typography-latest-wins-name-sm-line-height: 16px;
    --ui-typography-latest-wins-name-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-latest-wins-name-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-latest-wins-name-lg-font-size: 12px;
    --ui-typography-latest-wins-name-lg-line-height: 16px;
    --ui-typography-latest-wins-name-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-latest-wins-win-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-latest-wins-win-xs-font-size: 14px;
    --ui-typography-latest-wins-win-xs-line-height: 20px;
    --ui-typography-latest-wins-win-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-latest-wins-win-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-latest-wins-win-sm-font-size: 14px;
    --ui-typography-latest-wins-win-sm-line-height: 20px;
    --ui-typography-latest-wins-win-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-latest-wins-win-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-latest-wins-win-lg-font-size: 14px;
    --ui-typography-latest-wins-win-lg-line-height: 20px;
    --ui-typography-latest-wins-win-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-payment-detail-card-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-payment-detail-card-text-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-payment-detail-card-text-xs-font-size: 14px;
    --ui-typography-payment-detail-card-text-xs-line-height: 1.2;
    --ui-typography-payment-detail-card-text-xs-font-families: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-payment-detail-card-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-payment-detail-card-text-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-payment-detail-card-text-sm-font-size: 16px;
    --ui-typography-payment-detail-card-text-sm-line-height: 1.2;
    --ui-typography-payment-detail-card-text-sm-font-families: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-auth-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-auth-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-auth-title-xs-font-size: 28px;
    --ui-typography-auth-title-xs-line-height: 1.25;
    --ui-typography-auth-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-auth-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-auth-title-sm-font-size: 28px;
    --ui-typography-auth-title-sm-line-height: 1.25;
    --ui-typography-auth-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-auth-text-xs-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-auth-text-xs-font-size: 14px;
    --ui-typography-auth-text-xs-line-height: 1.5;
    --ui-typography-auth-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-auth-text-sm-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-auth-text-sm-font-size: 16px;
    --ui-typography-auth-text-sm-line-height: 1.5;
    --ui-typography-auth-info-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-auth-info-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-auth-info-xs-font-size: 14px;
    --ui-typography-auth-info-xs-line-height: 20px;
    --ui-typography-auth-info-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-auth-info-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-auth-info-sm-font-size: 14px;
    --ui-typography-auth-info-sm-line-height: 20px;
    --ui-typography-cancel-register-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-cancel-register-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-cancel-register-title-xs-font-size: 24px;
    --ui-typography-cancel-register-title-xs-line-height: 32px;
    --ui-typography-cancel-register-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-cancel-register-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-cancel-register-title-sm-font-size: 24px;
    --ui-typography-cancel-register-title-sm-line-height: 32px;
    --ui-typography-cancel-register-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-cancel-register-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-cancel-register-title-lg-font-size: 28px;
    --ui-typography-cancel-register-title-lg-line-height: 36px;
    --ui-typography-cancel-register-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-cancel-register-text-xs-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-cancel-register-text-xs-font-size: 16px;
    --ui-typography-cancel-register-text-xs-line-height: 24px;
    --ui-typography-cancel-register-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-cancel-register-text-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-cancel-register-text-lg-font-size: 16px;
    --ui-typography-cancel-register-text-lg-line-height: 24px;
    --ui-typography-register-image-title-font-size: 32px;
    --ui-typography-register-image-title-line-height: 40px;
    --ui-typography-register-image-title-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-register-image-title-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-register-image-text-font-size: 16px;
    --ui-typography-register-image-text-line-height: 24px;
    --ui-typography-register-image-text-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-register-image-text-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-register-step-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-register-step-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-register-step-title-xs-font-size: 28px;
    --ui-typography-register-step-title-xs-line-height: 36px;
    --ui-typography-register-step-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-register-step-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-register-step-title-lg-font-size: 28px;
    --ui-typography-register-step-title-lg-line-height: 36px;
    --ui-typography-register-social-font-size: 12px;
    --ui-typography-register-social-line-height: 16px;
    --ui-typography-register-social-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-register-social-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-base-radio-text-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-base-radio-text-font-weight: 400;
    --ui-typography-base-radio-text-font-size: 14px;
    --ui-typography-base-radio-text-line-height: 20px;
    --ui-typography-cashier-modal-input-label-font-family: Nunito Sans;
    --ui-typography-cashier-modal-input-label-font-weight: 400;
    --ui-typography-cashier-modal-input-label-font-size: 14px;
    --ui-typography-cashier-modal-input-label-line-height: 140%;
    --ui-typography-cashier-modal-warning-font-family: Nunito Sans;
    --ui-typography-cashier-modal-warning-font-weight: 400;
    --ui-typography-cashier-modal-warning-font-size: 16px;
    --ui-typography-cashier-modal-warning-line-height: 150%;
    --ui-typography-cashier-modal-qr-font-family: Nunito Sans;
    --ui-typography-cashier-modal-qr-font-weight: 400;
    --ui-typography-cashier-modal-qr-font-size: 14px;
    --ui-typography-cashier-modal-qr-line-height: 140%;
    --ui-typography-buy-crypto-modal-input-label-font-family: Nunito Sans;
    --ui-typography-buy-crypto-modal-input-label-font-weight: 400;
    --ui-typography-buy-crypto-modal-input-label-font-size: 14px;
    --ui-typography-buy-crypto-modal-input-label-line-height: 140%;
    --ui-typography-buy-crypto-modal-input-text-font-family: Nunito Sans;
    --ui-typography-buy-crypto-modal-input-text-font-weight: 400;
    --ui-typography-buy-crypto-modal-input-text-font-size: 16px;
    --ui-typography-buy-crypto-modal-input-text-line-height: 150%;
    --ui-typography-dashboard-transaction-card-xs-line-height: 24px;
    --ui-typography-dashboard-transaction-card-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-dashboard-transaction-card-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-dashboard-transaction-card-xs-font-size: 20px;
    --ui-typography-dashboard-transaction-card-sm-line-height: 28px;
    --ui-typography-dashboard-transaction-card-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-dashboard-transaction-card-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-dashboard-transaction-card-sm-font-size: 24px;
    --ui-typography-dashboard-bonus-card-xs-font-family: ivypresto-display;
    --ui-typography-dashboard-bonus-card-xs-font-weight: 600;
    --ui-typography-dashboard-bonus-card-xs-font-size: 22px;
    --ui-typography-dashboard-bonus-card-xs-line-height: 145%;
    --ui-typography-dashboard-bonus-card-sm-font-family: ivypresto-display;
    --ui-typography-dashboard-bonus-card-sm-font-weight: 600;
    --ui-typography-dashboard-bonus-card-sm-font-size: 22px;
    --ui-typography-dashboard-bonus-card-sm-line-height: 145%;
    --ui-typography-dashboard-bonus-card-xl-font-family: ivypresto-display;
    --ui-typography-dashboard-bonus-card-xl-font-weight: 600;
    --ui-typography-dashboard-bonus-card-xl-font-size: 28px;
    --ui-typography-dashboard-bonus-card-xl-line-height: 130%;
    --ui-typography-dashboard-bonus-card-text-xs-line-height: 1.5;
    --ui-typography-dashboard-bonus-card-text-sm-line-height: 1.5;
    --ui-typography-dashboard-bonus-card-text-xl-line-height: 1.5;
    --ui-typography-options-switcher-text-xs-font-size: 14px;
    --ui-typography-options-switcher-text-xs-line-height: 170%;
    --ui-typography-options-switcher-text-xs-font-family: haboro-contrast-extended;
    --ui-typography-options-switcher-text-xs-font-weight: Ext Medium;
    --ui-typography-options-switcher-text-lg-font-size: 16px;
    --ui-typography-options-switcher-text-lg-line-height: 150%;
    --ui-typography-options-switcher-text-lg-font-family: haboro-contrast-extended;
    --ui-typography-options-switcher-text-lg-font-weight: Ext Medium;
    --ui-typography-options-switcher-option-xs-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-options-switcher-option-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-options-switcher-option-xs-font-size: 10px;
    --ui-typography-options-switcher-option-xs-line-height: 20px;
    --ui-typography-options-switcher-option-lg-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-options-switcher-option-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-options-switcher-option-lg-font-size: 16px;
    --ui-typography-options-switcher-option-lg-line-height: 24px;
    --ui-typography-game-card-label-xs-font-family: Nunito Sans;
    --ui-typography-game-card-label-xs-font-weight: 600;
    --ui-typography-game-card-label-xs-font-size: 10px;
    --ui-typography-game-card-label-xs-line-height: 120%;
    --ui-typography-game-card-label-xs-letter-spacing: -2%;
    --ui-typography-game-card-label-lg-font-family: Nunito Sans;
    --ui-typography-game-card-label-lg-font-weight: 600;
    --ui-typography-game-card-label-lg-font-size: 12px;
    --ui-typography-game-card-label-lg-line-height: 100%;
    --ui-typography-game-card-label-lg-letter-spacing: -2%;
    --ui-typography-game-card-more-games-xs-font-family: ivypresto-display;
    --ui-typography-game-card-more-games-xs-font-weight: 600;
    --ui-typography-game-card-more-games-xs-font-size: 20px;
    --ui-typography-game-card-more-games-xs-line-height: 140%;
    --ui-typography-game-card-more-games-sm-font-family: ivypresto-display;
    --ui-typography-game-card-more-games-sm-font-weight: 600;
    --ui-typography-game-card-more-games-sm-font-size: 20px;
    --ui-typography-game-card-more-games-sm-line-height: 140%;
    --ui-typography-game-card-more-games-lg-font-family: ivypresto-display;
    --ui-typography-game-card-more-games-lg-font-weight: 600;
    --ui-typography-game-card-more-games-lg-font-size: 24px;
    --ui-typography-game-card-more-games-lg-line-height: 133%;
    --ui-typography-game-card-more-games-xl-font-family: ivypresto-display;
    --ui-typography-game-card-more-games-xl-font-weight: 600;
    --ui-typography-game-card-more-games-xl-font-size: 24px;
    --ui-typography-game-card-more-games-xl-line-height: 133%;
    --ui-typography-game-card-title-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-game-card-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-game-card-title-xs-font-size: 14px;
    --ui-typography-game-card-title-xs-line-height: 16px;
    --ui-typography-game-card-title-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-game-card-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-game-card-title-lg-font-size: 14px;
    --ui-typography-game-card-title-lg-line-height: 16px;
    --ui-typography-game-card-provider-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-game-card-provider-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-game-card-provider-xs-font-size: 12px;
    --ui-typography-game-card-provider-xs-line-height: 16px;
    --ui-typography-game-card-provider-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-game-card-provider-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-game-card-provider-lg-font-size: 12px;
    --ui-typography-game-card-provider-lg-line-height: 16px;
    --ui-typography-promotion-detail-card-title-xs-font-family: Nunito Sans;
    --ui-typography-promotion-detail-card-title-xs-font-weight: 400;
    --ui-typography-promotion-detail-card-title-xs-font-size: 14px;
    --ui-typography-promotion-detail-card-title-xs-line-height: 140%;
    --ui-typography-promotion-detail-card-title-sm-font-family: Nunito Sans;
    --ui-typography-promotion-detail-card-title-sm-font-weight: 400;
    --ui-typography-promotion-detail-card-title-sm-font-size: 14px;
    --ui-typography-promotion-detail-card-title-sm-line-height: 140%;
    --ui-typography-promotion-detail-card-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-detail-card-title-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promotion-detail-card-title-lg-font-size: 14px;
    --ui-typography-promotion-detail-card-title-lg-line-height: 20px;
    --ui-typography-promotion-detail-card-title-2xl-font-family: Nunito Sans;
    --ui-typography-promotion-detail-card-title-2xl-font-weight: 400;
    --ui-typography-promotion-detail-card-title-2xl-font-size: 16px;
    --ui-typography-promotion-detail-card-title-2xl-line-height: 150%;
    --ui-typography-promotion-detail-card-text-xs-font-family: ivypresto-display;
    --ui-typography-promotion-detail-card-text-xs-font-weight: 600;
    --ui-typography-promotion-detail-card-text-xs-font-size: 28px;
    --ui-typography-promotion-detail-card-text-xs-line-height: 130%;
    --ui-typography-promotion-detail-card-text-xs-letter-spacing: 2%;
    --ui-typography-promotion-detail-card-text-sm-font-family: ivypresto-display;
    --ui-typography-promotion-detail-card-text-sm-font-weight: 600;
    --ui-typography-promotion-detail-card-text-sm-font-size: 28px;
    --ui-typography-promotion-detail-card-text-sm-line-height: 130%;
    --ui-typography-promotion-detail-card-text-sm-letter-spacing: 2%;
    --ui-typography-promotion-detail-card-text-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-detail-card-text-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-detail-card-text-lg-font-size: 32px;
    --ui-typography-promotion-detail-card-text-lg-line-height: 36px;
    --ui-typography-promotion-detail-card-text-2xl-font-family: ivypresto-display;
    --ui-typography-promotion-detail-card-text-2xl-font-weight: 600;
    --ui-typography-promotion-detail-card-text-2xl-font-size: 36px;
    --ui-typography-promotion-detail-card-text-2xl-line-height: 120%;
    --ui-typography-promotion-detail-card-text-2xl-letter-spacing: 2%;
    --ui-typography-promotion-terms-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-terms-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-terms-title-xs-font-size: 20px;
    --ui-typography-promotion-terms-title-xs-line-height: 24px;
    --ui-typography-promotion-terms-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-terms-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-terms-title-lg-font-size: 20px;
    --ui-typography-promotion-terms-title-lg-line-height: 24px;
    --ui-typography-promotion-terms-title-2xl-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-terms-title-2xl-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-terms-title-2xl-font-size: 22px;
    --ui-typography-promotion-terms-title-2xl-line-height: 32px;
    --ui-typography-promotion-terms-text-xs-font-family: Nunito Sans;
    --ui-typography-promotion-terms-text-xs-font-weight: 400;
    --ui-typography-promotion-terms-text-xs-font-size: 14px;
    --ui-typography-promotion-terms-text-xs-line-height: 140%;
    --ui-typography-promotion-terms-text-sm-font-family: Nunito Sans;
    --ui-typography-promotion-terms-text-sm-font-weight: 400;
    --ui-typography-promotion-terms-text-sm-font-size: 16px;
    --ui-typography-promotion-terms-text-sm-line-height: 150%;
    --ui-typography-promotion-terms-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-terms-text-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promotion-terms-text-lg-font-size: 14px;
    --ui-typography-promotion-terms-text-lg-line-height: 20px;
    --ui-typography-promotion-terms-text-2xl-font-family: Nunito Sans;
    --ui-typography-promotion-terms-text-2xl-font-weight: 400;
    --ui-typography-promotion-terms-text-2xl-font-size: 16px;
    --ui-typography-promotion-terms-text-2xl-line-height: 150%;
    --ui-typography-promotion-info-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-info-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-info-title-xs-font-size: 20px;
    --ui-typography-promotion-info-title-xs-line-height: 24px;
    --ui-typography-promotion-info-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-info-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-info-title-lg-font-size: 20px;
    --ui-typography-promotion-info-title-lg-line-height: 24px;
    --ui-typography-promotion-info-title-2xl-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-info-title-2xl-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-info-title-2xl-font-size: 22px;
    --ui-typography-promotion-info-title-2xl-line-height: 32px;
    --ui-typography-promotion-info-text-xs-font-family: Nunito Sans;
    --ui-typography-promotion-info-text-xs-font-weight: 400;
    --ui-typography-promotion-info-text-xs-font-size: 14px;
    --ui-typography-promotion-info-text-xs-line-height: 140%;
    --ui-typography-promotion-info-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-info-text-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promotion-info-text-lg-font-size: 14px;
    --ui-typography-promotion-info-text-lg-line-height: 20px;
    --ui-typography-promotion-info-text-2xl-font-family: Nunito Sans;
    --ui-typography-promotion-info-text-2xl-font-weight: 400;
    --ui-typography-promotion-info-text-2xl-font-size: 16px;
    --ui-typography-promotion-info-text-2xl-line-height: 150%;
    --ui-typography-promotion-card-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-card-title-xs-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-promotion-card-title-xs-font-size: 12px;
    --ui-typography-promotion-card-title-xs-line-height: 16px;
    --ui-typography-promotion-card-title-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-card-title-sm-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-promotion-card-title-sm-font-size: 16px;
    --ui-typography-promotion-card-title-sm-line-height: 22px;
    --ui-typography-promotion-card-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-card-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-title-lg-font-size: 16px;
    --ui-typography-promotion-card-title-lg-line-height: 22px;
    --ui-typography-promotion-card-text-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-card-text-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-text-xs-font-size: 20px;
    --ui-typography-promotion-card-text-xs-line-height: 20px;
    --ui-typography-promotion-card-text-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-card-text-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-text-sm-font-size: 32px;
    --ui-typography-promotion-card-text-sm-line-height: 36px;
    --ui-typography-promotion-card-text-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotion-card-text-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-text-lg-font-size: 32px;
    --ui-typography-promotion-card-text-lg-line-height: 36px;
    --ui-typography-promotion-card-date-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-card-date-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-date-xs-font-size: 14px;
    --ui-typography-promotion-card-date-xs-line-height: 16px;
    --ui-typography-promotion-card-date-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-card-date-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-date-sm-font-size: 14px;
    --ui-typography-promotion-card-date-sm-line-height: 16px;
    --ui-typography-promotion-card-date-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-card-date-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-date-lg-font-size: 16px;
    --ui-typography-promotion-card-date-lg-line-height: 19px;
    --ui-typography-promotion-card-start-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-card-start-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-start-xs-font-size: 14px;
    --ui-typography-promotion-card-start-xs-line-height: 16px;
    --ui-typography-promotion-card-start-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-card-start-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-start-sm-font-size: 14px;
    --ui-typography-promotion-card-start-sm-line-height: 16px;
    --ui-typography-promotion-card-start-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-promotion-card-start-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-card-start-lg-font-size: 16px;
    --ui-typography-promotion-card-start-lg-line-height: 19px;
    --ui-typography-sport-categories-section-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-sport-categories-section-title-xs-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-sport-categories-section-title-xs-font-size: 18px;
    --ui-typography-sport-categories-section-title-xs-letter-spacing: 18px;
    --ui-typography-navbar-item-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-navbar-item-xs-font-size: 16px;
    --ui-typography-navbar-item-xs-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-navbar-item-xs-line-height: 24px;
    --ui-typography-navbar-item-sm-font-size: 14px;
    --ui-typography-navbar-item-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-navbar-item-sm-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-navbar-item-sm-line-height: 24px;
    --ui-typography-navbar-item-lg-font-size: 20px;
    --ui-typography-navbar-item-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-navbar-item-lg-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-navbar-item-lg-line-height: 24px;
    --ui-typography-navbar-item-xl-font-size: 20px;
    --ui-typography-navbar-item-xl-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-navbar-item-xl-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-navbar-item-xl-line-height: 24px;
    --ui-typography-headline-title-xs-font-family: Nunito Sans;
    --ui-typography-headline-title-xs-font-weight: 600;
    --ui-typography-headline-title-xs-font-size: 22px;
    --ui-typography-headline-title-xs-line-height: 100%;
    --ui-typography-headline-title-lg-font-family: Nunito Sans;
    --ui-typography-headline-title-lg-font-weight: 600;
    --ui-typography-headline-title-lg-font-size: 22px;
    --ui-typography-headline-title-lg-line-height: 100%;
    --ui-typography-headline-date-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-headline-date-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-headline-date-xs-font-size: 14px;
    --ui-typography-headline-date-xs-line-height: 24px;
    --ui-typography-headline-date-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-headline-date-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-headline-date-lg-font-size: 16px;
    --ui-typography-headline-date-lg-line-height: 28px;
    --ui-typography-payment-method-option-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-payment-method-option-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-payment-method-option-xs-font-size: 14px;
    --ui-typography-payment-method-option-xs-line-height: 20px;
    --ui-typography-payment-method-option-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-payment-method-option-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-payment-method-option-sm-font-size: 14px;
    --ui-typography-payment-method-option-sm-line-height: 20px;
    --ui-typography-payment-method-option-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-payment-method-option-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-payment-method-option-lg-font-size: 14px;
    --ui-typography-payment-method-option-lg-line-height: 20px;
    --ui-typography-balance-text-xs-font-family: Nunito Sans;
    --ui-typography-balance-text-xs-font-weight: 600;
    --ui-typography-balance-text-xs-font-size: 12px;
    --ui-typography-balance-text-xs-line-height: 100%;
    --ui-typography-balance-text-xs-letter-spacing: -2%;
    --ui-typography-balance-text-sm-font-family: Nunito Sans;
    --ui-typography-balance-text-sm-font-weight: 600;
    --ui-typography-balance-text-sm-font-size: 12px;
    --ui-typography-balance-text-sm-line-height: 100%;
    --ui-typography-balance-text-sm-letter-spacing: -2%;
    --ui-typography-balance-text-lg-font-family: Nunito Sans;
    --ui-typography-balance-text-lg-font-weight: 600;
    --ui-typography-balance-text-lg-font-size: 12px;
    --ui-typography-balance-text-lg-line-height: 100%;
    --ui-typography-balance-text-lg-letter-spacing: -2%;
    --ui-typography-balance-number-xs-font-family: Nunito Sans;
    --ui-typography-balance-number-xs-font-weight: 500;
    --ui-typography-balance-number-xs-font-size: 12px;
    --ui-typography-balance-number-xs-line-height: 133%;
    --ui-typography-balance-number-xs-letter-spacing: -2%;
    --ui-typography-balance-number-sm-font-family: Nunito Sans;
    --ui-typography-balance-number-sm-font-weight: 500;
    --ui-typography-balance-number-sm-font-size: 12px;
    --ui-typography-balance-number-sm-line-height: 133%;
    --ui-typography-balance-number-sm-letter-spacing: -2%;
    --ui-typography-balance-number-lg-font-family: Nunito Sans;
    --ui-typography-balance-number-lg-font-weight: 500;
    --ui-typography-balance-number-lg-font-size: 14px;
    --ui-typography-balance-number-lg-line-height: 140%;
    --ui-typography-balance-number-lg-letter-spacing: -2%;
    --ui-typography-header-item-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-header-item-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-header-item-font-size: 16px;
    --ui-typography-header-item-line-height: 20px;
    --ui-typography-menu-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-text-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-text-xs-font-size: 18px;
    --ui-typography-menu-text-xs-line-height: 20px;
    --ui-typography-menu-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-text-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-text-sm-font-size: 18px;
    --ui-typography-menu-text-sm-line-height: 20px;
    --ui-typography-menu-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-text-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-text-lg-font-size: 20px;
    --ui-typography-menu-text-lg-line-height: 24px;
    --ui-typography-menu-icon-xs-font-size: 24px;
    --ui-typography-menu-icon-sm-font-size: 24px;
    --ui-typography-menu-icon-lg-font-size: 32px;
    --ui-typography-menu-banner-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-xs-font-size: 20px;
    --ui-typography-menu-banner-xs-line-height: 24px;
    --ui-typography-menu-banner-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-sm-font-size: 24px;
    --ui-typography-menu-banner-sm-line-height: 32px;
    --ui-typography-menu-banner-md-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-md-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-md-font-size: 32px;
    --ui-typography-menu-banner-md-line-height: 40px;
    --ui-typography-menu-banner-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-lg-font-size: 40px;
    --ui-typography-menu-banner-lg-line-height: 48px;
    --ui-typography-menu-banner-balance-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-balance-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-balance-xs-font-size: 20px;
    --ui-typography-menu-banner-balance-xs-line-height: 24px;
    --ui-typography-menu-banner-balance-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-balance-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-balance-sm-font-size: 20px;
    --ui-typography-menu-banner-balance-sm-line-height: 24px;
    --ui-typography-menu-banner-balance-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-balance-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-balance-lg-font-size: 24px;
    --ui-typography-menu-banner-balance-lg-line-height: 28px;
    --ui-typography-menu-banner-amount-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-amount-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-amount-xs-font-size: 20px;
    --ui-typography-menu-banner-amount-xs-line-height: 24px;
    --ui-typography-menu-banner-amount-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-amount-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-amount-sm-font-size: 24px;
    --ui-typography-menu-banner-amount-sm-line-height: 32px;
    --ui-typography-menu-banner-amount-md-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-amount-md-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-amount-md-font-size: 32px;
    --ui-typography-menu-banner-amount-md-line-height: 40px;
    --ui-typography-menu-banner-amount-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-banner-amount-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-banner-amount-lg-font-size: 40px;
    --ui-typography-menu-banner-amount-lg-line-height: 48px;
    --ui-typography-menu-quick-link-text-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-quick-link-text-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-menu-quick-link-text-font-size: 14px;
    --ui-typography-menu-quick-link-text-line-height: 18px;
    --ui-typography-deposit-card-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-deposit-card-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-deposit-card-title-xs-font-size: 20px;
    --ui-typography-deposit-card-title-xs-line-height: 28px;
    --ui-typography-deposit-card-title-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-deposit-card-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-deposit-card-title-sm-font-size: 32px;
    --ui-typography-deposit-card-title-sm-line-height: 40px;
    --ui-typography-deposit-card-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-deposit-card-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-deposit-card-title-lg-font-size: 36px;
    --ui-typography-deposit-card-title-lg-line-height: 40px;
    --ui-typography-deposit-card-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-deposit-card-text-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-deposit-card-text-xs-font-size: 12px;
    --ui-typography-deposit-card-text-xs-line-height: 16px;
    --ui-typography-deposit-card-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-deposit-card-text-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-deposit-card-text-sm-font-size: 14px;
    --ui-typography-deposit-card-text-sm-line-height: 20px;
    --ui-typography-vip-user-board-total-balance-label-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-total-balance-label-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-user-board-total-balance-label-xs-font-size: 16px;
    --ui-typography-vip-user-board-total-balance-label-xs-line-height: 24px;
    --ui-typography-vip-user-board-total-balance-label-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-total-balance-label-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-user-board-total-balance-label-sm-font-size: 16px;
    --ui-typography-vip-user-board-total-balance-label-sm-line-height: 24px;
    --ui-typography-vip-user-board-total-balance-label-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-total-balance-label-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-user-board-total-balance-label-lg-font-size: 16px;
    --ui-typography-vip-user-board-total-balance-label-lg-line-height: 24px;
    --ui-typography-vip-user-board-total-balance-amount-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-vip-user-board-total-balance-amount-xs-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-vip-user-board-total-balance-amount-xs-font-size: 20px;
    --ui-typography-vip-user-board-total-balance-amount-xs-line-height: 28px;
    --ui-typography-vip-user-board-total-balance-amount-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-vip-user-board-total-balance-amount-sm-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-vip-user-board-total-balance-amount-sm-font-size: 24px;
    --ui-typography-vip-user-board-total-balance-amount-sm-line-height: 28px;
    --ui-typography-vip-user-board-total-balance-amount-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-vip-user-board-total-balance-amount-lg-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-vip-user-board-total-balance-amount-lg-font-size: 32px;
    --ui-typography-vip-user-board-total-balance-amount-lg-line-height: 40px;
    --ui-typography-vip-user-board-name-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-name-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-user-board-name-xs-font-size: 16px;
    --ui-typography-vip-user-board-name-xs-line-height: 24px;
    --ui-typography-vip-user-board-name-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-name-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-user-board-name-sm-font-size: 20px;
    --ui-typography-vip-user-board-name-sm-line-height: 24px;
    --ui-typography-vip-user-board-name-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-name-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-user-board-name-lg-font-size: 40px;
    --ui-typography-vip-user-board-name-lg-line-height: 48px;
    --ui-typography-vip-user-board-progress-level-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-progress-level-xs-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-vip-user-board-progress-level-xs-font-size: 32px;
    --ui-typography-vip-user-board-progress-level-xs-line-height: 40px;
    --ui-typography-vip-user-board-progress-level-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-progress-level-sm-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-vip-user-board-progress-level-sm-font-size: 32px;
    --ui-typography-vip-user-board-progress-level-sm-line-height: 40px;
    --ui-typography-vip-user-board-progress-level-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-progress-level-lg-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-vip-user-board-progress-level-lg-font-size: 32px;
    --ui-typography-vip-user-board-progress-level-lg-line-height: 40px;
    --ui-typography-vip-user-board-points-until-next-level-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-points-until-next-level-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-user-board-points-until-next-level-xs-font-size: 14px;
    --ui-typography-vip-user-board-points-until-next-level-xs-line-height: 20px;
    --ui-typography-vip-user-board-points-until-next-level-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-points-until-next-level-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-user-board-points-until-next-level-sm-font-size: 16px;
    --ui-typography-vip-user-board-points-until-next-level-sm-line-height: 20px;
    --ui-typography-vip-user-board-points-until-next-level-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-points-until-next-level-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-user-board-points-until-next-level-lg-font-size: 16px;
    --ui-typography-vip-user-board-points-until-next-level-lg-line-height: 20px;
    --ui-typography-vip-user-board-registered-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-registered-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-user-board-registered-xs-font-size: 14px;
    --ui-typography-vip-user-board-registered-xs-line-height: 20px;
    --ui-typography-vip-user-board-registered-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-registered-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-user-board-registered-sm-font-size: 14px;
    --ui-typography-vip-user-board-registered-sm-line-height: 20px;
    --ui-typography-vip-user-board-registered-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-user-board-registered-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-user-board-registered-lg-font-size: 14px;
    --ui-typography-vip-user-board-registered-lg-line-height: 20px;
    --ui-typography-vip-widget-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-vip-widget-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-widget-title-xs-font-size: 32px;
    --ui-typography-vip-widget-title-xs-line-height: 40px;
    --ui-typography-vip-widget-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-vip-widget-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-widget-title-sm-font-size: 32px;
    --ui-typography-vip-widget-title-sm-line-height: 40px;
    --ui-typography-vip-widget-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-vip-widget-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-widget-title-lg-font-size: 36px;
    --ui-typography-vip-widget-title-lg-line-height: 36px;
    --ui-typography-vip-widget-tooltip-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-widget-tooltip-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-widget-tooltip-xs-font-size: 13px;
    --ui-typography-vip-widget-tooltip-xs-line-height: 16px;
    --ui-typography-vip-widget-tooltip-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-widget-tooltip-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-widget-tooltip-sm-font-size: 13px;
    --ui-typography-vip-widget-tooltip-sm-line-height: 16px;
    --ui-typography-vip-widget-tooltip-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-widget-tooltip-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-widget-tooltip-lg-font-size: 14px;
    --ui-typography-vip-widget-tooltip-lg-line-height: 16px;
    --ui-typography-vip-widget-badge-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-widget-badge-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-widget-badge-xs-font-size: 12px;
    --ui-typography-vip-widget-badge-xs-line-height: 12px;
    --ui-typography-vip-widget-badge-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-widget-badge-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-widget-badge-sm-font-size: 12px;
    --ui-typography-vip-widget-badge-sm-line-height: 12px;
    --ui-typography-vip-widget-badge-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-widget-badge-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-widget-badge-lg-font-size: 12px;
    --ui-typography-vip-widget-badge-lg-line-height: 12px;
    --ui-typography-vip-description-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-description-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-description-title-xs-font-size: 28px;
    --ui-typography-vip-description-title-xs-line-height: 36px;
    --ui-typography-vip-description-title-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-description-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-description-title-sm-font-size: 28px;
    --ui-typography-vip-description-title-sm-line-height: 36px;
    --ui-typography-vip-description-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-description-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-description-title-lg-font-size: 28px;
    --ui-typography-vip-description-title-lg-line-height: 36px;
    --ui-typography-vip-description-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-description-text-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-description-text-xs-font-size: 16px;
    --ui-typography-vip-description-text-xs-line-height: 24px;
    --ui-typography-vip-description-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-description-text-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-description-text-sm-font-size: 16px;
    --ui-typography-vip-description-text-sm-line-height: 24px;
    --ui-typography-vip-description-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-description-text-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-description-text-lg-font-size: 16px;
    --ui-typography-vip-description-text-lg-line-height: 24px;
    --ui-typography-vip-level-card-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-vip-level-card-title-xs-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-vip-level-card-title-xs-font-size: 20px;
    --ui-typography-vip-level-card-title-xs-line-height: 24px;
    --ui-typography-vip-level-card-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-vip-level-card-title-sm-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-vip-level-card-title-sm-font-size: 24px;
    --ui-typography-vip-level-card-title-sm-line-height: 28px;
    --ui-typography-vip-level-card-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-vip-level-card-title-lg-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-vip-level-card-title-lg-font-size: 32px;
    --ui-typography-vip-level-card-title-lg-line-height: 40px;
    --ui-typography-vip-level-card-bonus-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-level-card-bonus-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-level-card-bonus-xs-font-size: 16px;
    --ui-typography-vip-level-card-bonus-xs-line-height: 20px;
    --ui-typography-vip-level-card-bonus-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-level-card-bonus-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-level-card-bonus-sm-font-size: 20px;
    --ui-typography-vip-level-card-bonus-sm-line-height: 24px;
    --ui-typography-vip-level-card-bonus-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-level-card-bonus-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-level-card-bonus-lg-font-size: 20px;
    --ui-typography-vip-level-card-bonus-lg-line-height: 24px;
    --ui-typography-vip-level-card-options-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-level-card-options-title-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-level-card-options-title-xs-font-size: 10px;
    --ui-typography-vip-level-card-options-title-xs-line-height: 14px;
    --ui-typography-vip-level-card-options-title-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-level-card-options-title-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-level-card-options-title-sm-font-size: 14px;
    --ui-typography-vip-level-card-options-title-sm-line-height: 20px;
    --ui-typography-vip-level-card-options-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-level-card-options-title-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-level-card-options-title-lg-font-size: 14px;
    --ui-typography-vip-level-card-options-title-lg-line-height: 20px;
    --ui-typography-vip-level-card-options-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-level-card-options-text-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-level-card-options-text-xs-font-size: 14px;
    --ui-typography-vip-level-card-options-text-xs-line-height: 18px;
    --ui-typography-vip-level-card-options-text-xs-text-case: uppercase;
    --ui-typography-vip-level-card-options-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-level-card-options-text-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-level-card-options-text-sm-font-size: 16px;
    --ui-typography-vip-level-card-options-text-sm-line-height: 20px;
    --ui-typography-vip-level-card-options-text-sm-text-case: uppercase;
    --ui-typography-vip-level-card-options-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-level-card-options-text-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-level-card-options-text-lg-font-size: 16px;
    --ui-typography-vip-level-card-options-text-lg-line-height: 20px;
    --ui-typography-vip-level-card-options-text-lg-text-case: uppercase;
    --ui-typography-vip-advantage-card-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-advantage-card-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-advantage-card-title-xs-font-size: 16px;
    --ui-typography-vip-advantage-card-title-xs-line-height: 20px;
    --ui-typography-vip-advantage-card-title-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-advantage-card-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-advantage-card-title-sm-font-size: 20px;
    --ui-typography-vip-advantage-card-title-sm-line-height: 24px;
    --ui-typography-vip-advantage-card-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-advantage-card-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-advantage-card-title-lg-font-size: 24px;
    --ui-typography-vip-advantage-card-title-lg-line-height: 26px;
    --ui-typography-vip-advantage-card-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-advantage-card-text-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-advantage-card-text-lg-font-size: 16px;
    --ui-typography-vip-advantage-card-text-lg-line-height: 26px;
    --ui-typography-vip-advantage-card-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-advantage-card-text-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-advantage-card-text-sm-font-size: 16px;
    --ui-typography-vip-advantage-card-text-sm-line-height: 26px;
    --ui-typography-vip-advantage-card-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-advantage-card-text-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-vip-advantage-card-text-xs-font-size: 14px;
    --ui-typography-vip-advantage-card-text-xs-line-height: 20px;
    --ui-typography-vip-advantage-card-section-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-vip-advantage-card-section-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-vip-advantage-card-section-title-lg-font-size: 40px;
    --ui-typography-vip-advantage-card-section-title-lg-line-height: 48px;
    --ui-typography-vip-advantages-section-title-xs-line-height: 1.2;
    --ui-typography-vip-advantages-section-title-sm-line-height: 1.2;
    --ui-typography-vip-advantages-section-title-lg-line-height: 1.2;
    --ui-typography-vip-loyalty-title-xs-line-height: 1.2;
    --ui-typography-vip-loyalty-title-sm-line-height: 1.2;
    --ui-typography-search-games-subtitle-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-search-games-subtitle-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-search-games-subtitle-lg-font-size: 20px;
    --ui-typography-search-games-subtitle-lg-line-height: 24px;
    --ui-typography-search-games-subtitle-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-search-games-subtitle-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-search-games-subtitle-sm-font-size: 20px;
    --ui-typography-search-games-subtitle-sm-line-height: 24px;
    --ui-typography-search-games-subtitle-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-search-games-subtitle-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-search-games-subtitle-xs-font-size: 16px;
    --ui-typography-search-games-subtitle-xs-line-height: 20px;
    --ui-typography-search-games-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-search-games-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-search-games-title-lg-font-size: 32px;
    --ui-typography-search-games-title-lg-line-height: 40px;
    --ui-typography-search-games-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-search-games-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-search-games-title-sm-font-size: 24px;
    --ui-typography-search-games-title-sm-line-height: 32px;
    --ui-typography-search-games-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-search-games-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-search-games-title-xs-font-size: 22px;
    --ui-typography-search-games-title-xs-line-height: 32px;
    --ui-typography-search-games-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-search-games-text-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-search-games-text-lg-font-size: 16px;
    --ui-typography-search-games-text-lg-line-height: 24px;
    --ui-typography-search-games-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-search-games-text-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-search-games-text-sm-font-size: 16px;
    --ui-typography-search-games-text-sm-line-height: 24px;
    --ui-typography-search-games-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-search-games-text-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-search-games-text-xs-font-size: 14px;
    --ui-typography-search-games-text-xs-line-height: 20px;
    --ui-typography-games-page-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-games-page-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-games-page-title-xs-font-size: 28px;
    --ui-typography-games-page-title-xs-line-height: 36px;
    --ui-typography-games-page-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-games-page-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-games-page-title-sm-font-size: 36px;
    --ui-typography-games-page-title-sm-line-height: 44px;
    --ui-typography-games-page-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-games-page-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-games-page-title-lg-font-size: 36px;
    --ui-typography-games-page-title-lg-line-height: 44px;
    --ui-typography-games-page-category-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-games-page-category-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-games-page-category-xs-font-size: 16px;
    --ui-typography-games-page-category-xs-line-height: 18px;
    --ui-typography-games-page-category-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-games-page-category-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-games-page-category-lg-font-size: 16px;
    --ui-typography-games-page-category-lg-line-height: 24px;
    --ui-typography-game-page-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-game-page-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-game-page-title-xs-font-size: 36px;
    --ui-typography-game-page-title-xs-line-height: 1.2;
    --ui-typography-game-page-title-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-game-page-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-game-page-title-sm-font-size: 56px;
    --ui-typography-game-page-title-sm-line-height: 1.2;
    --ui-typography-promotions-page-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotions-page-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotions-page-title-xs-font-size: 28px;
    --ui-typography-promotions-page-title-xs-line-height: 40px;
    --ui-typography-promotions-page-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotions-page-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotions-page-title-sm-font-size: 36px;
    --ui-typography-promotions-page-title-sm-line-height: 44px;
    --ui-typography-promotions-page-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promotions-page-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotions-page-title-lg-font-size: 36px;
    --ui-typography-promotions-page-title-lg-line-height: 44px;
    --ui-typography-footer-page-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-footer-page-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-footer-page-title-xs-font-size: 24px;
    --ui-typography-footer-page-title-xs-line-height: 28px;
    --ui-typography-footer-page-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-footer-page-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-footer-page-title-sm-font-size: 32px;
    --ui-typography-footer-page-title-sm-line-height: 40px;
    --ui-typography-footer-page-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-footer-page-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-footer-page-title-lg-font-size: 40px;
    --ui-typography-footer-page-title-lg-line-height: 48px;
    --ui-typography-h1-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h1-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h1-xs-font-size: 40px;
    --ui-typography-h1-xs-line-height: 120%;
    --ui-typography-h1-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h1-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h1-sm-font-size: 48px;
    --ui-typography-h1-sm-line-height: 125%;
    --ui-typography-h1-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h1-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h1-lg-font-size: 56px;
    --ui-typography-h1-lg-line-height: 120%;
    --ui-typography-h2-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h2-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h2-xs-font-size: 28px;
    --ui-typography-h2-xs-line-height: 130%;
    --ui-typography-h2-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h2-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h2-sm-font-size: 28px;
    --ui-typography-h2-sm-line-height: 130%;
    --ui-typography-h2-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h2-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h2-lg-font-size: 48px;
    --ui-typography-h2-lg-line-height: 125%;
    --ui-typography-h3-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h3-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h3-xs-font-size: 28px;
    --ui-typography-h3-xs-line-height: 130%;
    --ui-typography-h3-xs-letter-spacing: 2%;
    --ui-typography-h3-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h3-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h3-sm-font-size: 32px;
    --ui-typography-h3-sm-line-height: 125%;
    --ui-typography-h3-sm-letter-spacing: 2%;
    --ui-typography-h3-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h3-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h3-lg-font-size: 36px;
    --ui-typography-h3-lg-line-height: 120%;
    --ui-typography-h3-lg-letter-spacing: 2%;
    --ui-typography-h4-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h4-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h4-xs-font-size: 22px;
    --ui-typography-h4-xs-line-height: 145%;
    --ui-typography-h4-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h4-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h4-sm-font-size: 24px;
    --ui-typography-h4-sm-line-height: 133%;
    --ui-typography-h4-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h4-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h4-lg-font-size: 32px;
    --ui-typography-h4-lg-line-height: 125%;
    --ui-typography-h5-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h5-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h5-xs-font-size: 22px;
    --ui-typography-h5-xs-line-height: 145%;
    --ui-typography-h5-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h5-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h5-sm-font-size: 22px;
    --ui-typography-h5-sm-line-height: 145%;
    --ui-typography-h5-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h5-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h5-lg-font-size: 28px;
    --ui-typography-h5-lg-line-height: 130%;
    --ui-typography-h6-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h6-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h6-xs-font-size: 20px;
    --ui-typography-h6-xs-line-height: 140%;
    --ui-typography-h6-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h6-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h6-sm-font-size: 20px;
    --ui-typography-h6-sm-line-height: 140%;
    --ui-typography-h6-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-h6-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-h6-lg-font-size: 24px;
    --ui-typography-h6-lg-line-height: 133%;
    --ui-typography-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-title-xs-font-size: 22px;
    --ui-typography-title-xs-line-height: 100%;
    --ui-typography-title-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-title-sm-font-size: 22px;
    --ui-typography-title-sm-line-height: 100%;
    --ui-typography-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-title-lg-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-title-lg-font-size: 24px;
    --ui-typography-title-lg-line-height: 100%;
    --ui-typography-subtitle-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-subtitle-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-subtitle-xs-font-size: 16px;
    --ui-typography-subtitle-xs-line-height: 150%;
    --ui-typography-subtitle-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-subtitle-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-subtitle-sm-font-size: 18px;
    --ui-typography-subtitle-sm-line-height: 133%;
    --ui-typography-subtitle-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-subtitle-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-subtitle-lg-font-size: 20px;
    --ui-typography-subtitle-lg-line-height: 120%;
    --ui-typography-body2-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-body2-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-body2-xs-font-size: 16px;
    --ui-typography-body2-xs-line-height: 150%;
    --ui-typography-body2-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-body2-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-body2-sm-font-size: 16px;
    --ui-typography-body2-sm-line-height: 150%;
    --ui-typography-body2-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-body2-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-body2-lg-font-size: 18px;
    --ui-typography-body2-lg-line-height: 133%;
    --ui-typography-body-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-body-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-body-xs-font-size: 14px;
    --ui-typography-body-xs-line-height: 140%;
    --ui-typography-body-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-body-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-body-sm-font-size: 16px;
    --ui-typography-body-sm-line-height: 150%;
    --ui-typography-body-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-body-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-body-lg-font-size: 16px;
    --ui-typography-body-lg-line-height: 150%;
    --ui-typography-label-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-label-xs-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-label-xs-font-size: 12px;
    --ui-typography-label-xs-line-height: 133%;
    --ui-typography-label-xs-letter-spacing: -2%;
    --ui-typography-label-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-label-sm-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-label-sm-font-size: 12px;
    --ui-typography-label-sm-line-height: 133%;
    --ui-typography-label-sm-letter-spacing: -2%;
    --ui-typography-label-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-label-lg-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-label-lg-font-size: 14px;
    --ui-typography-label-lg-line-height: 140%;
    --ui-typography-label-lg-letter-spacing: -2%;
    --ui-typography-caption-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-caption-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-caption-xs-font-size: 10px;
    --ui-typography-caption-xs-line-height: 120%;
    --ui-typography-caption-xs-letter-spacing: -2%;
    --ui-typography-caption-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-caption-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-caption-sm-font-size: 12px;
    --ui-typography-caption-sm-line-height: 100%;
    --ui-typography-caption-sm-letter-spacing: -2%;
    --ui-typography-caption-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-caption-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-caption-lg-font-size: 12px;
    --ui-typography-caption-lg-line-height: 100%;
    --ui-typography-caption-lg-letter-spacing: -2%;
    --ui-typography-no-bonus-card-text-xs-font-family: Nunito Sans;
    --ui-typography-no-bonus-card-text-xs-font-weight: 400;
    --ui-typography-no-bonus-card-text-xs-font-size: 14px;
    --ui-typography-no-bonus-card-text-xs-line-height: 140%;
    --ui-typography-no-bonus-card-text-sm-font-family: Nunito Sans;
    --ui-typography-no-bonus-card-text-sm-font-weight: 400;
    --ui-typography-no-bonus-card-text-sm-font-size: 16px;
    --ui-typography-no-bonus-card-text-sm-line-height: 150%;
    --ui-typography-error-page-text-xs-letter-spacing: -.25px;
    --ui-typography-promo-page-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-title-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-title-xs-font-size: 32px;
    --ui-typography-promo-page-title-xs-line-height: 40px;
    --ui-typography-promo-page-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-title-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-title-sm-font-size: 32px;
    --ui-typography-promo-page-title-sm-line-height: 40px;
    --ui-typography-promo-page-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-title-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-title-lg-font-size: 52px;
    --ui-typography-promo-page-title-lg-line-height: 62px;
    --ui-typography-promo-page-subtitle-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-subtitle-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-subtitle-xs-font-size: 32px;
    --ui-typography-promo-page-subtitle-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-subtitle-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-subtitle-sm-font-size: 32px;
    --ui-typography-promo-page-subtitle-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-subtitle-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-subtitle-lg-font-size: 52px;
    --ui-typography-promo-page-text-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-text-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-text-xs-line-height: 36px;
    --ui-typography-promo-page-text-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-text-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-text-sm-font-size: 28px;
    --ui-typography-promo-page-text-sm-line-height: 36px;
    --ui-typography-promo-page-text-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-text-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-text-lg-font-size: 52px;
    --ui-typography-promo-page-text-lg-line-height: 62px;
    --ui-typography-promo-page-description-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-description-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-description-xs-font-size: 20px;
    --ui-typography-promo-page-description-xs-line-height: 20px;
    --ui-typography-promo-page-description-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-description-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-description-sm-font-size: 32px;
    --ui-typography-promo-page-description-sm-line-height: 38px;
    --ui-typography-promo-page-description-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-promo-page-description-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-promo-page-description-lg-font-size: 32px;
    --ui-typography-promo-page-description-lg-line-height: 38px;
    --ui-typography-promo-page-terms-title-xs-font-size: 20px;
    --ui-typography-promo-page-terms-title-sm-font-size: 20px;
    --ui-typography-promo-page-terms-title-lg-font-size: 20px;
    --ui-typography-promo-page-terms-text-xs-font-size: 14px;
    --ui-typography-promo-page-terms-text-sm-font-size: 14px;
    --ui-typography-promo-page-terms-text-lg-font-size: 14px;
    --ui-typography-hero-content-title-xs-font-size: 20px;
    --ui-typography-hero-content-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-hero-content-title-xs-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-hero-content-title-xs-line-height: 20px;
    --ui-typography-hero-content-title-sm-font-size: 16px;
    --ui-typography-hero-content-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-hero-content-title-sm-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-hero-content-title-sm-line-height: 22px;
    --ui-typography-hero-content-title-xl-font-size: 22px;
    --ui-typography-hero-content-title-xl-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-hero-content-title-xl-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-hero-content-title-xl-line-height: 40px;
    --ui-typography-hero-content-description-xs-font-size: 36px;
    --ui-typography-hero-content-description-xs-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-hero-content-description-xs-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-hero-content-description-xs-line-height: 44px;
    --ui-typography-hero-content-description-sm-font-size: 36px;
    --ui-typography-hero-content-description-sm-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-hero-content-description-sm-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-hero-content-description-sm-line-height: 44px;
    --ui-typography-hero-content-description-xl-font-size: 56px;
    --ui-typography-hero-content-description-xl-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-hero-content-description-xl-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-hero-content-description-xl-line-height: 64px;
    --ui-typography-bottom-navigation-text-xs-font-size: 12px;
    --ui-typography-bottom-navigation-text-xs-line-height: 14px;
    --ui-typography-bottom-navigation-text-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-bottom-navigation-text-xs-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-crypto-deposit-banner-title-xs-font-size: 36px;
    --ui-typography-crypto-deposit-banner-title-xs-line-height: 44px;
    --ui-typography-crypto-deposit-banner-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-crypto-deposit-banner-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-crypto-deposit-banner-title-sm-font-size: 32px;
    --ui-typography-crypto-deposit-banner-title-sm-line-height: 40px;
    --ui-typography-crypto-deposit-banner-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-crypto-deposit-banner-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-crypto-deposit-banner-title-lg-font-size: 32px;
    --ui-typography-crypto-deposit-banner-title-lg-line-height: 40px;
    --ui-typography-crypto-deposit-banner-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-crypto-deposit-banner-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-title-component-xs-font-size: 32px;
    --ui-typography-title-component-xs-line-height: 1.2;
    --ui-typography-title-component-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-title-component-sm-font-size: 32px;
    --ui-typography-title-component-sm-line-height: 1.2;
    --ui-typography-title-component-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-title-component-lg-font-size: 48px;
    --ui-typography-title-component-lg-line-height: 1.2;
    --ui-typography-title-component-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-available-bonus-card-title-xs-font-family: Nunito Sans;
    --ui-typography-available-bonus-card-title-xs-font-weight: 400;
    --ui-typography-available-bonus-card-title-xs-font-size: 16px;
    --ui-typography-available-bonus-card-title-xs-line-height: 150%;
    --ui-typography-available-bonus-card-title-sm-font-family: Nunito Sans;
    --ui-typography-available-bonus-card-title-sm-font-weight: 400;
    --ui-typography-available-bonus-card-title-sm-font-size: 14px;
    --ui-typography-available-bonus-card-title-sm-line-height: 140%;
    --ui-typography-available-bonus-card-title-lg-font-family: Nunito Sans;
    --ui-typography-available-bonus-card-title-lg-font-weight: 400;
    --ui-typography-available-bonus-card-title-lg-font-size: 16px;
    --ui-typography-available-bonus-card-title-lg-line-height: 150%;
    --ui-typography-available-bonus-card-title-2xl-font-family: Nunito Sans;
    --ui-typography-available-bonus-card-title-2xl-font-weight: 400;
    --ui-typography-available-bonus-card-title-2xl-font-size: 16px;
    --ui-typography-available-bonus-card-title-2xl-line-height: 150%;
    --ui-typography-available-bonus-card-text-xs-font-family: ivypresto-display;
    --ui-typography-available-bonus-card-text-xs-font-weight: 600;
    --ui-typography-available-bonus-card-text-xs-font-size: 36px;
    --ui-typography-available-bonus-card-text-xs-line-height: 120%;
    --ui-typography-available-bonus-card-text-xs-letter-spacing: 2%;
    --ui-typography-available-bonus-card-text-sm-font-family: ivypresto-display;
    --ui-typography-available-bonus-card-text-sm-font-weight: 600;
    --ui-typography-available-bonus-card-text-sm-font-size: 24px;
    --ui-typography-available-bonus-card-text-sm-line-height: 133%;
    --ui-typography-available-bonus-card-text-lg-font-family: ivypresto-display;
    --ui-typography-available-bonus-card-text-lg-font-weight: 600;
    --ui-typography-available-bonus-card-text-lg-font-size: 28px;
    --ui-typography-available-bonus-card-text-lg-line-height: 130%;
    --ui-typography-available-bonus-card-text-lg-letter-spacing: 2%;
    --ui-typography-available-bonus-card-text-2xl-font-family: ivypresto-display;
    --ui-typography-available-bonus-card-text-2xl-font-weight: 600;
    --ui-typography-available-bonus-card-text-2xl-font-size: 28px;
    --ui-typography-available-bonus-card-text-2xl-line-height: 130%;
    --ui-typography-available-bonus-card-text-2xl-letter-spacing: 2%;
    --ui-typography-pending-bonus-card-title-xs-font-family: Nunito Sans;
    --ui-typography-pending-bonus-card-title-xs-font-weight: 400;
    --ui-typography-pending-bonus-card-title-xs-font-size: 16px;
    --ui-typography-pending-bonus-card-title-xs-line-height: 150%;
    --ui-typography-pending-bonus-card-title-sm-font-family: Nunito Sans;
    --ui-typography-pending-bonus-card-title-sm-font-weight: 400;
    --ui-typography-pending-bonus-card-title-sm-font-size: 14px;
    --ui-typography-pending-bonus-card-title-sm-line-height: 140%;
    --ui-typography-pending-bonus-card-title-lg-font-family: Nunito Sans;
    --ui-typography-pending-bonus-card-title-lg-font-weight: 400;
    --ui-typography-pending-bonus-card-title-lg-font-size: 16px;
    --ui-typography-pending-bonus-card-title-lg-line-height: 150%;
    --ui-typography-pending-bonus-card-title-2xl-font-family: Nunito Sans;
    --ui-typography-pending-bonus-card-title-2xl-font-weight: 400;
    --ui-typography-pending-bonus-card-title-2xl-font-size: 16px;
    --ui-typography-pending-bonus-card-title-2xl-line-height: 150%;
    --ui-typography-pending-bonus-card-text-xs-font-family: ivypresto-display;
    --ui-typography-pending-bonus-card-text-xs-font-weight: 600;
    --ui-typography-pending-bonus-card-text-xs-font-size: 36px;
    --ui-typography-pending-bonus-card-text-xs-line-height: 120%;
    --ui-typography-pending-bonus-card-text-xs-letter-spacing: 2%;
    --ui-typography-pending-bonus-card-text-sm-font-family: ivypresto-display;
    --ui-typography-pending-bonus-card-text-sm-font-weight: 600;
    --ui-typography-pending-bonus-card-text-sm-font-size: 24px;
    --ui-typography-pending-bonus-card-text-sm-line-height: 133%;
    --ui-typography-pending-bonus-card-text-lg-font-family: ivypresto-display;
    --ui-typography-pending-bonus-card-text-lg-font-weight: 600;
    --ui-typography-pending-bonus-card-text-lg-font-size: 28px;
    --ui-typography-pending-bonus-card-text-lg-line-height: 130%;
    --ui-typography-pending-bonus-card-text-lg-letter-spacing: 2%;
    --ui-typography-pending-bonus-card-text-2xl-font-family: ivypresto-display;
    --ui-typography-pending-bonus-card-text-2xl-font-weight: 600;
    --ui-typography-pending-bonus-card-text-2xl-font-size: 28px;
    --ui-typography-pending-bonus-card-text-2xl-line-height: 130%;
    --ui-typography-pending-bonus-card-text-2xl-letter-spacing: 2%;
    --ui-typography-pending-bonus-card-icon-xs-font-size: 24px;
    --ui-typography-pending-bonus-card-icon-sm-font-size: 24px;
    --ui-typography-pending-bonus-card-details-xs-font-size: 20px;
    --ui-typography-pending-bonus-card-details-xs-line-height: 120%;
    --ui-typography-pending-bonus-card-details-xs-font-family: haboro-contrast-extended;
    --ui-typography-pending-bonus-card-details-xs-font-weight: Ext Medium;
    --ui-typography-pending-bonus-card-details-sm-font-size: 20px;
    --ui-typography-pending-bonus-card-details-sm-line-height: 120%;
    --ui-typography-pending-bonus-card-details-sm-font-family: haboro-contrast-extended;
    --ui-typography-pending-bonus-card-details-sm-font-weight: Ext Medium;
    --ui-typography-pending-bonus-card-details-lg-font-size: 20px;
    --ui-typography-pending-bonus-card-details-lg-line-height: 120%;
    --ui-typography-pending-bonus-card-details-lg-font-family: haboro-contrast-extended;
    --ui-typography-pending-bonus-card-details-lg-font-weight: Ext Medium;
    --ui-typography-pending-bonus-card-details-xl-font-size: 20px;
    --ui-typography-pending-bonus-card-details-xl-line-height: 120%;
    --ui-typography-pending-bonus-card-details-xl-font-family: haboro-contrast-extended;
    --ui-typography-pending-bonus-card-details-xl-font-weight: Ext Medium;
    --ui-typography-user-board-card-total-balance-label-xs-font-size: 16px;
    --ui-typography-user-board-card-total-balance-label-xs-line-height: 24px;
    --ui-typography-user-board-card-total-balance-label-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-user-board-card-total-balance-label-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-user-board-card-total-balance-label-sm-font-size: 16px;
    --ui-typography-user-board-card-total-balance-label-sm-line-height: 24px;
    --ui-typography-user-board-card-total-balance-label-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-user-board-card-total-balance-label-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-user-board-card-total-balance-label-lg-font-size: 18px;
    --ui-typography-user-board-card-total-balance-label-lg-line-height: 24px;
    --ui-typography-user-board-card-total-balance-label-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-user-board-card-total-balance-label-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-user-board-card-total-balance-amount-xs-font-size: 22px;
    --ui-typography-user-board-card-total-balance-amount-xs-line-height: 32px;
    --ui-typography-user-board-card-total-balance-amount-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-user-board-card-total-balance-amount-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-user-board-card-total-balance-amount-sm-line-height: 32px;
    --ui-typography-user-board-card-total-balance-amount-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-user-board-card-total-balance-amount-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-user-board-card-total-balance-amount-sm-font-size: 22px;
    --ui-typography-user-board-card-total-balance-amount-lg-line-height: 40px;
    --ui-typography-user-board-card-total-balance-amount-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-user-board-card-total-balance-amount-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-user-board-card-total-balance-amount-lg-font-size: 32px;
    --ui-typography-user-board-card-name-xs-font-size: 24px;
    --ui-typography-user-board-card-name-xs-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-user-board-card-name-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-user-board-card-name-xs-line-height: 24px;
    --ui-typography-user-board-card-name-sm-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-user-board-card-name-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-user-board-card-name-sm-font-size: 24px;
    --ui-typography-user-board-card-name-sm-line-height: 24px;
    --ui-typography-user-board-card-name-lg-font-size: 40px;
    --ui-typography-user-board-card-name-lg-line-height: 40px;
    --ui-typography-user-board-card-name-lg-font-weight: var(--ui-font-weights-bold, 700);
    --ui-typography-user-board-card-name-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-user-board-card-progress-level-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-user-board-card-progress-level-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-user-board-card-progress-level-xs-font-size: 20px;
    --ui-typography-user-board-card-progress-level-xs-line-height: 40px;
    --ui-typography-user-board-card-progress-level-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-user-board-card-progress-level-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-user-board-card-progress-level-sm-font-size: 24px;
    --ui-typography-user-board-card-progress-level-sm-line-height: 40px;
    --ui-typography-user-board-card-progress-level-lg-font-size: 30px;
    --ui-typography-user-board-card-progress-level-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-user-board-card-progress-level-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-user-board-card-progress-level-lg-line-height: 40px;
    --ui-typography-user-board-card-points-until-next-level-sm-font-size: 16px;
    --ui-typography-user-board-card-points-until-next-level-sm-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-user-board-card-points-until-next-level-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-user-board-card-points-until-next-level-sm-line-height: 20px;
    --ui-typography-user-board-card-points-until-next-level-xs-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-user-board-card-points-until-next-level-xs-font-size: 14px;
    --ui-typography-user-board-card-points-until-next-level-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-user-board-card-points-until-next-level-xs-line-height: 20px;
    --ui-typography-user-board-card-points-until-next-level-lg-font-size: 16px;
    --ui-typography-user-board-card-points-until-next-level-lg-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-user-board-card-points-until-next-level-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-user-board-card-points-until-next-level-lg-line-height: 20px;
    --ui-typography-user-board-card-registered-xs-font-size: 12px;
    --ui-typography-user-board-card-registered-xs-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-user-board-card-registered-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-user-board-card-registered-xs-line-height: 20px;
    --ui-typography-user-board-card-registered-sm-font-size: 12px;
    --ui-typography-user-board-card-registered-sm-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-user-board-card-registered-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-user-board-card-registered-sm-line-height: 20px;
    --ui-typography-user-board-card-registered-lg-font-size: 12px;
    --ui-typography-user-board-card-registered-lg-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-user-board-card-registered-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-user-board-card-registered-lg-line-height: 20px;
    --ui-typography-payment-methods-title-xs-font-size: 16px;
    --ui-typography-payment-methods-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-payment-methods-title-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-payment-methods-title-sm-font-size: 16px;
    --ui-typography-payment-methods-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-payment-methods-title-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-payment-methods-title-lg-font-size: 24px;
    --ui-typography-payment-methods-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-payment-methods-title-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-transactions-table-text-xs-font-size: 10px;
    --ui-typography-transactions-table-text-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-transactions-table-text-xs-line-height: 18px;
    --ui-typography-transactions-table-text-xs-font-families: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-transactions-table-text-sm-font-size: 12px;
    --ui-typography-transactions-table-text-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-transactions-table-text-sm-line-height: 16px;
    --ui-typography-transactions-table-text-sm-font-families: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-transactions-table-text-lg-font-size: 18px;
    --ui-typography-transactions-table-text-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-transactions-table-text-lg-line-height: 24px;
    --ui-typography-transactions-table-text-lg-font-families: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-transactions-table-header-xs-font-size: 12px;
    --ui-typography-transactions-table-header-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-transactions-table-header-xs-line-height: 16px;
    --ui-typography-transactions-table-header-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-transactions-table-header-sm-font-size: 16px;
    --ui-typography-transactions-table-header-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-transactions-table-header-sm-line-height: 24px;
    --ui-typography-transactions-table-header-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-active-bonus-card-text-xs-font-family: ivypresto-display;
    --ui-typography-active-bonus-card-text-xs-font-weight: 600;
    --ui-typography-active-bonus-card-text-xs-font-size: 28px;
    --ui-typography-active-bonus-card-text-xs-line-height: 130%;
    --ui-typography-active-bonus-card-text-xs-letter-spacing: 2%;
    --ui-typography-active-bonus-card-text-sm-font-family: ivypresto-display;
    --ui-typography-active-bonus-card-text-sm-font-weight: 600;
    --ui-typography-active-bonus-card-text-sm-font-size: 32px;
    --ui-typography-active-bonus-card-text-sm-line-height: 125%;
    --ui-typography-active-bonus-card-text-sm-letter-spacing: 2%;
    --ui-typography-active-bonus-card-text-lg-font-family: ivypresto-display;
    --ui-typography-active-bonus-card-text-lg-font-weight: 600;
    --ui-typography-active-bonus-card-text-lg-font-size: 36px;
    --ui-typography-active-bonus-card-text-lg-line-height: 120%;
    --ui-typography-active-bonus-card-text-lg-letter-spacing: 2%;
    --ui-typography-active-bonus-card-text-2xl-font-family: ivypresto-display;
    --ui-typography-active-bonus-card-text-2xl-font-weight: 600;
    --ui-typography-active-bonus-card-text-2xl-font-size: 36px;
    --ui-typography-active-bonus-card-text-2xl-line-height: 120%;
    --ui-typography-active-bonus-card-text-2xl-letter-spacing: 2%;
    --ui-typography-active-bonus-card-title-xs-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-title-xs-font-weight: 600;
    --ui-typography-active-bonus-card-title-xs-font-size: 16px;
    --ui-typography-active-bonus-card-title-xs-line-height: 150%;
    --ui-typography-active-bonus-card-title-sm-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-title-sm-font-weight: 600;
    --ui-typography-active-bonus-card-title-sm-font-size: 18px;
    --ui-typography-active-bonus-card-title-sm-line-height: 133%;
    --ui-typography-active-bonus-card-title-lg-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-title-lg-font-weight: 600;
    --ui-typography-active-bonus-card-title-lg-font-size: 18px;
    --ui-typography-active-bonus-card-title-lg-line-height: 133%;
    --ui-typography-active-bonus-card-title-2xl-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-title-2xl-font-weight: 600;
    --ui-typography-active-bonus-card-title-2xl-font-size: 18px;
    --ui-typography-active-bonus-card-title-2xl-line-height: 133%;
    --ui-typography-active-bonus-card-label-xs-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-label-xs-font-weight: 400;
    --ui-typography-active-bonus-card-label-xs-font-size: 14px;
    --ui-typography-active-bonus-card-label-xs-line-height: 140%;
    --ui-typography-active-bonus-card-label-sm-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-label-sm-font-weight: 400;
    --ui-typography-active-bonus-card-label-sm-font-size: 16px;
    --ui-typography-active-bonus-card-label-sm-line-height: 150%;
    --ui-typography-active-bonus-card-label-lg-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-label-lg-font-weight: 400;
    --ui-typography-active-bonus-card-label-lg-font-size: 16px;
    --ui-typography-active-bonus-card-label-lg-line-height: 150%;
    --ui-typography-active-bonus-card-info-xs-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-info-xs-font-weight: 400;
    --ui-typography-active-bonus-card-info-xs-font-size: 14px;
    --ui-typography-active-bonus-card-info-xs-line-height: 140%;
    --ui-typography-active-bonus-card-info-sm-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-info-sm-font-weight: 400;
    --ui-typography-active-bonus-card-info-sm-font-size: 16px;
    --ui-typography-active-bonus-card-info-sm-line-height: 150%;
    --ui-typography-active-bonus-card-info-lg-font-family: Nunito Sans;
    --ui-typography-active-bonus-card-info-lg-font-weight: 400;
    --ui-typography-active-bonus-card-info-lg-font-size: 16px;
    --ui-typography-active-bonus-card-info-lg-line-height: 150%;
    --ui-typography-expandable-menu-text-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-expandable-menu-text-font-size: 16px;
    --ui-typography-expandable-menu-text-line-height: 22px;
    --ui-typography-expandable-menu-text-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-expandable-menu-item-text-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-expandable-menu-item-text-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-expandable-menu-item-text-line-height: 22px;
    --ui-typography-expandable-menu-item-text-font-size: 16px;
    --ui-typography-expandable-menu-tooltip-text-line-height: 20px;
    --ui-typography-expandable-menu-tooltip-text-font-size: 14px;
    --ui-typography-expandable-menu-tooltip-text-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-expandable-menu-tooltip-text-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-quick-links-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-quick-links-title-xs-font-size: 24px;
    --ui-typography-quick-links-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-quick-links-title-xs-line-height: 32px;
    --ui-typography-quick-links-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-quick-links-title-sm-font-size: 40px;
    --ui-typography-quick-links-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-quick-links-title-sm-line-height: 48px;
    --ui-typography-quick-links-title-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-quick-links-title-lg-font-size: 40px;
    --ui-typography-quick-links-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-quick-links-title-lg-line-height: 48px;
    --ui-typography-quick-links-subtitle-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-quick-links-subtitle-xs-font-size: 16px;
    --ui-typography-quick-links-subtitle-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-quick-links-subtitle-xs-line-height: 24px;
    --ui-typography-quick-links-subtitle-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-quick-links-subtitle-sm-font-size: 32px;
    --ui-typography-quick-links-subtitle-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-quick-links-subtitle-sm-line-height: 44px;
    --ui-typography-quick-links-subtitle-lg-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-quick-links-subtitle-lg-font-size: 32px;
    --ui-typography-quick-links-subtitle-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-quick-links-subtitle-lg-line-height: 44px;
    --ui-typography-quick-links-description-xs-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-quick-links-description-xs-font-size: 16px;
    --ui-typography-quick-links-description-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-quick-links-description-xs-line-height: 20px;
    --ui-typography-quick-links-description-sm-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-quick-links-description-sm-font-size: 18px;
    --ui-typography-quick-links-description-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-quick-links-description-sm-line-height: 24px;
    --ui-typography-quick-links-description-lg-font-family: var(--ui-font-families-body, Nunito Sans);
    --ui-typography-quick-links-description-lg-font-size: 18px;
    --ui-typography-quick-links-description-lg-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-quick-links-description-lg-line-height: 24px;
    --ui-typography-partners-section-text-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-partners-section-text-font-size: 16px;
    --ui-typography-partners-section-text-line-height: 22px;
    --ui-typography-partners-section-text-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-modal-image-heading-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-modal-image-heading-font-size: 20px;
    --ui-typography-modal-image-heading-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-modal-image-heading-line-height: 20px;
    --ui-typography-modal-image-subheading-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-modal-image-subheading-font-size: 48px;
    --ui-typography-modal-image-subheading-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-modal-image-subheading-line-height: 60px;
    --ui-typography-promotion-page-see-all-xs-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-promotion-page-see-all-xs-font-size: 14px;
    --ui-typography-promotion-page-see-all-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-page-see-all-xs-line-height: 24px;
    --ui-typography-promotion-page-see-all-lg-font-family: var(--ui-font-families-tertiary, haboro-contrast-extended);
    --ui-typography-promotion-page-see-all-lg-font-size: 14px;
    --ui-typography-promotion-page-see-all-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-promotion-page-see-all-lg-line-height: 24px;
    --ui-typography-sport-banner-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-sport-banner-text-xs-font-size: 12px;
    --ui-typography-sport-banner-text-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-sport-banner-text-xs-line-height: 14px;
    --ui-typography-sport-banner-details-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-sport-banner-details-xs-font-size: 18px;
    --ui-typography-sport-banner-details-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-sport-banner-details-xs-line-height: 20px;
    --ui-typography-link-xs-font-family: Nunito Sans;
    --ui-typography-link-xs-font-weight: 400;
    --ui-typography-link-xs-font-size: 14px;
    --ui-typography-link-xs-line-height: 140%;
    --ui-typography-link-lg-font-family: Nunito Sans;
    --ui-typography-link-lg-font-weight: 400;
    --ui-typography-link-lg-font-size: 16px;
    --ui-typography-link-lg-line-height: 150%;
    --ui-typography-transactions-no-results-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-transactions-no-results-text-xs-font-size: 16px;
    --ui-typography-transactions-no-results-text-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-transactions-no-results-text-xs-line-height: 24px;
    --ui-typography-transactions-no-results-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-transactions-no-results-text-sm-font-size: 18px;
    --ui-typography-transactions-no-results-text-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-transactions-no-results-text-sm-line-height: 24px;
    --ui-typography-confirm-title-xs-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-confirm-title-xs-font-size: 28px;
    --ui-typography-confirm-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-confirm-title-xs-line-height: 36px;
    --ui-typography-confirm-title-sm-font-family: var(--ui-font-families-secondary, ivypresto-display);
    --ui-typography-confirm-title-sm-font-size: 28px;
    --ui-typography-confirm-title-sm-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-confirm-title-sm-line-height: 36px;
    --ui-typography-confirm-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-confirm-text-xs-font-size: 18px;
    --ui-typography-confirm-text-xs-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-confirm-text-xs-line-height: 24px;
    --ui-typography-confirm-text-sm-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-confirm-text-sm-font-size: 18px;
    --ui-typography-confirm-text-sm-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-confirm-text-sm-line-height: 24px;
    --ui-typography-action-title-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-action-title-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-action-title-line-height: 36px;
    --ui-typography-action-title-font-size: 28px;
    --ui-typography-action-text-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-action-text-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-action-text-line-height: 24px;
    --ui-typography-action-text-font-size: 18px;
    --ui-typography-menu-search-text-font-size: 16px;
    --ui-typography-menu-search-text-line-height: 24px;
    --ui-typography-menu-search-text-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-menu-search-text-font-weight: var(--ui-font-weights-normal, 400);
    --ui-typography-contact-preferences-card-title-xs-font-size: 22px;
    --ui-typography-contact-preferences-card-title-xs-line-height: 22px;
    --ui-typography-contact-preferences-card-title-xs-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-contact-preferences-card-title-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-contact-preferences-card-title-lg-font-size: 24px;
    --ui-typography-contact-preferences-card-title-lg-line-height: 24px;
    --ui-typography-contact-preferences-card-title-lg-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-contact-preferences-card-title-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-contact-preferences-card-text-xs-font-size: 18px;
    --ui-typography-contact-preferences-card-text-xs-line-height: 22px;
    --ui-typography-contact-preferences-card-text-xs-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-contact-preferences-card-text-xs-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-contact-preferences-card-text-lg-line-height: 18px;
    --ui-typography-contact-preferences-card-text-lg-font-size: 18px;
    --ui-typography-contact-preferences-card-text-lg-font-weight: var(--ui-font-weights-medium, 500);
    --ui-typography-contact-preferences-card-text-lg-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-typography-base-toggle-label-font-size: 14px;
    --ui-typography-base-toggle-label-line-height: 1.2;
    --ui-typography-base-toggle-label-font-weight: var(--ui-font-weights-semibold, 600);
    --ui-typography-base-toggle-label-font-family: var(--ui-font-families-primary, Nunito Sans);
    --ui-total-jackpot-aspect-ratio: .892;
    --ui-border-footer: [object Object];
    --ui-text-transform-uppercase: uppercase;
    --ui-text-decoration-underline: underline
}

.swiper-pagination {
    margin-top: 10px;
    position: relative !important
}

.swiper-pagination .swiper-pagination-bullet {
    background-color: var(--ui-background-color-swiper-bullet-inactive)
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--ui-background-color-swiper-bullet-active)
}

.promotions-carousel-section .swiper-slide {
    height: 240px;
    max-width: 380px;
    width: 88vw
}

@media (min-width:640px) {
    .promotions-carousel-section .swiper-slide {
        height: 337px;
        max-width: 720px;
        width: 720px
    }
}

.oneSide-gradient-mask {
    position: relative
}

.oneSide-gradient-mask:after {
    background-image: linear-gradient(270deg, #030b11, transparent);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 5%;
    z-index: 3
}

html[lang=ar] .oneSide-gradient-mask:after {
    background-image: linear-gradient(90deg, #030b11, transparent);
    left: 0
}

.swiper-bonus-section {
    max-width: 380px
}

.swiper-bonus-section>.swiper-pagination {
    top: -10px !important
}

.swiper-bonus-section>.swiper-wrapper {
    height: 572px !important
}

.swiper-bonus-section {
    position: static !important
}

@media (min-width:640px) {
    .swiper-bonus-section {
        max-height: 350px
    }

    .swiper-bonus-section>.swiper-wrapper {
        max-height: 316px
    }

    .swiper-bonus-section {
        max-width: 100%
    }
}

@media (min-width:1024px) {
    .swiper-bonus-section {
        max-height: 411px
    }

    .swiper-bonus-section>.swiper-wrapper {
        max-height: 377px
    }
}

.swiper-bonus-section .swiper-button-next,
.swiper-bonus-section .swiper-button-prev {
    display: none
}

@media (min-width:1024px) {

    .swiper-bonus-section .swiper-button-next,
    .swiper-bonus-section .swiper-button-prev {
        display: block
    }
}

.swiper-bonus-section .swiper-button-next:after,
.swiper-bonus-section .swiper-button-prev:after {
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.5rem;
    position: absolute;
    width: 1.5rem;
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width:1920px) {
    .swiper-bonus-section .swiper-button-prev:after {
        left: -2.5rem
    }
}

.swiper-bonus-section .swiper-button-prev:after {
    background-image: url(/vip/chevron-left.png)
}

@media (min-width:1920px) {
    .swiper-bonus-section .swiper-button-next {
        right: -2.5rem
    }
}

.swiper-bonus-section .swiper-button-next:after {
    background-image: url(/vip/chevron-right.png)
}

.v-popper__popper {
    width: 260px !important
}

.v-popper--theme-tooltip .v-popper__inner {
    background: var(--ui-background-color-tooltip) !important;
    color: var(--ui-text-color-tooltip) !important;
    font-family: var(--ui-font-families-primary);
    font-size: var(--ui-font-sizes-tooltip);
    font-weight: var(--ui-font-weights-medium);
    padding: 16px !important
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    display: none
}

.mbsc-base-picker-theme-dark .mbsc-scroller-bar:after {
    background-color: #f0ad48 !important
}

.mbsc-base-picker-theme-dark .mbsc-scroller-wheel-group-cont,
.mbsc-base-picker-theme-dark .mbsc-scroller-wheel-item.mbsc-ltr {
    background-color: #061a29 !important
}

.mbsc-base-picker-theme-dark .mbsc-scroller-wheel-item.mbsc-ltr.mbsc-hover {
    background-color: #0e0f0f !important;
    border-radius: 6px
}

.mbsc-base-picker-theme-dark .mbsc-scroller-bar-cont.mbsc-ltr.mbsc-scroller-bar-hover {
    background-color: #333 !important
}

.mbsc-base-picker-theme-dark .mbsc-button-flat,
.mbsc-base-picker-theme-dark .mbsc-scroller-wheel-item.mbsc-ltr.mbsc-selected {
    color: #f0ad48 !important
}

.mbsc-base-picker-theme-dark .mbsc-popup-buttons {
    background-color: #122534 !important
}

.mbsc-base-picker-theme-dark.mbsc-picker .mbsc-popup-body {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 22px
}

@media (max-width:430px) {
    .mbsc-base-picker-theme-dark.mbsc-picker .mbsc-popup-body {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.custom-button-container {
    border-radius: 40px;
    position: relative;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.custom-button-container,
.custom-button-container:before {
    transition: box-shadow .3s ease-in-out
}

.custom-button {
    -o-border-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/button/custom-button.webp) 70/70px stretch;
    border-image: url(/button/custom-button.webp) 70 fill/70px stretch;
    border-radius: 40px;
    color: #fff;
    min-width: 200px;
    overflow: hidden;
    padding: 18px 36px;
    position: relative;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:640px) {
    .custom-button {
        min-width: 240px
    }
}

.custom-button-container:hover {
    -o-border-image: url(/button/custom-button.webp) 70/70px stretch;
    border-image: url(/button/custom-button.webp) 70 fill/70px stretch;
    transform: scale(1.05);
    transition: all .3s
}

@keyframes animation-super-primary {
    0% {
        transform: rotate(30deg)
    }

    20% {
        transform: rotate(140deg)
    }

    to {
        transform: rotate(140deg)
    }
}

.custom-animation .custom-button:before {
    animation: animation-super-primary 4s linear infinite;
    background-image: linear-gradient(1turn, #aa985500, #926e3100 38.75%, #ebd48f 46.17%, #fff 47.79%, #fff 55.74%, #faeba8 57.28%, #bb873d00 64.09%, #aa985500);
    content: "";
    height: 300px;
    opacity: .4;
    pointer-events: none;
    position: absolute;
    right: -145px;
    top: 65px;
    width: 550px;
    z-index: 1
}

@keyframes glowAnimation {
    0% {
        box-shadow: 0 0 100px #ffd700cc, 0 0 50px #ffc83299, 0 0 30px #ffb43266;
        opacity: .5
    }

    50% {
        box-shadow: 0 0 50px #ffd700cc, 0 0 50px #ffc83299, 0 0 30px #ffb43266;
        opacity: .8
    }

    to {
        box-shadow: 0 0 100px #ffd700cc, 0 0 50px #ffc83299, 0 0 30px #ffb43266;
        opacity: .5
    }
}

@keyframes glowAnimationHover {
    0% {
        box-shadow: 0 0 100px #ffd700cc, 0 0 50px #ffc83299, 0 0 30px #ffb43266;
        opacity: .6
    }

    50% {
        box-shadow: 0 0 50px #ffd700cc, 0 0 50px #ffc83299, 0 0 30px #ffb43266;
        opacity: .1
    }

    to {
        box-shadow: 0 0 100px #ffd700cc, 0 0 50px #ffc83299, 0 0 30px #ffb43266;
        opacity: .6
    }
}

.custom-animation:before {
    animation: glowAnimation 2s ease-in-out infinite
}

.custom-animation:before,
.custom-animation:hover:before {
    border-radius: 40px;
    content: "";
    height: 70%;
    left: 50%;
    position: absolute;
    top: 15%;
    transform: translate(-50%);
    width: 50%
}

.custom-animation:hover:before {
    animation: none;
    box-shadow: 0 0 50px #ffd700cc, 0 0 50px #ffc83299, 0 0 30px #ffb43266;
    cursor: pointer;
    opacity: 1
}

.custom-button-left-arrow,
.custom-button-right-arrow {
    background-size: cover;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 22px
}

.custom-button-left-arrow {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/button/left-arrow.webp);
    left: -16px
}

.custom-button-right-arrow {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/button/right-arrow.webp);
    right: -16px
}

.custom-button-hover {
    background: #0006;
    border-radius: 120px;
    height: 100%;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    transition: opacity .3s ease, background .3s ease;
    width: 90%;
    z-index: 1
}

.custom-button-container:hover .custom-button-hover {
    opacity: .2
}

.custom-button-container:hover:before {
    animation: none;
    border-radius: 40px;
    box-shadow: 0 0 50px #ffd700cc, 0 0 50px #ffc83299, 0 0 30px #ffb43266;
    content: "";
    cursor: pointer;
    height: 70%;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 15%;
    transform: translate(-50%);
    width: 50%
}

.button-primary,
.button-secondary,
.button-tertiary {
    position: relative
}

.button-tertiary {
    border-color: var(--ui-border-color-button-tertiary, hsla(0, 0%, 100%, .2));
    border-width: 1px !important
}

.button-primary:before,
.button-secondary:before,
.button-tertiary:before {
    border-radius: 100px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease, background .3s ease;
    width: 100%
}

.button-primary-container,
.button-secondary-container {
    background-image: linear-gradient(180deg, #ca9733, #f0be66 32%, #84450b, #efac48 92%);
    border-radius: 100px;
    padding: 1px
}

.button-primary:focus:before,
.button-primary:hover:before {
    opacity: 1
}

.button-primary:hover:before {
    background: radial-gradient(60.09% 40.71% at 50% 102.81%, red 0, #89121200)
}

.button-primary:focus:before {
    background: radial-gradient(120.85% 40.71% at 50% 102.81%, red 0, #89121200)
}

.button-secondary:focus:before,
.button-secondary:hover:before {
    opacity: 1
}

.button-secondary:hover:before {
    background: radial-gradient(60.09% 40.71% at 50% 102.81%, #0f4269 0, #0f426900)
}

.button-secondary:focus:before {
    background: radial-gradient(120.85% 40.71% at 50% 102.81%, #0f4269 0, #0f426900)
}

.button-tertiary:focus:before,
.button-tertiary:hover:before {
    opacity: 1
}

.button-tertiary:hover:before {
    background: radial-gradient(60.09% 40.71% at 50% 102.81%, #ffffff1a 0, #fff0)
}

.button-tertiary:focus:before {
    background: radial-gradient(120.85% 40.71% at 50% 102.81%, #ffffff30 0, #fff0)
}

.social-login button {
    background: none !important
}

.social-login .button-primary:focus:before,
.social-login .button-primary:hover:before {
    background-image: none !important;
    opacity: 0 !important
}

.button-disabled:before {
    background: #0006;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.custom-header {
    background: linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    color: var(--ui-colors-transparent, #00000000);
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #ffd699;
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0 0 1px #f5c23f1a, 0 4px 6px #eeb85e33
}

.text-heroContent-description {
    font-family: var(--ui-font-families-secondary, ivypresto-display);
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #ffd699;
    text-shadow: 0 0 1px #f5c23f1a, 0 4px 6px #eeb85e33
}

.footerPage-title-decoration,
.gamesPage-title-decoration,
.text-heroContent-description,
.title-decoration {
    background: linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    background-clip: text;
    -webkit-background-clip: text;
    color: var(--ui-colors-transparent, #00000000)
}

.footerPage-title-decoration,
.gamesPage-title-decoration,
.title-decoration {
    text-transform: uppercase;
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #ffd699;
    text-shadow: 0 0 1px #f5c23f1a, 0 4px 6px #eeb85e33;
    text-shadow: 0 4px 8px rgba(238, 184, 94, .2), 0 2px 6px rgba(245, 194, 63, .1)
}

.footerPage-image-hidden {
    display: none
}

.banner-title,
.language-switcher-title {
    background: linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    color: var(--ui-colors-transparent, #00000000);
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #ffd699;
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0 0 1px #f5c23f1a, 0 4px 6px #eeb85e33
}

.hero-section {
/*
    background-color: #000
*/
}

.hero-bg-wrapper {
    background: linear-gradient(180deg, #030b1100, #030b11);
    bottom: 0;
    content: "";
    height: 134px;
    left: 0;
    margin-top: auto;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:1024px) {
    .hero-bg-wrapper {
        background: radial-gradient(49.29% 151.89% at 50% 50%, #030b1100 0, #030b1100 64.86%, #030b11);
        height: 100%
    }
}

.hero-bg-wrapper:before {
    background: linear-gradient(0deg, #030b11 14.71%, #030b1100);
    bottom: 0;
    content: "";
    height: 204px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.hero-video-wrapper:after {
    background: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/hero/noise.png) #d3d3d3 50%/cover no-repeat;
    background-blend-mode: soft-light;
    content: "";
    height: 100%;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.vip-card-container:before,
.vip-container-background {
    background: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/VIP/vip-level-card-background.png) 50%/cover
}

.vip-card-container:after,
.vip-card-container:before {
    border-radius: 20px;
    content: "";
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    padding: 1px;
    position: absolute
}

.vip-card-container:after {
    background: linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.vip-card-container>div {
    box-shadow: 0 0 10px #ca973380, 0 0 20px #f0bd664d, 0 0 30px #efac481a
}

.vip-container-background.vip-hover-effect:hover {
    background: radial-gradient(80.25% 284.72% at 50% -100%, #2c3f5e 0, #030b11), radial-gradient(67.77% 173.73% at 50% -23.23%, #ffffff87 0, #fff0), linear-gradient(180deg, #0b141c, #090e12);
    background-blend-mode: normal, soft-light, normal
}

.divider {
    background: linear-gradient(308deg, #ffc670cc 21.3%, #71511380 36.14%, #ba902c80 67.6%, #f5c23f 92.82%)
}

.divider:after,
.divider:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.glow {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.step-container:hover img {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bg-gradient {
    background-color: #030b1180
}

.text-shadow-gradient,
.vip-card-container h1 {
    text-shadow: 0 4px 8px rgba(238, 184, 94, .2), 0 2px 6px rgba(245, 194, 63, .1);
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #ffd699
}

.prize {
    text-shadow: 0 4px 8px rgba(238, 184, 94, .2), 0 2px 6px rgba(245, 194, 63, .1)
}

.level-pill {
    background: #1c4b08;
    box-shadow: inset 0 0 .5px 1px #1c4b08, inset 0 0 .5px 2px #ffffff80
}

.wrapper-border {
    border: 1px solid hsla(0, 0%, 100%, .16)
}

.wrapper-border>div {
    background: linear-gradient(180deg, #10181d, #10181d) padding-box, linear-gradient(180deg, #4b3208, #61410a 50%, #342306) border-box;
    border: 1px solid transparent
}

.paymentDetail-wrapper-border {
    background: linear-gradient(180deg, #10181d, #10181d) padding-box, ;
    border: 1px solid transparent
}

.gradient-text {
    background: linear-gradient(148deg, #ca9733 -14.09%, #f0be66 34.71%, #985a21 75.24%, #efac48 124.03%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent
}

.vip-description-wrapper .swiper-pagination {
    margin-top: 26px
}

@media (min-width:640px) {
    .vip-description-wrapper .swiper-pagination {
        margin-top: 0;
        top: -30px !important
    }
}

.swiper-pagination-bullet {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/VIP/bullet_pagination.svg) !important
}

.vip-advantage-card {
    border: 1px solid hsla(0, 0%, 100%, .08);
    box-shadow: 0 2px 2px #00000080, 0 0 2px 0 var(--tint-neutral-50, #302d26)
}

.border-vip-gold {
    border: .667px solid #4b3208;
    border-radius: 6666px
}

.faq-gold-gradient {
    background-clip: border-box, content-box;
    background-origin: border-box
}

.text-vip-description-icon {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent
}

.container {
    width: 100%
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

@media (min-width:1920px) {
    .container {
        max-width: 1920px
    }
}

.social-auth-buttons img {
    background-color: #ffffff1a;
    border: 1px solid rgba(255, 214, 153, .2);
    border-radius: 50%;
    height: 36px;
    width: 36px
}

@media (min-width:1024px) {
    .social-auth-buttons img {
        height: 40px;
        width: 40px
    }
}

.social-auth-buttons img:hover {
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width:1024px) {
    .social-auth-buttons img:hover {
        cursor: pointer
    }
}

.social-auth-buttons img:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKESURBVHgBrZgPb9wgDMWfs5Omqdr3/6BbtXbdhUEXTo55/pO1lhBJAPOLn4G7CC5aa016Ncp2lHn/3qzKfdQi0nDBpNrxALEQQvxMgP24HvVeBdsqnVRUsgJTP6J5+EjthrptCciEaOr6bp6VJglNSVWNjii/TN6PARljcmgIifpUZAslc3KHvfV4xmRpBLL9N5By4uWLt9ImzADd8cmSsQh58gBrHp3aM9myCM0QR0tanP531d5QjJIbIbMjWxgN5QFuOOecjeo1oMkFpMt9c+4t/GN/imTLgORisWPhgLp2K8BU4HQfHdV50DIfdPlvBaBKVLJr+8w1GiGicSYHgva5aZagshza4L+tFNoE/AXcxM4k0yc3nMn1tsCWtgR+F7sFMFeiMPs0rDIBF/IoipDdgwA/d4T427AeHwzuZFmE9D3bcaN82QlAJOXjLVCEAngu6cNW+9yugGRAURJHsmV9dWlspS1AqlOWtOJcA0kUZn/2T6Rylp2cmOfVaFD5WYSipK5ACekzTP+kjaBQAZIARMykAJ9oN2PYAUstSmoJ2uxKYluBHQP40Q6B9BtV5PH6WFAGtBiTrAUD7bnlTbijBr6YFyHPEZxrL7+AuoTLQAYWwURLm41l+9myOZ6Aql8oUFuJWd69Q9nN8QSkGqsTTh/sh5xnrlzTmbX5oQnw/+B5cgj4Tw5m82NWDHRE6Q3ratMTW4grOTTleiufZUfHl15+g6+iCNCanXT4fPE+8bn/yybUWAa9furlSwDiHSP6fsjzo/v9g8DSzzHdwWuvXjvXt15/P8boHJsT6y+wGmqMf+5+fqFg1WX+sA42gJ6O8lWVmXtDkp/4J/lzFhFrfwHLj5oMeV2nSwAAAABJRU5ErkJggg==)
}

.social-login {
    background-color: #ffffff1a;
    background-position: 50%;
    background-size: cover;
    border-radius: 9999px;
    height: 48px;
    width: 48px
}

.social-login,
.social-login:hover {
    border: 1px solid rgba(255, 214, 153, .2)
}

.social-login.google {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/social-auth/google.png)
}

.social-login.google:hover {
    background-blend-mode: darken;
    background-image: url(/social-auth/google.png), radial-gradient(120.85% 40.71% at 50% 102.81%, #ffffff30 0, #fff0)
}

.social-login.wallet {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/social-auth/wallet-connect.png)
}

.social-login.wallet:hover {
    background-blend-mode: overlay;
    background-image: url(/social-auth/wallet-connect.png), radial-gradient(120.85% 40.71% at 50% 102.81%, #ffffff30 0, #fff0)
}

.social-login.metamask {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/social-auth/metamask.png)
}

.social-login.metamask:hover {
    background-blend-mode: overlay;
    background-image: url(/social-auth/metamask.png), radial-gradient(120.85% 40.71% at 50% 102.81%, #ffffff30 0, #fff0)
}

.social-divider:after,
.social-divider:before {
    background-repeat: no-repeat;
    background-size: 10px, 100% 2px;
    content: "";
    flex: 1;
    height: 10px
}

.social-divider:before {
    background-image: url(/vip/star.png), linear-gradient(304deg, #efbd3e 20.33%, #6f571f 50.22%, #634a25 79.67%);
    background-position: 0 0, 50%
}

.social-divider:after {
    background-image: url(/vip/star.png), linear-gradient(304deg, #634a25 20.33%, #6f571f 50.22%, #efbd3e 79.67%);
    background-position: 100% 0, 50%
}

.gameCard-title {
    letter-spacing: -.25px;
    min-height: 16px;
    text-align: center
}

.custom-game-card-label:after,
.custom-game-card-label:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 12px;
    z-index: 1
}

.custom-game-card-label:before {
    background-image: url(/vip/label-default-margin-left.png?1);
    left: 0
}

.custom-game-card-label:after {
    background-image: url(/vip/label-default-margin-right.png?1);
    right: 0
}

.category-hover-card {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

@media (hover:hover) and (pointer:fine) {
    .category-hover-card:hover {
        cursor: pointer
    }
}

.category-hover-card .primary-button {
    padding: 8px 12px
}

.category-hover-card .category-card-border {
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #0e1215cc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    --mask: radial-gradient(13px at 13px 13px, #0000 98%, #000) -13px -13px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.custom-game-card-label,
.gameCard-demoButton {
    letter-spacing: -.25px
}

.custom-game-card-label {
    left: 10px;
    max-width: 85px;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    text-overflow: ellipsis;
    top: 10px;
    white-space: nowrap;
    z-index: 0
}

@media (min-width:640px) {
    .custom-game-card-label {
        left: 15px;
        top: 15px
    }
}

.custom-game-card-label {
    background: url(/vip/label-default-center.png?1) 50%/contain
}

.custom-game-card-label_new {
	margin:7px;
    background: url(/vip/label-new-center.png?1) 50%/contain
}

.custom-game-card-label_new:before {
    background-image: url(/vip/label-new-margin-left.png?1)
}

.custom-game-card-label_new:after {
    background-image: url(/vip/label-new-margin-right.png?1)
}

.category-card-title {
    text-transform: uppercase
}

.category-card-image {
    min-height: 100%;
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.category-card-container {
    padding-top: 20px
}

.category-card-image-container img {
    transition: all .1s ease-in-out
}

.category-card-image-container:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABGCAYAAACe7Im6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABAxSURBVHgB7VpNjGTXVT7391V1T097PO6xMxhkJ86APUOM5EQIiMQgJCQiIbHxrFiwQmKBxIK9e1ZsYMUiipEQEjvDDglQhJIGgpQItwgiM1JGsTNx7JlMev76t+q9d+89+b77qp1sIlVPd0+yqDtdfatfVb2693vf+c53zhuRxViMxViMxViMxViMxViMxViMxViMxViMxViMxViMxViMxViMxViMxViMxViMxViMn8ehKj9Xw8jPYKiq4RcTi+vXr5sbN14zW1s3zYZsyFX821i7oeuXL+v6W28NcBnzM4HtqYKjoub6+nWzsSF2a03sjb0H5qXJeZPWtus6ynTf2NGyfvjhh/JSs6y3xysqH/xA5TXJH4P1FIF6KuCQKdeuXbPvnztnN7/f2Iu+df2ut3r2jCn9xGjfGk1LH6/F+AM1oVG7s495pFsrqby025Xzl34jf/LRv5d33nmnmKcA0qmDs76+bv/5zh334NZFN4nvud4VVyZrtjTGaurMcrR2b29PlsdNXcv+JKicEf7IfleKHZVSgWpzeejbJADpjUsxb168mHHyIqc4Tg8csOXq9etu4xsP3PO58b1rXbbJlf3sFIBoTmbsMfd4lGRkPB4W1PbKv20YFbGdGufVNkvlYGeSXQ7ZjnMJuckrrk0vTs7nja++lU8r1E4FHIbRlWvXwra86EZ7Kdyf7Nos0Y/JGjtyxU8BynIFRX1rRUYiOf94Lc6p6ZJOba8mNWW87NQWl6c6zQYQkU3bjwHOxdX0/Pv76d13v5ROI8xOHhwAcxnA3N8eha6MPfbiigY/Uu+LATggBQFRo06KN9FZ27b8XDYxRum6TjCJyaF0fdJm7LRTm43X0h5gzi3YY/MqTnxg+vRoLP0rqcl/9Ovn+/UTDrMTBYf68ve3b8fJnedcu5RCzgd+lL3fO+h8Yxun0nt11BprI+YCOvSdSMDzw3ME702ftfQ2aTRgEJ4bD6C0zybhOYCyjc3tJCcrKTnBF0mXtrYudPKmpJPUoRMDh2kalAlra2uxW9aQew1kS9bOF3U+Aggoq0NmchWgjIfxbvhwMQJeSQ9wQpA+ZcUkkw78IUAOYAGmps5gjymJYeZMTsRyYlOK+6a/sHahu3H55ADycgKDGvPpL3whrk1eDj20ZdRPQ0oSkqiHEPgQxee2QFkhxhoAjEJEwBYn1oMAvfESsOXe9lJyETBKS/bijCBd5UL2eIBTgKIXk/qSrYzAo1bNwYHIyrKaaRK5sf2eXr7xKfmWan8SGnQS4FTx/U5+zj8DYJo4jQQGOwEJUihkTykARaAaUpWVeuMJTmZoWesSAHGOHDEFhHIGCUvwZtAplb54C6lSKDZgMj5bbyDKPX6KmLiSzU4nxi2prB6ckfuyJ1euXOO6wEM5FkBOjjfMm2++aW9Nz0U3WY1pnANWHAlMCRqw+GDFhFJKwIaCsXwgUopD0FgwqXhA4nGNPTEBTZyrM6DC0wIugV5W8Q9YIp6KBWZWFKkfbIONNHmKYIU6wB1Jjy9VfSz5hTP6xsU/0Nu3N44VXscChwL8LzcvxL2yG1N/EEc2BHpa60vED0DIWK0J2EYADEFhUeD/g1gNoIYHjXyW5A0ZrCAMdpwygAEyGX8j54NZcEdkFMwMZMlaxFUpOCneNMVJIvDOOIuEMZ4XALTCM+nuuV52Lv+iys2bT8yeY4SVmn+8cc3vnV0JaX+MLOQddTQyb5sItnRIPAFzH7ps4FyyB1Bgi/WOIaUJ2CCPF/ACAnR4ViYu5V7BpwwnhHDM8IzOQIbwEr4CIYR01Wnqx9YhX3XgUMRVBjBAtGmytl3Rabutr/QvlO8wQp9Qf56UOebqVeM+cimEbqWZlIMQ3ahRbUNxNoL9URXhA5+LvWMuYIsNwALPNQiESK1gBnsM2GOot1q1CLhhFlugR5QhlKMOymGZxWuwGQ/m9FWZKCqAXXoqPE8HhZ52gBMklT0D9R7r/t/9ZZHbt58ovJ4IHIbT1+498DttbozBhS02ZCkRdEcsGQBTwHoHEqWA7QbH1xAy0NmIlO+rRGgFBjOcIC0xZgDjS8mgEzSXoECYkKEMXQJYA/0Bw6DLeB2EyxAfWzcAVtE1Ssbs/ahmg9EyK5Ncnn9xSR9/8w8BzsaR2fMk4JjdS5f8D++Z2BkXrWvCPmzGGIkDQQOAwBpeRs2YfcD64HfBGDAHQYI8jueIGi2WIoxLDBUBYNg9w81p1R+Bq5aa7HG8eiIxBEmGWXiUUCnYozyKU4BLjurWS2bwuaj99r6WvbG+en673L27eWT2HB0csKbZXAkTvx0yQDCla8bBIXwgtobh5GB4lXNEcRlsZQfBKAgrgxmCTACciRAbzyCwVWtpawgSALIUIUgLH4ZrJHX4HEHJdiEgY5JGQQVtp/20KjgBMqF2E2gMIlPoFEZ4nhv9brNf5I/Bno2jsefI4Lyxe8nfbyaVNSM8MtJz3/XRxCY6sCSrwTEDpiC0RAAS2EG9MbPnhqynaDO0DMEAywCKha4WU0MJ2yWJHFiCrFWBwM45M11RXU11MCRMqcSBWuEkdNeQccStp/yXiGAGicoqvvbVCPZsHo099ihvphN+sNI5uuCxDKUBMo33ceS1S54hwmoS1y3wgU2QGfA6AyjYD8LKRIhL5PGZ9uA1hCT0Ssk4ETR2HMRdI/YcLTXMSFNnO2Mhz6fDZyHRAdzzgDKg/KprKDF5vNmXaePGy94nn9zmra7K01H2eyTm/Afof/fOg9Af5DDN0BvkUFx2XB/6Ght7aIgPrimZJRHWRx0CY7AmbojMqTpTQUG4kTGAHCyDFZ6FF3iBqMS6DAmB30h3kBduylaG4HIy8fNBUuXMuGJY8d0IMuQyKBLqBykNfPVe5itWz4XV8iu/e0WPwp65mUPWfIjGFdsQo6UzAa0ET6FsE8oBXK0Om4rOhZRT/RuGz9vqowxaWgOLLDUJIBqCxsxFxghBAkPAGCFbhOkfWmYqsJUx0N1qDQ7ZUj9LRmap54bdCYffUb87wRbAXE6RKBuyGzVqV3b89NFFGp652TM3c5hMv37vcWyVjU3WifsQ3BB9QIwZmgxuBl0Ghosd9AUb53tj4kYqEHXDNbywRLri2WyoLzVLSRVmgoosxbsUZBB/M5kf6gzvXeBJrmzBN8JDQPtwOKG+YBlHsYLPYYGG5mMDa5on5PMZ/cbra+XmnK55bnA2kL5Hd5Eoo8DXePgZbMwhXSeCUQhGhFpWIDxAEakgRHaALYW5SNWdCgjCzDDUtKbwmtoJCDMSQ6xuXZmTmMeZtWdibJivhnq7dnZsNT9ES21FkfaSxRliDarnfCoEaIrQMij6DJqQ+oHJ86b1OcNKzSu4a0BhQ660JbUWThS9mepkEEKQQ4giQ8qyPhq8Sk3ZsGteZ6FlmK1kAAlrrqFTQ4meyMwEeSbENXwQalXIq3kUGk1fRAeRp8PG36BPddeo2i1DWGCWe7pthlYfXORz9pLw7/7BY7t9obHczzy7no8567iddG8JIQWnezCNY35n49HhxCbQsIO6RJg9biZSV0wV35plqiBDPJvDlF4FWPkeggQW1axlWOORKTW06G8OzS8AtdX0mUGFlZaZR6Q6HvKLRoedjsNjxQ6uEqQlY9C2RiuosVimG5W7YVLk9X8o8xSkcxWeb+DWyvceJrd0dtl1yyM3JVV6XiFSHovPPbSCGZyMzoNxw4NlAKtv6sqQxnH1KyNgGKuvsRUEbOrjNAtQlcmHSoLfibHE0jHzVyE+jvgM+Qmyg3dlliT4MPMWS1nHdhnXgrYs6jT0D1GV7fe9XUUB3LTebu1uzcWcucChyueLEzt5+ABGo2EVjSY5slTCSukxcNULKV47V8gYRgZQSmVB7Qbyu1hzVb9S6ywypoqwreAYtiXIkXrPHBcd2wbF8CvRAtpKIFIFuV0qn9DMoTYbxhNvXWRoE512qsCw5ECnoMu9HUGA2AzYi70Jq6tY7tpccjJXWG2NL9lRsrHxtsGOESoeQlvDIlIDLMMLIoytsG8ea6mg8DcUYGsaHcoC+h2mb2oRjWH1PTIId9Wl2XpYLnDxAM3aoeo0VSXAuKHE4g+Qxqs0xoUvmMHpsBUGLqF8HeiJ5qsrfb2MNucJstlun9vpy63M0QibT3Og7tNf/Ywdt6NxV3I0ISMXzFK32MHdKsuAUh1tYaPYuQY7objS68QqrkKN0UFvZPAy7Aj+OFvVNM6mF2urqjU0g9WcDOUU9Kb6QB4BKgwtwxt/CEGU6ab2f0A2tt8hOW7QHbTlE2ITDXqbx2fL3u6X/7qdZ9vzO+Rbm/3oU5+x+MaVmq5h5ggCQwUXB0wYzF1htkF6tjoAUYvRMvgfQ/9jhtQuw4MCjfcTWGoT2xmswA1LS+wa79YK0OCIdfA1RWu1CaE9ZA1xGkKR1SePK0MNgceufoIis3+IMz/a+re39+bd8pHKh+n7m+3o0ufV99NnUBciggES2AIZJIvYL8ZMkEoNs1pUYvNVZ8g0AkF/wyxG71PBsQNrqr8xbtYyJXHImMHXyEyopbpCgMKuKePNcs4zvDJ1m6EFduUKDmZ0ExOseTZTe+fxxpceH2W/R67K2/e+Pnn2/Gd32mieRWoY17RdTR28yyyksOyhV1zDTgbmQJew1VhZU/3OYVjKUC4AlML1mCrggyemDlekZgeqOTZD5LDFVViU1+SeCZhhh6wCg5vGBIw9eWMnsddbD//ziztyxPFEncDdu5v9J1668qgtYRnfvlo3LnXjwRwKrqPBM2yLMswGnakhhxpqCKPKMqmlBMsIO6vFBlCGAmGmvpahY6qvMTWhMzvV3jDMgK1/a6mNVSjNMGfeiM/l/naZfOtg428P5AnGse94nvv8n/wSqqvXYTyewwbGWF2DVu8SdkIBHmEeYadjgEFQMGujsyLT1LQ+tC6MzmooZUUF/8JeltZ7Tz3e0+IxxWJb8/FznYIhPDYlO6C3E3wOfyOArNvJpfvm9lfefk+OMY5730qmH2xur376tz/CXf8G23uBtZKwZ8yMZYZQos7grbMspUMBas1QgKocsoo1l5tlJ3t42RhDtiaqypiBNfA21BiGDwiVqC+89U5PBOf3/y+/kja++09v35djjhP9jwTP/v6fnU1t+i2c9XM48QibHCtnM5vFjMgmbHVUw6s2tobSwlRgBgtYnbFi00aYclucp62s4KwygXhPQa8JcJvgIwN7SnnXjOLXHv7r3xxZW37aOJX/n/PM1T9/Bvv4LHzvb4Kav6AzoPIMKAIHuRwhIdWOHwFiOTTzNfVeFU7T4ThutOgULOP9uylBwXkmEJwJAYECPQR5vnIuf+K/bm+sT+WEx6n/t7eV3/nTX0b6+RyC5XXExGuGOlS1B6wxYBGBqk0uhli9ywC/YqEzpQVWHY5NsEqwRyfUGID4AcLsv3F7/X92v/rFb8spjlMH5yfH87/3F8tdv/dryLmv4osvA6zzSEmfBLPWsOnnZHDHNHBbYMgWjt0HqP+HOukmWrIfRbv0v/e+/Ff78pTGjwBjSRdbHq1iLAAAAABJRU5ErkJggg==), linear-gradient(180deg, #0e0f0f, #061a29 89.6%);
    background-repeat: no-repeat;
    background-size: contain
}

.category-card-image-container:hover img {
    scale: 1.2;
    transition: all .1s ease-in-out
}

.active-category {
    background: radial-gradient(148.44% 50% at 50% 102.81%, #0f4269 0, #0f426900)
}

.active-category img {
    scale: 1.2
}

.container {
    width: 100%
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

@media (min-width:1920px) {
    .container {
        max-width: 1920px
    }
}

.border-base .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.border-one {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem;
    position: relative
}

.border-one:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.border-one .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.border-one:before {
    border-image-source: url(/vip/border-1.svg);
    perspective: 1px
}

.border-seven {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem;
    position: relative
}

.border-seven:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.border-seven .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.border-seven:before {
    border-image-source: url(/vip/border-7.svg)
}

.quick-links-card-decorated {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem;
    position: relative
}

.quick-links-card-decorated:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.quick-links-card-decorated .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.quick-links-card-decorated:before {
    border-image-source: url(/vip/border-7.svg)
}

.quick-links-card-simple {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem;
    position: relative
}

.quick-links-card-simple:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.quick-links-card-simple .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.quick-links-card-simple:before {
    border-image-source: url(/vip/border-2.svg)
}

.promotion-card-decorated {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem;
    position: relative
}

.promotion-card-decorated:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.promotion-card-decorated .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.promotion-card-decorated:before {
    border-image-source: url(/vip/border-1.svg);
    perspective: 1px
}

@media (min-width:1024px) {
    .promotion-card-decorated:hover:before {
        border-image-source: url(/vip/border-1-hover.svg);
        filter: drop-shadow(0 0 6px #e7b255b2)
    }
}

.available-bonus-card-decorated {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem;
    position: relative
}

.available-bonus-card-decorated:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.available-bonus-card-decorated .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.available-bonus-card-decorated:before {
    border-image-slice: 40 fill;
    border-image-source: url(/vip/border-1.svg);
    perspective: 1px
}

.wrapper-gradient-border {
    padding: 4px
}

.wrapper-gradient-border.decorated:before {
    background-image: url(/vip/star.png);
    background-size: contain;
    height: 24px;
    left: 50%;
    position: absolute;
    top: -9px;
    width: 24px;
    z-index: 10;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: "";
    content: var(--tw-content)
}

.wrapper-gradient-border.modal-wrapper,
.wrapper-gradient-border.quick-user-menu-wrapper {
    border-color: #604f35;
    border-width: 3px
}

.wrapper-gradient-border.provider-card-wrapper {
    border-color: #5a5a5a;
    border-width: 1px;
    position: relative
}

.wrapper-gradient-border.bonus-card-wrapper {
    border: 1px solid #ffffff29;
    border-radius: 1rem;
    position: relative
}

.wrapper-gradient-border.border-card-wrapper {
    border-color: #5a5a5a;
    border-width: 1px;
    position: relative
}

.wrapper-gradient-border.promotion-detail-wrapper,
.wrapper-gradient-border.promotion-info-wrapper,
.wrapper-gradient-border.promotion-terms-wrapper,
.wrapper-gradient-border.rewardback-infoCard-wrapper {
    border: 1px solid #5a5a5a
}

.wrapper-gradient-border.provider-card:before {
    content: var(--tw-content);
    height: 14px;
    top: -4px;
    width: 14px
}

.wrapper-gradient-border.paymentDetails-card:before {
    content: var(--tw-content);
    height: 24px;
    top: -8px;
    width: 24px
}

.wrapper-gradient-border .container-gradient-border:before {
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 27 27 27 27 fill;
    border-image-source: url(/vip/gradient-border-1.png);
    border-image-width: 14px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    --tw-content: "";
    content: var(--tw-content)
}

.wrapper-gradient-border .container-gradient-border-glow:before {
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 27 27 27 27 fill;
    border-image-source: url(/vip/gradient-border-2.png);
    border-image-width: 18px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    --tw-content: "";
    content: var(--tw-content)
}

.wrapper-gradient-border .quick-user-menu-border {
    background: linear-gradient(180deg, #4b3208, #61410a 50%, #342306);
    border-radius: 1rem;
    padding: 1px
}

.wrapper-gradient-border .bonus-card-border {
    border-radius: 1rem;
    position: relative
}

.wrapper-gradient-border .bonus-card-border:before {
    background: linear-gradient(180deg, #4b3208, #61410a 50%, #342306);
    border-radius: inherit;
    bottom: 0;
    content: var(--tw-content);
    content: "";
    left: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.wrapper-gradient-border .bonus-card-border.active:before {
    content: var(--tw-content);
    padding: 2px
}

@media (min-width:640px) {
    .wrapper-gradient-border .bonus-card-border.active {
        min-width: 430px
    }
}

@media (min-width:1024px) {
    .wrapper-gradient-border .bonus-card-border.active {
        min-width: 448px
    }
}

.wrapper-gradient-border .bonus-card-border.\!active:before {
    content: var(--tw-content);
    padding: 2px
}

@media (min-width:640px) {
    .wrapper-gradient-border .bonus-card-border.\!active {
        min-width: 430px
    }
}

@media (min-width:1024px) {
    .wrapper-gradient-border .bonus-card-border.\!active {
        min-width: 448px
    }
}

.wrapper-border {
    padding: 2px
}

.quick-user-menu-wrapper {
    border-radius: 20px
}

.bottomNav-menu-active:after {
    background: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/navigation/active-top-frame.png) top/100% 100% no-repeat, radial-gradient(800% 641.67% at 50% 641.67%, #f0ad48 0, #0b1219) 50% / calc(100% - 3px) calc(100% - 3px) no-repeat, url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/navigation/active-bottom-frame.png) bottom /100% 100% no-repeat;
    content: "";
    height: calc(100% + 1px);
    margin-top: -1px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.bonus-card-container,
.modal-container,
.no-bonus-card-container,
.paymentDetails-card-container,
.provider-card-container,
.quick-user-menu-container {
    background-blend-mode: overlay, soft-light, normal;
    background-color: #d3d3d3;
    background-image: url(/vip/secondary-texture.png), radial-gradient(67.77% 173.73% at 50% -23.23%, #ffffff87 0, #fff0), linear-gradient(180deg, #0b141c, #090e12);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}



.header-container {
    background-image: linear-gradient(90deg,#020609,#061a29 15%,#061a29,#061a29 85%,#020609);
    width: 100%;
}

@media (max-width: 767px) {
.header-container, .header-container:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.border-header-mobile {
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 0 27 26 27;
    border-image-source: url(/vip/header-border.png?1);
    border-image-width: 18px 18px 18px 18px
}
}

.border-header-mobile:after {
    cursor: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    --tw-content: "";
    content: var(--tw-content);
    --mask: linear-gradient(#000 0 calc(100% - 10px), #0000 calc(100% - 10px)), radial-gradient(10px at 10px 100%, #0000 98%, #000) -10px 0, radial-gradient(10px at calc(100% - 10px) 100%, #0000 98%, #000) 10px 0;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.game-card-border {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem;
    position: relative
}

.game-card-border:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.game-card-border .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.game-card-border:before {
    border-image-source: url(/vip/border-3.svg)
}

.game-card-border {
    margin-top: -2px;
    width: 114px
}

.game-card-border:before {
    content: var(--tw-content);
    height: 128px
}

.game-card-border .border-mask {
    --mask: radial-gradient(6px at 12px 10px, #0000 98%, #000) -12px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.category-card-border {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem;
    position: relative
}

.category-card-border:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.category-card-border .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.category-card-border:before {
    border-image-source: url(/vip/border-5.svg)
}

.category-card-border {
    padding: 7px
}

.category-card-border:after {
    background-image: url(/vip/star.png);
    background-size: contain;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 14px;
    z-index: 10;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: "";
    content: var(--tw-content)
}

.category-card-border .border-mask {
    --mask: radial-gradient(13px at 13px 13px, #0000 98%, #000) -13px -13px
}

.category-card-border:before {
    perspective: 1px
}

@media (max-width:639px) {
    .category-card-border {
        padding: 3px
    }

    .category-card-border:after {
        height: 10px;
        top: -2px;
        width: 10px
    }

    .category-card-border:before {
        border: 15px solid transparent;
        -o-border-image: url(/vip/border-5.svg) 35 fill;
        border-image: url(/vip/border-5.svg) 35 fill
    }

    .category-card-border .border-mask {
        --mask: radial-gradient(5px at 13px 13px, #0000 98%, #000) -13px -13px
    }
}

.category-card-wrapper:nth-of-type(2n) .category-card-container:before {
    background-image: url(/vip/star.png);
    background-size: contain;
    height: 10px;
    left: 45px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 10px;
    z-index: 10;
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width:640px) {
    .category-card-wrapper:nth-of-type(2n) .category-card-container:before {
        content: var(--tw-content);
        left: 57px
    }
}

.category-card-image-container {
    -o-border-image: url(/vip/category-border.png) 72/72px stretch;
    border-image: url(/vip/category-border.png) 72 fill/72px stretch;
    height: var(--ui-sizing-category-card-image-xs, 64px);
    position: relative;
    width: var(--ui-sizing-category-card-image-xs, 64px)
}

@media (min-width:640px) {
    .category-card-image-container {
        height: var(--ui-sizing-category-card-image-sm, 72px);
        width: var(--ui-sizing-category-card-image-sm, 72px)
    }
}

.category-card-wrapper:nth-of-type(2n) .category-card-image-container {
    position: relative
}

.category-card-wrapper:nth-of-type(2n) .category-card-image-container:before {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    left: -18px;
    position: absolute;
    top: 22px;
    width: 20px;
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width:640px) {
    .category-card-wrapper:nth-of-type(2n) .category-card-image-container:before {
        content: var(--tw-content);
        top: 26px
    }
}

.category-card-wrapper:nth-of-type(2n) .category-card-image-container:after {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    position: absolute;
    right: -18px;
    top: 22px;
    width: 20px;
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width:640px) {
    .category-card-wrapper:nth-of-type(2n) .category-card-image-container:after {
        content: var(--tw-content);
        top: 26px
    }
}

.category-card-wrapper:nth-of-type(2n) .category-card-image-container:before {
    background-image: url(/vip/star-left.svg)
}

.category-card-wrapper:nth-of-type(2n) .category-card-image-container:after {
    background-image: url(/icons/star-left.svg);
    transform: rotate(180deg)
}

.collapsed-menu-item-active {
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 27 27 27 27 fill;
    border-image-source: url(/vip/collapsed-menu-item-border.png);
    border-image-width: 14px
}

.rewardback-card-decorated,
.rewardback-menu-decorated {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem;
    position: relative
}

.rewardback-card-decorated:before,
.rewardback-menu-decorated:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.rewardback-card-decorated .border-mask,
.rewardback-menu-decorated .border-mask {
    --mask: radial-gradient(14px at 10px 13px, #0000 98%, #000) -13px -13px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.rewardback-card-decorated:before,
.rewardback-menu-decorated:before {
    border-image-source: url(/vip/border-2.svg)
}

.divider-menu {
    background: linear-gradient(308deg, #ffc670cc 21.3%, #71511380 36.14%, #ba902c80 67.6%, #f5c23f 92.82%);
    position: relative
}

.divider-menu:after,
.divider-menu:before {
    height: 15px;
    position: absolute;
    top: 50%;
    width: 15px;
    --tw-translate-y: -50%;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: "";
    content: var(--tw-content)
}

.divider-menu:after {
    background-image: url(/vip/ornament-right.svg);
    right: 0;
    top: 4px
}

.divider-menu:before {
    background-image: url(/vip/star.svg);
    left: 0;
    top: 1px
}

.content-divider:after {
    background-image: url(/vip/ornament-left.svg), linear-gradient(308deg, #ffc670cc 21.3%, #71511380 36.14%, #ba902c80 67.6%, #f5c23f 92.82%), url(/icons/ornament-right.svg);
    background-position: 0 0, 50%, 100% 0;
    background-size: 15px, calc(100% - 28px) 1px, 15px
}

.content-divider:after,
.footerPage-title:after,
.gamesPage-title:after {
    background-repeat: no-repeat;
    display: block;
    height: 8px;
    width: 100%;
    --tw-content: "";
    content: var(--tw-content)
}

.footerPage-title:after,
.gamesPage-title:after {
    background-image: url(/icons/ornament-left.svg), linear-gradient(308deg, #ffc670cc 21.3%, #71511380 36.14%, #ba902c80 67.6%, #f5c23f 92.82%), url(/icons/ornament-right.svg);
    background-position: 0 0, 50%, 100% 0;
    background-size: 15px, calc(100% - 28px) 1px, 15px;
    left: 50%;
    position: relative;
    width: calc(100% + 112px);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.language-button-active {
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 27 27 27 27 fill;
    border-image-source: url(/vip/border-6.png);
    border-image-width: 14px;
    padding: 1px
}

.paymentDetails-card-wrapper,
.personal-info-card-wrapper,
.security-card-wrapper,
.verification-card-wrapper {
    border: 1px solid #4b3208;
    border-radius: 20px;
    position: relative
}

.personal-info-card-container,
.security-card-container,
.transaction-table-wrapper,
.verification-card-container {
    border: 1px solid hsla(0, 0%, 100%, .16);
    border-radius: 20px;
    padding: 4px;
    position: relative
}

.loader-modal .container-gradient-border,
.loader-modal .container-gradient-border:before,
.loader-modal .wrapper-gradient-border,
.loader-modal .wrapper-gradient-border:before {
    border: none
}

.loader-modal .wrapper-gradient-border:before {
    background-image: none
}

.expandable-menu-active,
.expandable-menu-hover,
.quick-user-menu-list-active,
.quick-user-menu-list-hover {
    background-size: 100% 100%;
    transition: background-image .3s ease-in-out, opacity .3s ease-in-out
}

.expandable-menu-active,
.quick-user-menu-list-active {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/expandable-menu-texture-active.png) !important
}

.texture-1 {
    background-image: linear-gradient(90deg, #020609, #061a29 15%, #061a29, #061a29 85%, #020609);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.texture-switcher-item {
    background: radial-gradient(1178.13% 641.67% at 50% 641.67%, #386dae 0, #0b1219);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.personal-info-card-wrapper:before,
.security-card-wrapper:before,
.texture-1:before,
.texture-balance:before,
.texture-game-header:before,
.texture-language-button-active:before,
.texture-language-button-hover:before,
.texture-menu-quickLink-default:before,
.texture-menu-quickLink-hover:before,
.texture-sidebar:before,
.texture-switcher-item-selected:before,
.texture-switcher-item:before,
.texture-test:before,
.verification-card-wrapper:before {
    background-image: url(/vip/main-texture.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .2;
    pointer-events: none;
    position: absolute
}

.texture-menu-quickLink-default {
    background-image: linear-gradient(0deg, #0003, #0003), radial-gradient(63.41% 225% at 50% -71.88%, #2c3f5e 0, #030b11);
    background-position: 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%;
    width: 100%
}

.texture-menu-quickLink-active {
    background: linear-gradient(0deg, transparent, transparent), linear-gradient(0deg, #0003, #0003), radial-gradient(183.6% 100% at 50% 100%, #a87c39 0, #0b1219) !important;
    background-position: 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%;
    -o-border-image: url(/vip/border-4.png);
    border-image: url(/vip/border-4.png);
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 27 27 27 27;
    border-image-width: 20px 20px 20px 20px;
    width: 100%
}

.texture-sidebar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(180deg, #02080d, #071b29)
}

.texture-footer,
.texture-sidebar {
    position: relative;
    width: 100%
}

.texture-footer {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8)), #061a29
}

.texture-rewardback-info-card {
    background-blend-mode: overlay, soft-light, normal;
    background-color: #d3d3d3;
    background-image: url(/vip/secondary-texture.png), radial-gradient(67.77% 173.73% at 50% -23.23%, #ffffff87 0, #fff0), linear-gradient(180deg, #0b141c, #090e12);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.texture-language-button-active {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: var(--ui-background-color-language-button-active, radial-gradient(183.6% 100% at 50% 100%, #2f2b20, #0b1219))
}

.texture-game-header,
.texture-language-button-active {
    position: relative;
    width: 100%
}

.texture-game-header {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(90deg, #020609, #061a29 35%, #061a29, #061a29 65%, #020609)
}

.personal-info-card-wrapper,
.security-card-wrapper,
.verification-card-wrapper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: radial-gradient(67.77% 173.73% at 50% -23.23%, #ffffff87 0, #fff0), linear-gradient(180deg, #0b141c, #090e12);
    background-blend-mode: soft-light, normal;
    position: relative;
    width: 100%
}

.transaction-table-container {
    background-blend-mode: overlay, soft-light, normal;
    background-color: #d3d3d3;
    background-image: url(/vip/secondary-texture.png), radial-gradient(67.77% 173.73% at 50% -23.23%, #ffffff87 0, #fff0), linear-gradient(180deg, #0b141c, #090e12);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-container {
    height: auto;
    position: relative
}

.banner-wrapper {
    display: flex;
    flex-direction: column;
    height: auto
}

@media (min-width:640px) {
    .banner-wrapper {
        min-height: 220px
    }
}

@media (max-height:450px) and (orientation:landscape) {
    .banner-wrapper {
        align-items: center;
        justify-content: center
    }
}

.banner-first-container {
    bottom: 60px;
    display: flex;
    left: 50%;
    max-width: 320px;
    position: absolute;
    width: 100%;
    --tw-translate-x: -50%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:640px) {
    .banner-first-container {
        left: 48px;
        max-width: inherit;
        width: 280px;
        --tw-translate-x: 0px;
        align-items: flex-start;
        justify-content: flex-start;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:1024px) {
    .banner-first-container {
        bottom: auto;
        left: 72px;
        top: 50%;
        width: 700px;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.banner-second-container {
    height: 100%;
    width: 100%
}

@media (min-width:640px) {
    .banner-second-container {
        min-height: 220px
    }
}

@media (orientation:landscape) {
    .banner-second-container {
        height: 330px;
        width: 100%
    }

    .banner-second-container>img {
        -o-object-position: center;
        object-position: center
    }
}

.banner-image {
    height: 100%;
    width: 100%
}

@media (min-width:640px) {
    .banner-image {
        min-height: 320px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 84%;
        object-position: 84%
    }
}

.banner-title {
    font-family: var(--ui-font-families-banner-title, ivypresto-display);
    font-size: var(--ui-font-sizes-banner-title-xs, 40px);
    font-weight: var(--ui-font-weights-banner-title, 700);
    line-height: var(--ui-line-heights-banner-title-xs, 44px);
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:640px) {
    .banner-title {
        font-size: var(--ui-font-sizes-banner-title-sm, 40px);
        line-height: var(--ui-line-heights-banner-title-sm, 44px);
        text-align: left
    }
}

@media (min-width:1280px) {
    .banner-title {
        font-size: var(--ui-font-sizes-banner-title-lg, 56px);
        line-height: var(--ui-line-heights-banner-title-lg, 64px)
    }
}

.banner-text {
    color: var(--ui-text-color-banner-text, #fff);
    font-family: var(--ui-font-families-banner-text, Nunito Sans);
    font-size: var(--ui-font-sizes-banner-text-xs, 18px);
    font-weight: var(--ui-font-weights-banner-text, 400);
    line-height: var(--ui-line-heights-banner-text-xs, 24px);
    padding: .25rem .5rem 1rem;
    text-align: center
}

@media (min-width:640px) {
    .banner-text {
        font-size: var(--ui-font-sizes-banner-text-sm, 18px);
        line-height: var(--ui-line-heights-banner-text-sm, 24px);
        padding-bottom: 1.5rem;
        padding-left: 0;
        text-align: left
    }
}

@media (min-width:1280px) {
    .banner-text {
        font-size: var(--ui-font-sizes-banner-text-lg, 24px);
        line-height: var(--ui-line-heights-banner-text-lg, 32px)
    }
}

.banner-details {
    color: var(--ui-text-color-banner-details-default, #595d6d);
    font-size: var(--ui-font-sizes-banner-details-xs, 14px);
    font-weight: var(--ui-font-weights-banner-details, 600);
    line-height: var(--ui-line-heights-banner-details-xs, 20px);
    margin-top: .25rem;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: center;
    text-decoration-line: underline
}

@media (hover:hover) and (pointer:fine) {
    .banner-details:hover {
        color: var(--ui-text-color-banner-details-hover, #929292);
        cursor: pointer;
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

@media (min-width:640px) {
    .banner-details {
        font-size: var(--ui-font-sizes-banner-details-sm, 16px);
        line-height: var(--ui-line-heights-banner-details-sm, 20px);
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media (min-width:1024px) {
    .banner-details {
        font-size: var(--ui-font-sizes-banner-details-lg, 18px);
        line-height: var(--ui-line-heights-banner-details-lg, 22px)
    }
}

.\!active .brown-campaign,
.active .brown-campaign {
    background-color: var(--ui-background-color-campaign-brown-start, rgba(194, 144, 73, .4))
}

.\!active .blue-campaign,
.active .blue-campaign {
    background-color: var(--ui-background-color-campaign-blue-start, rgba(21, 62, 219, .4))
}

.\!active .green-campaign,
.active .green-campaign {
    background-color: var(--ui-background-color-campaign-green-start, #70c249)
}

.\!active .purple-campaign,
.active .purple-campaign {
    background-color: var(--ui-background-color-campaign-purple-start, rgba(71, 89, 204, .4))
}

.gray-campaign {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-radius: var(--ui-border-radius-lg, 8px);
    --tw-gradient-from: var(--ui-colors-campaign-gray-start, #393d3b);
    var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--ui-colors-campaign-gray-end, #393d3b);
    var(--tw-gradient-to-position)
}

@media (hover:hover) and (pointer:fine) {
    .gray-campaign:hover {
        background-color: var(--ui-colors-campaign-gray-start, #393d3b)
    }
}

.black-campaign {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-radius: var(--ui-border-radius-lg, 8px);
    --tw-gradient-from: var(--ui-colors-campaign-black-start, #232323);
    var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--ui-colors-campaign-black-end, #232323);
    var(--tw-gradient-to-position)
}

@media (hover:hover) and (pointer:fine) {
    .black-campaign:hover {
        background-color: var(--ui-colors-campaign-black-start, #232323)
    }
}

.filter-light-mode {
    filter: brightness(0) saturate(100%) invert(5%) sepia(8%) saturate(3629%) hue-rotate(174deg) brightness(95%) contrast(94%)
}

.sport-slider-banner-container {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    padding: .375rem
}

.sport-slider-banner-container:before {
    border: 30px solid transparent;
    border-image-repeat: stretch;
    border-image-slice: 30 fill;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.sport-slider-banner-container .border-mask {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.sport-slider-banner-container:before {
    border-image-source: url(/vip/border-1.svg);
    perspective: 1px
}

.sport-slider-banner-container {
    height: 190px;
    position: relative;
    width: 100%
}

.sport-slider-banner-container:before {
    border-image-slice: 40 fill;
    perspective: 1px
}

@media (min-width:1024px) {
    .sport-slider-banner-container:hover:before {
        filter: brightness(1.2) contrast(1.05) blur(.2px) drop-shadow(0 0 25px rgb(132, 69, 11))
    }
}

.sport-slider-banner-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    min-height: 50px;
    width: 100%
}

@media (min-width:640px) {
    .sport-slider-banner-wrapper {
        flex-direction: row
    }
}

@media (min-width:1280px) {
    .sport-slider-banner-wrapper {
        min-height: 150px
    }
}

.sport-slider-banner-wrapper {
    --mask: radial-gradient(10px at 10px 10px, #0000 98%, #000) -10px -10px;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

.sport-slider-banner-wrapper:after,
.sport-slider-banner-wrapper:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sport-slider-banner-wrapper:before {
    background-blend-mode: soft-light;
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/promotions/grain.png);
    mix-blend-mode: soft-light
}

.sport-slider-banner-wrapper:after {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/promotions/overlay-casino.png)
}

.sport-slider-banner-texts-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 190px;
    justify-content: center;
    margin-bottom: auto;
    margin-left: 2rem;
    margin-top: auto;
    max-width: 210px;
    order: 2;
    padding-bottom: 1rem;
    padding-top: 1rem;
    z-index: 3
}

@media (min-width:640px) {
    .sport-slider-banner-texts-container {
        margin-left: 40px;
        max-width: 230px
    }
}

.sport-slider-banner-text {
    color: var(--ui-text-color-banner-text, #fff);
    font-family: var(--ui-typography-sport-banner-text-xs-font-family, Nunito Sans);
    font-size: var(--ui-typography-sport-banner-text-xs-font-size, 12px);
    font-weight: var(--ui-typography-sport-banner-text-xs-font-weight, 600);
    line-height: var(--ui-typography-sport-banner-text-xs-line-height, 14px);
    margin-bottom: .25rem
}

.sport-slider-banner-details,
.sport-slider-banner-text {
    text-wrap: balance
}

.sport-slider-banner-details {
    background: linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    color: var(--ui-colors-transparent, #00000000);
    font-family: var(--ui-typography-sport-banner-details-xs-font-family, ivypresto-display);
    font-size: var(--ui-typography-sport-banner-details-xs-font-size, 18px);
    font-weight: var(--ui-typography-sport-banner-details-xs-font-weight, 600);
    line-height: var(--ui-typography-sport-banner-details-xs-line-height, 20px);
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #ffd699;
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0 0 1px #f5c23f1a, 0 4px 6px #eeb85e33
}

.gr .sport-slider-banner-details {
    font-size: 16px;
    line-height: 24px
}

.sport-slider-banner-images-container {
    order: 1
}

@media (min-width:640px) {
    .sport-slider-banner-images-container {
        left: 184px;
        position: absolute;
        top: -136px
    }
}

@media (min-width:1024px) {
    .sport-slider-banner-images-container {
        left: 300px;
        top: -150px
    }
}

@media (min-width:1280px) {
    .sport-slider-banner-images-container {
        left: 458px;
        top: -200px
    }
}

@media (max-height:450px) and (orientation:landscape) {
    .sport-slider-banner-images-container {
        left: 284px;
        top: -13px
    }
}

.sport-slider-banner-texts-container .button-container {
    margin-top: .5rem
}

.sport-slider-banner-images-wrapper {
    position: relative;
    width: -moz-max-content;
    width: max-content
}

.sport-slider-banner-background-image {
    height: auto;
    width: 440px
}

@media (min-width:640px) {
    .sport-slider-banner-background-image {
        width: 680px
    }
}

@media (min-width:1280px) {
    .sport-slider-banner-background-image {
        width: 1200px
    }
}

@media (max-height:450px) and (orientation:landscape) {
    .sport-slider-banner-background-image {
        width: 530px
    }
}

.sport-slider-banner-character-image {
    left: 84px;
    position: absolute;
    top: 90px
}

@media (min-width:640px) {
    .sport-slider-banner-character-image {
        left: 148px;
        top: 92px;
        width: 390px
    }
}

@media (min-width:1280px) {
    .sport-slider-banner-character-image {
        left: 250px;
        top: 272px;
        width: 688px
    }
}

.bannerSlider,
.sportsSlider {
    --swiper-navigation-size: 24px;
    --swiper-navigation-color: var(--ui-colors-white)
}

.brown-campaign {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-radius: var(--ui-border-radius-lg, 8px);
    --tw-gradient-from: var(--ui-colors-campaign-brown-start, rgba(194, 144, 73, .4));
    var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--ui-colors-campaign-brown-end, rgba(194, 144, 73, .1));
    var(--tw-gradient-to-position)
}

@media (hover:hover) and (pointer:fine) {
    .brown-campaign:hover {
        background-color: var(--ui-background-color-campaign-brown-start, rgba(194, 144, 73, .4))
    }
}

.blue-campaign {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-radius: var(--ui-border-radius-lg, 8px);
    --tw-gradient-from: var(--ui-colors-campaign-blue-start, rgba(21, 62, 219, .4));
    var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--ui-colors-campaign-blue-end, rgba(21, 62, 219, .1));
    var(--tw-gradient-to-position)
}

@media (hover:hover) and (pointer:fine) {
    .blue-campaign:hover {
        background-color: var(--ui-background-color-campaign-blue-start, rgba(21, 62, 219, .4))
    }
}

.green-campaign {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-radius: var(--ui-border-radius-lg, 8px);
    --tw-gradient-from: var(--ui-colors-campaign-green-start, #70c249);
    var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--ui-colors-campaign-green-end, rgba(112, 194, 73, .2));
    var(--tw-gradient-to-position)
}

@media (hover:hover) and (pointer:fine) {
    .green-campaign:hover {
        background-color: var(--ui-background-color-campaign-green-start, #70c249)
    }
}

.purple-campaign {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-radius: var(--ui-border-radius-lg, 8px);
    --tw-gradient-from: var(--ui-colors-campaign-purple-start, rgba(71, 89, 204, .4));
    var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--ui-colors-campaign-purple-end, rgba(71, 89, 204, .1));
    var(--tw-gradient-to-position)
}

@media (hover:hover) and (pointer:fine) {
    .purple-campaign:hover {
        background-color: var(--ui-background-color-campaign-purple-start, rgba(71, 89, 204, .4))
    }
}

.step-container:hover img {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.header-action {
    border-color: var(--ui-colors-neutral-700, #353535);
    border-width: 1px
}

.swiper-slide.swiper-slide-size {
    justify-content: center;
    width: var(--ui-sizing-category-card-xs, 100px)
}

@media (min-width:640px) {
    .swiper-slide.swiper-slide-size {
        width: var(--ui-sizing-category-card-sm, 120px)
    }
}

@media (min-width:1024px) {
    .swiper-slide.swiper-slide-size {
        width: var(--ui-sizing-category-card-lg, 125px)
    }
}

.button-text-transform,
.text-heroContent-title {
    text-transform: uppercase
}

.mobile-header-buttons button {
    font-size: 12px;
    line-height: 1.2;
    min-width: auto !important;
    padding: 12px
}

@media (min-width:640px) {
    .mobile-header-buttons button {
        font-size: 16px
    }
}

.logo {
/*
    margin-bottom: 6px
*/
}

.category-section {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important
}

.provider-card-container:after {
    background: url(/vip/providers-bg-hover.svg) center 100% no-repeat;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .5s ease-in-out;
    z-index: 0
}

.provider-card-container:hover:after {
    opacity: 1
}

.checkbox-gradient:checked {
    border: none
}

.checkbox-gradient:checked:before {
    left: 8px;
    top: 4px
}

.section-header-title {
    letter-spacing: -.44px;
    text-shadow: 0 4px 8px hsla(0, 0%, 100%, .2), 0 2px 6px hsla(0, 0%, 100%, .1)
}

.custom-promotion-card-image {
    background-position: top 0 right -28px
}

@media (min-width:640px) {
    .custom-promotion-card-image {
        background-position: 100%
    }
}

@media (min-width:1024px) {
    @media (hover:hover) and (pointer:fine) {
        .group:hover .custom-promotion-card-image {
            --tw-translate-y: -.25rem;
            --tw-scale-x: 1.1;
            --tw-scale-y: 1.1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }
    }
}

@media (min-width:1024px) and (max-width:1535px) {
    .custom-promotion-card-image {
        background-position: top 0 right -40px
    }
}

.custom-promotion-card-image:after,
.custom-promotion-card-image:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.custom-promotion-card-image:before {
    background-blend-mode: soft-light;
    background-image: url(/promotions/grain.png);
    mix-blend-mode: soft-light
}

.custom-promotion-card-image.isCasino:after {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/promotions/overlay-casino-mobile.png)
}

@media (min-width:640px) {
    .custom-promotion-card-image.isCasino:after {
        background-image: url(/promotions/overlay-casino.png)
    }
}

.custom-promotion-card-image.\!isCasino:after {
    background-image: url(/promotions/overlay-casino-mobile.png)
}

@media (min-width:640px) {
    .custom-promotion-card-image.\!isCasino:after {
        background-image: url(/promotions/overlay-casino.png)
    }
}

.custom-promotion-card-image.isSports:after {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/promotions/overlay-sports-mobile.png)
}

@media (min-width:640px) {
    .custom-promotion-card-image.isSports:after {
        background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/promotions/overlay-sports.png)
    }
}

@media (min-width:640px) and (max-width:991px) {
    .custom-promotion-card-container .custom-promotion-card-content {
        max-width: 60%;
        width: 100%
    }
}

.custom-promotion-card-container .custom-promotion-card-image {
    background-size: cover
}

@media (min-width:1024px) {
    .custom-promotion-card-container .custom-promotion-card-image {
        background-size: auto 100%
    }
}

@media (min-width:1920px) {
    .custom-promotion-card-container .custom-promotion-card-image {
        background-size: contain
    }
}

.menu-button {
    height: 100%;
    justify-content: center
}

@media (min-width:640px) {
    .menu-button {
        flex-direction: column;
        justify-content: flex-start
    }
}

.menu-buttons-container div {
    flex-grow: 1
}

.menu-button-image-wrapper {
    height: auto !important
}

.menu-button p {
    text-align: center;
    text-transform: uppercase
}

.menu-button img {
    height: 15px;
    margin-bottom: 2.5px;
    margin-top: 2.5px;
    width: auto
}

.menu-button {
    background: radial-gradient(63.41% 225% at 50% -71.88%, #0b1118 25.5%, #030b11)
}

.menu-button:hover {
    background: radial-gradient(63.41% 225% at 50% -71.88%, var(--tint-brand-100, #151f2d) 0, var(--tint-neutral-25, #091015) 100%)
}

.menu-button-flag-only {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 0;
    width: 48px
}

.hidden-scroll-bar {
    scrollbar-width: none
}

.sidebar-container {
    top: 62px
}

@media (min-width:640px) {
    .sidebar-container {
        top: 72px
    }
}

.tooltip-triangle {
    background: transparent;
    background-color: #151f2d;
    border: none;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    display: block;
    height: 10px;
    left: -10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.sidebar-overlay {
    background: #000000bf
}

.footer-text {
    text-transform: uppercase
}

.footer-divider {
    display: none
}

.footer-wrapper {
    margin-bottom: 0
}

.square-button {
    background: linear-gradient(180deg, #260606, #480c0c 38.43%, #7e1616 95.83%);
    border: 1.333px solid #ca9733;
    border-radius: 50%;
    box-shadow: inset -4px 0 5.333px #00000040, inset 4px 0 5.333px #00000040, inset 0 -2.667px 5.333px #00000040, inset 0 -2.667px 5.333px #00000040;
    height: 48px;
    width: 48px
}

.balance-history-button-container,
.balance-history-button-container .button-primary-container {
    padding: 0
}

.balance-expanded-container {
    background: #0b1118;
    border-color: #1f2533;
    border-radius: 8px !important;
    border-width: 1px;
    min-width: 224px;
    right: 0;
    top: 52px;
    transform: translate(0);
    z-index: 1
}

.total-balance-border {
    border-color: #fff3 !important;
    border-radius: var(--ui-border-radius-balance, 36px) !important
}

.balance-option {
    flex-direction: row
}

@media (min-width:640px) {
    .transactionsTable-filter-icon {
        position: absolute
    }
}

.games-page-wrapper:before {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/page-title-bg.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width:640px) {
    .games-page-wrapper:before {
        height: 400px
    }
}

@media (min-width:1024px) {
    .games-page-wrapper:before {
        height: 500px
    }
}

.modal-container .games-page-wrapper {
    padding-bottom: 4rem
}

.footer-pages-wrapper:before {
    background-image: url(/page-title-bg.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    position: fixed;
    top: 0;
    width: 100%;
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width:1024px) {
    .footer-pages-wrapper:before {
        height: 500px
    }
}

.crypto-banner-gradient-xs {
    background: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/static-banner/crypto-banner-mobile.png) no-repeat 50%/cover
}

.errorPage-logo-wrapper,
.maintenancePage-logo-wrapper {
    height: 48px;
    left: 12px;
    top: 4px;
    width: 58px
}

@media (min-width:768px) {

    .errorPage-logo-wrapper,
    .maintenancePage-logo-wrapper {
        left: 37px;
        top: 36px;
        width: 80px
    }
}

.errorPage-title {
    text-transform: none
}

.errorPage-button-wrapper {
    margin-top: 24px
}

.maintenancePage-logo-wrapper {
    margin-left: 0;
    margin-right: 0
}

.maintenancePage-contact {
    color: #efac48;
    text-decoration: none
}

.maintenancePage-title {
    text-transform: none
}

.text-formatter {
    margin: 0
}

.errorPage-gradient {
    border-radius: 589px;
    height: 589px;
    padding-bottom: 0;
    width: 480px
}

.errorPage-gradient,
.maintenancePage-gradient {
    background: radial-gradient(49.95% 38.29% at 50.13% 50.05%, #0e1c27cc 0, #0e1c273d 55.42%, #0e1c2700);
    background-blend-mode: multiply;
    justify-content: center
}

.maintenancePage-gradient {
    border-radius: 500px;
    height: 320px;
    width: 500px
}

@media only screen and (min-width:640px) {
    .errorPage-button-wrapper {
        margin-top: 28px
    }

    .maintenancePage-gradient {
        height: 540px;
        width: 710px
    }

    .errorPage-gradient {
        height: 788px;
        width: 940px
    }
}

@media only screen and (min-width:1280px) {
    .errorPage-gradient {
        height: 616px;
        width: 735px
    }
}

.dashboard-view-mobile {
    display: flex;
    flex-direction: column
}

.mobile-column-wrapper {
    gap: 0;
    height: 100%;
    justify-content: center
}

.mobile-column-wrapper .bg-my-bonuses-image-xs {
    background-position: 50%;
    min-height: 206px
}

.mobile-column-wrapper .my-bonuses-container {
    background-image: var(--ui-background-color-dashboard-transaction-card, linear-gradient(180deg, #0b141c 0, #090e12 100%));
    padding-bottom: 32px;
    padding-top: 24px;
    width: 100%;
    z-index: 1
}

.mobile-column-wrapper>div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: relative;
    transform: none
}

.height-placeholder {
    aspect-ratio: 252/249;
    max-height: calc(100% - 24px)
}

.header-action {
    background: linear-gradient(180deg, #0e0f0f, #061a29 89.6%)
}

.game-footer-demo-button button {
    max-width: 300px;
    min-width: 130px;
    white-space: wrap
}

.game-header-deposit-button .square-button {
    height: 36px;
    min-width: auto !important;
    width: 36px
}

@media (min-width:640px) {
    .game-header-deposit-button .square-button {
        height: 48px;
        width: 48px
    }
}

.game-header-deposit-button i {
    font-size: 20px
}

.game-header-text {
    width: calc(100vw - 286px)
}

@media (min-width:640px) {
    .game-header-text {
        width: auto
    }
}

.game-page-error-message {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
}

@media (min-width:640px) {
    .game-page-error-message {
        max-width: 500px
    }
}

.total-balance-text-shadow {
    text-shadow: 0 4px 8px hsla(0, 0%, 100%, .2), 0 2px 6px hsla(0, 0%, 100%, .1)
}

.vfm .vfm__content:has(.decorated) {
    margin-top: 10px
}

.custom-navbarItem {
    text-transform: uppercase
}

.router-link-active .custom-navbarItem {
    background: linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%);
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #ffd699;
    background-clip: text;
    -webkit-background-clip: text
}

.custom-text-style>div,
.custom-text-style>p {
    text-transform: uppercase
}

.custom-search-wrapper {
    -moz-column-gap: 0;
    column-gap: 0;
    padding: 0;
    row-gap: 20px
}

.userBoardCard-name.custom-header {
    text-shadow: none
}

.bg-my-bonuses-image-xs {
    background: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/my-account/my-bonuses-mobile.webp) 100%/cover
}

.level-active img {
    width: 64px
}

@media (min-width:1024px) {
    .level-active img {
        width: 96px
    }
}

.custom-progress-bar {
    display: flex
}

.custom-divider {
    background: linear-gradient(308deg, #ffc670cc 21.3%, #71511380 36.14%, #ba902c80 67.6%, #f5c23f 92.82%);
    height: 1px
}

.bg-userBoard-container-xl {
    background-image: none
}

.transaction-card {
    flex-direction: column
}

.transaction-card>div {
    align-items: center
}

.transaction-card .text-start {
    max-width: 300px;
    text-align: center
}

@media (min-width:640px) {
    .verification-page-container {
        flex-direction: column
    }
}

@media (min-width:1024px) {
    .verification-page-container {
        flex-direction: row
    }
}

.custom-transactions-no-results-button div {
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content
}

.my-bonuses-card-overlay {
    background: #4b3208;
    height: 1px;
    position: relative;
    width: 100%
}

.my-bonuses-card-overlay:before {
    background-image: url(/icons/star.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 24px;
    left: 0;
    margin-inline: auto;
    position: absolute;
    right: 0;
    top: -10px;
    width: 24px;
    z-index: 2
}

.custom-bonus-card-image:after {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/bonus/overlay-mobile.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media (min-width:640px) {

    .custom-bonus-card-image.\!isCasino:after,
    .custom-bonus-card-image.isCasino:after {
        background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/bonus/overlay-casino.webp)
    }

    .custom-bonus-card-image.isSports:after {
        background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/bonus/overlay-sports.webp)
    }
}

.custom-active-bonus-card-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 380px
}

@media (min-width:640px) {
    .custom-active-bonus-card-wrapper {
        max-width: inherit
    }
}

@media (max-width:639px) {
    .custom-active-bonus-card-wrapper .custom-active-bonus-card {
        height: 100%;
        max-height: 572px;
        min-height: 278px;
        padding-bottom: 1rem;
        padding-top: 3rem
    }
}

.custom-bonus-title {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.custom-bonus-title:after,
.custom-bonus-title:before {
    height: 1px;
    max-width: 92px;
    position: absolute;
    top: 50%;
    width: 100%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: "";
    background-image: linear-gradient(308.15deg, #ffc670cc 21.3%, #71511380 36.14%, #ba902c80 67.6%, #f5c23f 92.82%);
    content: var(--tw-content)
}

.custom-bonus-title:before {
    left: 100%
}

.custom-bonus-title:after {
    right: 100%
}

.custom-circular-progressbar-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    padding: .75rem;
    width: 100%;
    z-index: -1
}

@media (min-width:640px) {
    .custom-circular-progressbar-image {
        padding: 1rem
    }
}

.avatar-notification-badge,
.quickUserMenu-item-badge {
    overflow: visible;
    position: relative
}

.avatar-notification-badge:before,
.quickUserMenu-item-badge:before {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border-radius: 9999px;
    height: 10px;
    position: absolute;
    right: 4px;
    top: 0;
    width: 10px;
    --tw-gradient-from: red var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 0, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #bc1313 var(--tw-gradient-to-position);
    --tw-gradient-to: #d90e0e var(--tw-gradient-to-position);
    --tw-content: "";
    content: var(--tw-content)
}

.avatar-notification-badge.quickUserMenu-avatar:before,
.quickUserMenu-item-badge.quickUserMenu-avatar:before {
    content: var(--tw-content);
    height: 0;
    width: 0
}

.avatar-notification-badge img,
.quickUserMenu-item-badge img {
    border-radius: 9999px
}

.quickUserMenu-item-badge:before {
    content: var(--tw-content);
    right: -16px;
    top: -4px
}

.bottomNavigation-badge {
    position: relative;
    z-index: 1
}

.bottomNavigation-badge:before {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border-radius: 9999px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 8px;
    --tw-gradient-from: red var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 0, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #bc1313 var(--tw-gradient-to-position);
    --tw-gradient-to: #d90e0e var(--tw-gradient-to-position);
    --tw-content: "";
    content: var(--tw-content)
}

.kyc-verification-error img {
    margin-left: auto;
    margin-right: auto
}

.kyc-verification-error-container img {
    padding-bottom: var(--ui-spacing-kyc-verification-gap)
}

.kyc-verification-error-container span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding-top: var(--ui-spacing-kyc-verification-gap);
    text-decoration: none
}

.kyc-verification-error-liveChat {
    color: #f7a61d
}

.swal-cookies-content {
    display: flex;
    position: relative
}

.swal-cookies-content:before {
    background: url(/vip/cookies.svg) 50% no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 24px;
    margin-right: 8px;
    position: relative;
    vertical-align: middle;
    width: 24px
}

.swal2-popup.swal-cookies {
    background-image: linear-gradient(90deg, #020609, #061a29 15%, #061a29, #061a29 85%, #020609) !important;
    width: 100% !important
}

.swal2-popup.swal-cookies,
.swal2-popup.swal-cookies:before {
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.swal2-popup.swal-cookies:before {
    background-image: url(/vip/main-texture.png) !important;
    content: "" !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    opacity: .2 !important;
    pointer-events: none !important;
    position: absolute !important
}

.swal2-popup.swal-cookies {
    border-color: var(--ui-border-color-header, hsla(0, 0%, 100%, .2));
    border-radius: 0;
    border-top: 1px solid;
    display: flex !important;
    justify-content: center;
    padding: var(--ui-spacing-cookie-container, 8px);
    !important
}

.swal-cookies .swal2-confirm i {
    font-size: var(--ui-font-sizes-cookie-container-icon, 24px);
    --tw-text-opacity: 1;
    color: rgb(89 93 109/var(--tw-text-opacity, 1))
}

.swal2-popup.swal-cookies .swal2-confirm {
    background-color: transparent !important
}

.swal-cookies .swal2-html-container {
    margin: 8px
}

@media (max-width:639px) {
    .swal2-popup.swal-cookies {
        margin-bottom: 61px !important;
        padding: 0
    }

    .game-page .swal2-popup.swal-cookies {
        margin-bottom: 0 !important;
        padding: 0
    }

    .swal-cookies:first-of-type:before {
        background-image: var(--ui-background-color-bottom-navigation-overlay, linear-gradient(90deg, rgba(0, 0, 0, .8) 0, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, .8) 100%));
        !important
    }
}

.base-datepicker {
    background-image: var(--ui-background-color-input-default, linear-gradient(180deg, #0e0f0f 0, #061a29 100%));
    border-radius: var(--ui-border-radius-input, 36px);
    height: var(--ui-sizing-input-height, 48px);
    padding: var(--ui-spacing-input-container, 12px 16px 12px 16px)
}

.base-datepicker input:focus:where([dir=ltr], [dir=ltr] *) {
    padding-left: 0
}

.base-datepicker input:focus:where([dir=rtl], [dir=rtl] *) {
    padding-right: 0
}

.base-datepicker .datepicker-position:where([dir=ltr], [dir=ltr] *) {
    left: 2.75rem
}

.base-datepicker .datepicker-position:where([dir=rtl], [dir=rtl] *) {
    right: 2.75rem
}

.promotion-info-wrapper {
    min-width: auto
}

.custom-info-content,
.custom-rewardback-info-content {
    overflow: auto
}

.personal-info-card-overlay,
.security-card-overlay {
    background: #4b3208;
    height: 1px;
    position: relative
}

.personal-info-card-overlay:before,
.security-card-overlay:before {
    background-image: url(/icons/star.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 24px;
    left: 0;
    margin-inline: auto;
    position: absolute;
    right: 0;
    top: -10px;
    width: 24px
}

@media (min-width:1024px) {
    .security-card-image {
        height: 640px
    }
}

.security-card-wrapper {
    height: 100%
}

@media (min-width:1024px) {
    .security-card-container {
        max-width: 640px
    }
}

.grid-areas-personal-info-mobile {
    grid-template-areas: "email" "first-name" "last-name" "birthday" "gender" "country" "city" "postcode" "address" "phone-number";
    grid-template-columns: 1fr
}

.grid-areas-personal-info-tablet {
    grid-template-areas: "email first-name" "last-name birthday" "gender country" "city postcode" "address phone-number";
    grid-template-columns: 1fr 1fr
}

.latest-wins-card.game-card-border:last-child {
    margin-right: .75rem
}

#main-container {
    margin-top: -15px
}

@media (min-width:640px) {
    #main-container {
        margin-top: 0
    }
}

@media (min-width:1280px) {
    .bg-balance-content-bg {
        margin-top: 0
    }
}

@media (min-width:481px) and (max-width:1440px) {
    @media (min-width:640px) {
        .hero-video-wrapper video {
            right: -9%
        }
    }

    @media (min-width:1024px) {
        .hero-video-wrapper video {
            right: -15%
        }
    }
}
/*
@media (min-width:640px) {
    .homeContent-wrapper-position {
        margin-top: -50px
    }
}

@media (min-width:1024px) {
    .homeContent-wrapper-position {
        margin-top: -80px
    }
}

*/
.quick-links-content-wrapper {
    -webkit-touch-callout: none;
    -webkit-user-drag: none
}

@media (min-width:1920px) {
    .category-section .swiper-wrapper {
        justify-content: center
    }
}

.sport-top-events-header {
    margin-left: -8px;
    margin-right: -8px;
    position: relative
}

@media (min-width:640px) {
    .sport-top-events-header {
        margin-left: 0;
        margin-right: 0
    }
}

.group.router-link-active .navbarItem-wrapper {
    --tw-scale-x: fit !important;
    --tw-scale-y: fit !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.quick-user-menu-container {
    background-color: var(--ui-background-color-quick-user-menu-container)
}

.header-action-image {
    width: 20px
}

@media (min-width:640px) {
    .header-action-image {
        width: auto
    }
}

.menu-language-button {
    flex-direction: column
}

.custom-see-details {
    color: var(--ui-colors-white, #fff)
}

.no-bonus-card-border {
    border: 2px solid hsla(0, 0%, 100%, .16)
}

.noBonus-card-border {
    border: 1px solid hsla(0, 0%, 100%, .16);
    padding: 2px
}

.custom-arrow-right {
    background-image: url(/vip/arrow-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1.25rem;
    width: 1.25rem
}

.custom-icon-gradient {
    background: -webkit-linear-gradient(180deg, #f0ad48, #8e600f);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: var(--ui-font-families-body, Montserrat);
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

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;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[lang=gr] {
    --ui-font-families-primary: "Inter";
    --ui-font-families-secondary: "pf-marlet-display";
    --ui-font-families-button: "kigelia-lgc"
}

html[lang=ja] {
    --ui-font-families-primary: "Noto Sans";
    --ui-font-families-secondary: "Kaisei Decol";
    --ui-font-families-button: "Noto Sans"
}

html[lang=ar] {
    --ui-font-families-primary: "Noto Sans";
    --ui-font-families-secondary: "Noto Sans";
    --ui-font-families-button: "kigelia-arabic"
}

html[lang=gr] .text-heroContent-title-xs {
    font-size: 14px
}

@media (min-width:640px) {
    html[lang=gr] .text-heroContent-title-xs {
        font-size: var(--ui-typography-hero-content-title-sm-font-size, 16px)
    }
}

@media (min-width:1280px) {
    html[lang=gr] .text-heroContent-title-xs {
        font-size: var(--ui-typography-hero-content-title-xl-font-size, 22px)
    }
}

html[lang=gr] .text-heroContent-description-xs {
    font-size: 32px
}

@media (min-width:1280px) {
    html[lang=gr] .text-heroContent-description-xs {
        font-size: var(--ui-typography-hero-content-description-xl-font-size, 56px)
    }
}

html[lang=gr] .custom-bonuses-text {
    font-size: 32px
}

@media (min-width:640px) {
    html[lang=gr] .custom-bonuses-text {
        font-size: 18px
    }
}

@media (min-width:1024px) {
    html[lang=gr] .custom-bonuses-text {
        font-size: 24px
    }
}

@media (min-width:640px) {
    html[lang=gr] .custom-active-bonuses-text {
        font-size: 18px
    }
}

@media (min-width:1024px) {
    html[lang=gr] .custom-active-bonuses-text {
        font-size: 24px
    }
}

@media (hover:hover) and (pointer:fine) {

    .hover\:expandable-menu-hover:hover,
    .hover\:quick-user-menu-list-hover:hover {
        background-size: 100% 100%;
        transition: background-image .3s ease-in-out, opacity .3s ease-in-out
    }

    .hover\:expandable-menu-hover:hover,
    .hover\:quick-user-menu-list-hover:hover {
        background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/expandable-menu-texture.png)
    }

    .hover\:texture-language-button-hover:hover:before {
        background-image: url(/vip/main-texture.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: .2;
        pointer-events: none;
        position: absolute
    }

    .hover\:texture-language-button-hover:hover {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background: var(--ui-background-color-language-button-hover, #141b24);
        position: relative;
        width: 100%
    }

    .group:hover .group-hover\:expandable-menu-hover {
        background-image: url(/expandable-menu-texture.png);
        background-size: 100% 100%;
        transition: background-image .3s ease-in-out, opacity .3s ease-in-out
    }

    .group:hover .group-hover\:texture-menu-quickLink-hover:before {
        background-image: url(/vip/main-texture.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: .2;
        pointer-events: none;
        position: absolute
    }

    .group:hover .group-hover\:texture-menu-quickLink-hover {
        background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/menu/menu-quick-link-hover.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%
    }
}

.base-datepicker .peer:focus~.peer-focus\:datepicker-position:where([dir=ltr], [dir=ltr] *) {
    left: 2.75rem
}

.base-datepicker .peer:focus~.peer-focus\:datepicker-position:where([dir=rtl], [dir=rtl] *) {
    right: 2.75rem
}

@media (min-width:640px) {
    .sm\:wrapper-gradient-border {
        padding: 4px
    }

    .sm\:decorated.wrapper-gradient-border:before,
    .sm\:wrapper-gradient-border.decorated:before {
        background-image: url(/vip/star.png);
        background-size: contain;
        height: 24px;
        left: 50%;
        position: absolute;
        top: -9px;
        width: 24px;
        z-index: 10;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-content: "";
        content: var(--tw-content)
    }

    .sm\:wrapper-gradient-border.modal-wrapper,
    .sm\:wrapper-gradient-border.quick-user-menu-wrapper {
        border-color: #604f35;
        border-width: 3px
    }

    .sm\:wrapper-gradient-border.provider-card-wrapper {
        border-color: #5a5a5a;
        border-width: 1px;
        position: relative
    }

    .sm\:wrapper-gradient-border.bonus-card-wrapper {
        border: 1px solid #ffffff29;
        border-radius: 1rem;
        position: relative
    }

    .sm\:wrapper-gradient-border.border-card-wrapper {
        border-color: #5a5a5a;
        border-width: 1px;
        position: relative
    }

    .sm\:wrapper-gradient-border.promotion-detail-wrapper,
    .sm\:wrapper-gradient-border.promotion-info-wrapper,
    .sm\:wrapper-gradient-border.promotion-terms-wrapper,
    .sm\:wrapper-gradient-border.rewardback-infoCard-wrapper {
        border: 1px solid #5a5a5a
    }

    .sm\:wrapper-gradient-border.provider-card:before {
        content: var(--tw-content);
        height: 14px;
        top: -4px;
        width: 14px
    }

    .sm\:wrapper-gradient-border.paymentDetails-card:before {
        content: var(--tw-content);
        height: 24px;
        top: -8px;
        width: 24px
    }

    .sm\:wrapper-gradient-border .container-gradient-border:before {
        border-image-outset: 0;
        border-image-repeat: stretch stretch;
        border-image-slice: 27 27 27 27 fill;
        border-image-source: url(/vip/gradient-border-1.png);
        border-image-width: 14px;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        --tw-content: "";
        content: var(--tw-content)
    }

    .sm\:wrapper-gradient-border .container-gradient-border-glow:before {
        border-image-outset: 0;
        border-image-repeat: stretch stretch;
        border-image-slice: 27 27 27 27 fill;
        border-image-source: url(/vip/gradient-border-2.png);
        border-image-width: 18px;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        --tw-content: "";
        content: var(--tw-content)
    }

    .sm\:wrapper-gradient-border .quick-user-menu-border {
        background: linear-gradient(180deg, #4b3208, #61410a 50%, #342306);
        border-radius: 1rem;
        padding: 1px
    }

    .sm\:wrapper-gradient-border .bonus-card-border {
        border-radius: 1rem;
        position: relative
    }

    .sm\:wrapper-gradient-border .bonus-card-border:before {
        background: linear-gradient(180deg, #4b3208, #61410a 50%, #342306);
        border-radius: inherit;
        bottom: 0;
        content: var(--tw-content);
        content: "";
        left: 0;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0
    }

    .sm\:wrapper-gradient-border .bonus-card-border.active:before {
        content: var(--tw-content);
        padding: 2px
    }

    .sm\:wrapper-gradient-border .bonus-card-border.active {
        min-width: 430px
    }

    @media (min-width:1024px) {
        .sm\:wrapper-gradient-border .bonus-card-border.active {
            min-width: 448px
        }
    }

    .loader-modal .sm\:wrapper-gradient-border,
    .loader-modal .sm\:wrapper-gradient-border:before {
        border: none
    }

    .loader-modal .sm\:wrapper-gradient-border:before {
        background-image: none
    }

    .sm\:crypto-banner-gradient-sm {
        background: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/static-banner/crypto-banner-tablet.png) no-repeat 50%/cover
    }

    .vfm .vfm__content:has(.sm\:decorated) {
        margin-top: 10px
    }

    .sm\:bg-my-bonuses-image {
        background: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/my-account/my-bonuses.webp) 100%/cover
    }

    .transaction-card .sm\:text-start {
        max-width: 300px;
        text-align: center
    }

    .sm\:grid-areas-dashboard-tablet {
        grid-template-columns: 1fr 1fr
    }

    .sm\:grid-areas-personal-info-tablet {
        grid-template-areas: "email first-name" "last-name birthday" "gender country" "city postcode" "address phone-number";
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1024px) {
    .lg\:crypto-banner-gradient-lg {
        background: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/static-banner/crypto-banner-desktop.png) no-repeat 50%/cover
    }

    .lg\:bg-userBoard-container-xl {
        background-image: none
    }
}

@media (min-width:1280px) {
    .xl\:grid-areas-dashboard-desktop {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.slider-track[data-v-1cfcd2c1] {
    animation: carousel-1cfcd2c1 60s linear .5s infinite
}

.paused[data-v-1cfcd2c1] {
    animation-play-state: paused
}

@keyframes carousel-1cfcd2c1 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-50%, 0, 0)
    }
}

.shimmer-effect[data-v-1cfcd2c1] {
    height: 116px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    --tw-translate-x: -100%;
    animation: shimmer-1cfcd2c1 2s infinite;
    background: linear-gradient(90deg, #fff0, #ffffff0d 50%, #fff0);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes shimmer-1cfcd2c1 {
    to {
        transform: translate(100%)
    }
}

.latest-wins-card[data-v-1cfcd2c1] {
    backface-visibility: hidden;
    box-shadow: 0 4px 8px #0003;
    flex: 0 0 auto;
    height: 170px;
    overflow: hidden;
    padding: 8px 4px 0;
    position: relative;
    transform: translateZ(0);
    transition: transform .3s ease, box-shadow .3s ease;
    width: 116px
}

.latest-wins-card-image[data-v-1cfcd2c1] {
    height: 116px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 116px
}

.text-latestWins-name[data-v-1cfcd2c1] {
    letter-spacing: -.25px;
    margin-top: 6px;
    opacity: .6
}

.text-latestWins-win[data-v-1cfcd2c1] {
    letter-spacing: -.25px
}


/***********/



.lobby-game-nav[data-v-7558f46c] {
    background: none;
    font-family: Roboto;
    margin-bottom: 16px;
    margin-left: 110px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 12px 12px 12px 0;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.lobby-game-nav[data-v-7558f46c]::-webkit-scrollbar {
    display: none
}

.lobby-game-nav__list[data-v-7558f46c] {
    flex-wrap: nowrap;
    min-width: -moz-max-content;
    min-width: max-content
}

.lobby-game-nav__box[data-v-7558f46c] {
    display: flex;
    gap: 5px;
    justify-content: center
}

.lobby-game-nav__box .icon_hot[data-v-7558f46c] {
    bottom: -3px;
    height: 14px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 14px
}

.lobby-game-nav__item[data-v-7558f46c] {
    background: #2b2d38;
    border-radius: 8px;
    color: #9c9faa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    line-height: 20px;
    min-width: 85px;
    padding: 6px;
    position: relative;
    transition: all .3s
}

.lobby-game-nav__item[data-v-7558f46c]:not(:nth-child(2)) {
    margin-left: 12px
}

.lobby-game-nav__item[data-v-7558f46c]:first-child {
    left: 12px;
    margin-left: 0;
    position: absolute;
    z-index: 1
}

.lobby-game-nav__item.active[data-v-7558f46c] {
    border: .5px solid #eec982
}

.lobby-game-nav__item.active .lobby-game-nav__name[data-v-7558f46c] {
    color: #eec982;
    font-weight: 700
}

.lobby-game-nav__item.active[data-v-7558f46c] {
    pointer-events: none
}

.lobby-game-nav__icon[data-v-7558f46c] {
    height: 62px;
    margin: 0 auto 10px;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all .5s ease
}

@media (max-width: 1399px) {
    .lobby-game-nav__icon[data-v-7558f46c] {
        height:45px
    }
}

.lobby-game-nav__name[data-v-7558f46c] {
    color: #9c9faa;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 20px;
    transition: all .5s ease
}

.lobby-game-nav__note[data-v-7558f46c] {
    animation: lightAnimation .3s ease-in-out infinite;
    position: absolute;
    right: 0;
    top: 0
}

.lobby-game-nav__note img[data-v-7558f46c] {
    height: auto;
    max-width: 100%;
    vertical-align: bottom
}

.d-flex {
    display: flex !important;
}


@media (max-width: 768px) {
	.view-content iframe {width:100%; }
}