:root {
    --primary-accent-color: #782DB6;
    --primary-gradient: linear-gradient(180deg, #782DB6 0%, #782DB6 100%);
    --secondary-accent-color: #34BB29;
    --secondary-gradient: linear-gradient(180deg, #3AC62E 0%, #2BA920 100%);
    --secondary-button-font-color: #FFFFFF;
    --bg-tier-1: #FFFFFF;
    --bg-tier-1-gradient: linear-gradient(180deg, var(--bg-tier-1) 0%, var(--bg-tier-1) 100%);
    --bg-tier-2: #FFFFFF;
    --bg-tier-2-gradient: linear-gradient(180deg, var(--bg-tier-2) 0%, var(--bg-tier-2) 100%);
    --bg-tier-3: #E4F4FF;
    --bg-tier-3-gradient: linear-gradient(180deg, var(--bg-tier-3) 0%, var(--bg-tier-3) 100%);
    --social-terms-card-bg: var(--bg-tier-3);
    --footer-background: var(--desktop-footer-background);
    --footer-background-mob: var(--mob-footer-background);
    --footer-top-radius: none;
    --shadow-primary-footer-md: none;
    --footer-background-color: none;
    --color-primary-button-bg: var(--secondary-gradient);
    --color-footer-nav-bg: var(--bg-tier-3-gradient);
    --color-body-text: #240629;
    --color-wait-text-color: var(--color-body-text);
    --footer-text-color: #FFFFFF;
    --error-gradient: linear-gradient(180deg, #DE1850 0%, #A9103B 100%);
    --sticker-nav-badge-bg: var(--error-badge-background-color);
    --sticker-nav-badge-color: var(--error-badge-font-color);
    --link-color: var(--secondary-accent-color);
    --heading-font: "Outfit", sans-serif;
    --heading-font-font-family: var(--heading-font);
    --body-font: "Outfit", sans-serif;
    --body-font-weight: 400;
    --font-primary: var(--heading-font);
    --font-secondary: var(--body-font);
    --font-numbers: var(--body-font);
    --font-numbers-font: var(--body-font);
    --text-font-family: var(--body-font);
    --lending-page-text-ff: var(--body-font);
    --text-promotion-font-family: var(--body-font);
    --promotion-page-text-ff: var(--body-font);
    --font-family-nexa: var(--heading-font);
    --font-nexa: var(--heading-font);
    --mobile-nav-font-family: var(--heading-font);
    --mobile-nav-font-size: var(--text-sm);
    --footer-shop-button-label-font-family: var(--heading-font);
    --font-weight-black: 700;
    --font-main-buttons-fw: var(--font-weight-black);
    --color-category-font-weight: 600;
    --tracking-1: 0;
    --primary-button-hover-box-shadow: var(--primary-button-box-shadow);
    --button-hover-inset-border: var(--button-shadow);
    --color-secondary-button-bg: linear-gradient(#e700fc 0%, #9300AD 100%);
    --color-primary-button-hover-bg: var(--color-secondary-button-bg);
    --color-secondary-button-hover-bg: var(--secondary-gradient);
    --button-shadow: var(--shadow-primary-bottom-sm);
    --shop-button-text-shadow: var(--shadow-primary-bottom-sm);
    --shop-button-hover-text-shadow: var(--shadow-primary-bottom-sm);
    --shop-button-hover-color: var(--secondary-button-font-color);
    --primary-button-text-shadow: var(--shadow-primary-bottom-sm);
    --secondary-button-text-shadow: var(--shadow-primary-bottom-sm);
    --button-border-width: 0px;
    --button-border-width-hover: 0px;
    --button-border-style: none;
    --color-button-border: transparent;
    --border-button-border: transparent;
    --cc-bg-color: var(--bg-tier-3-gradient);
    --color-header-login-button-bg: var(--secondary-gradient);
    --color-bg: var(--bg-tier-1-gradient);
    --color-header-bg: var(--bg-tier-3-gradient);
    --color-app-header-bg: var(--bg-tier-1-gradient);
    --color-header-items-bg: var(--bg-tier-3-gradient);
    --color-login-bg: var(--bg-tier-1-gradient);
    --color-login-block-bg: var(--bg-tier-3-gradient);
    --color-sidebar-bg: var(--bg-tier-1-gradient);
    --color-company-card-bg: var(--primary-gradient);
    --color-menu-body-bg: var(--bg-tier-3-gradient);
    --side-menu-background-background: var(--bg-tier-1);
    --claim-coins-bg: var(--bg-tier-2-gradient);
    --no-promotions-background-gradient: var(--bg-tier-3-gradient);
    --color-landing-nopurchase-bg: var(--bg-tier-1-gradient);
    --color-landing-providers-bg: var(--bg-tier-2-gradient);
    --color-landing-why-bg: var(--bg-tier-1-gradient);
    --color-landing-top-pick-bg: var(--bg-tier-2-gradient);
    --color-landing-testimonials-bg: var(--bg-tier-1-gradient);
    --header-background-position: center;
    --header-background-webp: var(--color-sidebar-bg);
    --section-background-size: cover;
    --landing-header-background: var(--header-background-webp);
    --landing-games-background: var(--section-desktop);
    --landing-games-mobile-background: var(--section-desktop-mobile);
    --landing-usp-background: var(--desktop-usp-section-bg);
    --landing-usp-mobile-background: var(--mob-usp-section-bg);
    --landing-feedback-background: var(--desktop-reviews-section-bg);
    --landing-feedback-mobile-background: var(--mob-reviews-section-bg);
    --landing-provider-background: var(--bg-tier-2-gradient);
    --landing-top-pick-background: var(--bg-tier-1-gradient);
    --landing-feedback-nested-background: none;
    --landing-feedback-content-shadow: none;
    --blur-area-background: rgba(255, 255, 255, 0.6);
    --blur-area-radius: blur(6px);
    --blur-area-border-radius: 20px;
    --blur-area-shadow: var(--shadow-primary-bottom-sm);
    --landing-coins-background: var(--bg-tier-1-gradient);
    --section-title-color: var(--secondary-accent-color);
    --landing-top-pick-title-color: var(--secondary-gradient);
    --landing-hero-subtitle-line-2-color: var(--secondary-accent-color);
    --landing-hero-subtitle-font-size: var(--text-xl-plus);
    --landing-hero-title-fw: 400;
    --landing-games-no-purchases-box-shadow: none;
    --landing-games-title-fw: 400;
    --banner-subtitle-color: var(--color-body-text);
    --banner-title-color: var(--primary-gradient);
    --bold-title-color: var(--primary-gradient);
    --safetyhub-subtitle-color: var(--secondary-accent-color);
    --safetyhub-limits-subtitle-color: var(--secondary-accent-color);
    --color-main-lobby-categories-bg: var(--secondary-gradient);
    --color-main-lobby-categories-text: var(--color-body-text);
    --color-category-main-lobby-bg: var(--secondary-gradient);
    --color-category-for-you-bg: var(--secondary-gradient);
    --color-category-trending-bg: var(--secondary-gradient);
    --color-category-new-bg: var(--secondary-gradient);
    --color-category-category-bg: var(--secondary-gradient);
    --color-category-all-games-bg: var(--bg-tier-3-gradient);
    --color-category-selected-text: var(--color-body-text);
    --color-category-border: var(--primary-accent-color);
    --category-link-border-style: solid;
    --category-link-text-color: var(--bg-tier-1);
    --category-link-border-width: 0;
    --color-login-border: var(--primary-accent-color);
    --login-input-border-width: 2px;
    --color-login-input-border: var(--primary-accent-color);
    --color-login-input: var(--bg-tier-2-gradient);
    --color-signup-input-border: var(--primary-accent-color);
    --color-signup-input-bg: var(--bg-tier-3-gradient);
    --signup-input-border-width: 2px;
    --color-profile-input-bg: var(--bg-tier-3-gradient);
    --profile-input-field-shadow: var(--shadow-primary-top-sm);
    --modal-verification-input-bg-color: var(--bg-tier-3-gradient);
    --checkbox-bg-color: #D5EEFF;
    --checked-checkbox-bg-color: var(--secondary-gradient);
    --unchecked-checkbox-border-color: #5CCCE4;
    --checked-checkbox-border-width: 0;
    --color-toggle-switch-bg: var(--bg-tier-3-gradient);
    --color-level-progress-bg-start: var(--color-body-text);
    --color-level-progress-bg-end: var(--secondary-accent-color);
    --color-current-loyalty-level-bg: var(--primary-accent-color);
    --loyalty-level-1-gradient: var(--primary-gradient);
    --loyalty-level-2-gradient: var(--primary-gradient);
    --loyalty-level-3-gradient: linear-gradient(#b3dde9 0%, #53676c 100%);
    --loyalty-level-4-gradient: linear-gradient(#fbfb49 0%, #8d8d1f 100%);
    --loyalty-level-5-and-more-gradient: linear-gradient(#E700FC 0%, #9300AD 100%);
    --loyalty-button-bg-color: linear-gradient(#e700fc 0%, #9300AD 100%);
    --loyalty-button-bg-color-hover: var(--secondary-gradient);
    --loyalty-button-border-style: none;
    --loyalty-button-border-width: 0px;
    --loyalty-button-border-color: transparent;
    --button-top-padding: 6px;
    --button-bottom-padding: 6px;
    --redeem-holdings-bg-color: var(--primary-gradient);
    --error-badge-background-color: var(--error-gradient);
    --error-badge-font-color: var(--secondary-button-font-color);
    --error-badge-border-style: solid;
    --error-badge-border-color: var(--primary-accent-color);
    --store-badge-1-bg: var(--secondary-gradient);
    --verified-button-bg: var(--primary-gradient);
    --unverified-button-bg: var(--bg-tier-3-gradient);
    --unverified-button-bd-color: var(--secondary-accent-color);
    --password-strength-bar-color: var(--primary-accent-color);
    --change-password-button-bg: var(--secondary-gradient);
    --color-change-password-button-bg: var(--primary-gradient);
    --color-profile-verification-status-bg: var(--secondary-gradient);
    --color-profile-redeem-button-bg: var(--secondary-gradient);
    --color-info-button-bg: var(--secondary-gradient);
    --bullet-point-display: none;
    --app-header-loyalty-display: flex;
    --side-menu-user-info-display: flex;
    --side-menu-user-profile-border-radius: var(--radius-lg);
    --side-menu-user-profile-shadow: none;
    --coin-store-card-free-gc-bg-color: var(--bg-tier-1);
    --coin-store-card-free-gc-color: var(--secondary-accent-color);
    --promotions-card-gc-color: var(--secondary-accent-color);
    --color-promotions-card-gc-border: var(--secondary-accent-color);
    --color-promotions-card-gc: var(--secondary-accent-color);
    --zero-balance-modal-bg-color: var(--bg-tier-1-gradient);
    --zero-balance-message-bg-color: var(--bg-tier-3-gradient);
    --lobby-menu-shadow: var(--shadow-primary-right-sm);
    --landing-usp-item-maxwidth-mobile: 350px;
    --landing-usp-cta-button-background-color: var(--secondary-gradient);
    --category-link-background-image: var(--secondary-gradient);
    --category-link-border-radius: 5px;
    --lobby-menu-icon-color: var(--primary-accent-color);
    --coin-store-title-background-color: var(--bg-tier-1);
    --mobile-nav-border-grad: black;
    --global-icon-color: var(--color-body-text);
    --loyalty-bar-text-color: white;
    --loyalty-bar-track-color: var(--bg-tier-3-gradient);
    --coin-store-card-border-width: 0;
    --color-date-input: var(--bg-tier-3-gradient);
    --color-daterangepicker-text: var(--color-body-text);
    --color-select-input: var(--bg-tier-3-gradient);
    --promotion-details-section-bg: var(--bg-tier-3-gradient);
    --form-bg-color: var(--bg-tier-3-gradient);
    --color-white: var(--secondary-accent-color);
    --landing-usp-item-background: var(--blur-area-background);
    --landing-usp-item-boxshadow: var(--blur-area-shadow);
    --landing-usp-item-backdrop-filter: var(--blur-area-radius);
    --landing-feedback-review-background: var(--blur-area-background);
    --landing-feedback-review-boxshadow: var(--blur-area-shadow);
    --landing-feedback-review-border-radius: var(--blur-area-border-radius);
    --landing-feedback-review-backdrop-filter: var(--blur-area-radius);
    --landing-feedback-reviews-mb: 10px;
    --landing-usp-icon-max-width: 9rem;
    --landing-usp-icon-max-height: 9rem;
    --landing-feedback-review-padding-bottom: 20px;
    --landing-feedback-review-padding-top: 20px;
    --login-title-font-weight: 700;
    --login-title-color: var(--primary-gradient);
    --login-forgot-password-color: var(--primary-accent-color);
    --login-forgot-password-decoration-line: none;
    --invalid-input-color: #F56262;
    --login-forgot-password-fw: 400;
    --signup-filled-strength-bar-color: var(--primary-accent-color);
    --loyalty-points-label-color: var(--bg-tier-1);
    --loyalty-points-value-color: var(--bg-tier-1);
    --landing-top-pick-background-margin-top: 0;
    --promo-banner-box-shadow: none;
    --package-text-stroke-color: #37115C;
    --warning-alert-text: var(--color-body-text);
    --warning-alert-bg-color: var(--bg-tier-3);
    --challenges-panel-bg: #F2EEFE;
    --challenges-card-bg: #FFFFFF;
    --challenges-highlight-bg: #65239B;
    --challenges-text-color: #00000D;
    --challenges-accent-color: #65239B;
    --challenges-track-bg: rgba(101, 35, 155, .2);
    --challenges-chip-bg: #F2EEFE;
    --challenges-chip-color: #00000D;
    --challenges-day-done-bg: #3AC62E;
    --challenges-day-current-bg: #65239B;
    --challenges-pack-tier-1-color: #3AC62E;
    --challenges-pack-tier-2-color: #F7C948;
    --challenges-pack-tier-3-color: #65239B;
}

main:has(> .landing-top-pick) {
    display: flex;
    flex-direction: column;
}

main > a:has(> .landing-hero) {
    order: -2;
}

main > .landing-top-pick {
    order: -1;
}