:root {
    --primary-accent-color: #F57E78;
    --primary-gradient: linear-gradient(180deg, var(--primary-accent-color) 0%, var(--primary-accent-color) 100%);
    --secondary-accent-color: #37E0E5;
    --secondary-gradient: linear-gradient(180deg, var(--secondary-accent-color) 0%, var(--secondary-accent-color) 100%);
    --color-body-text: white;
    --color-button-text: black;
    --primary-button-font-color: #122140;
    --secondary-button-font-color: #122140;
    --bg-tier-1: #0A1427;
    --bg-tier-1-gradient: linear-gradient(180deg, var(--bg-tier-1) 0%, #0C172C 33%, #0E1A33 66%, #0F1C37 100%);
    /*    --bg-tier-2: #0B1528;
    --bg-tier-2-gradient: linear-gradient(180deg, var(--bg-tier-2) 0%, var(--bg-tier-2) 100%); */
    --bg-tier-2: #122140;
    --bg-tier-2-gradient: linear-gradient(180deg, var(--bg-tier-2) 0%, var(--bg-tier-2) 100%);
    --bg-tier-3: #122140;
    --bg-tier-3-gradient: linear-gradient(180deg, var(--bg-tier-3) 0%, var(--bg-tier-3) 100%);
    --footer-text-color: var(--color-body-text);
    --footer-background-color: #000000;
    --error-gradient: linear-gradient(180deg, #F57E78 0%, #F57E78 100%);
    --link-color: #F57E78;
    --size-zero: 0px;
    --button-border-width: 2px;
    --color-bg: var(--color-header-bg);
    --border-width-sm: 1.6px;
    --border-width-md: 2px;
    --coin-store-buy-button-color: #28BB2F;
    /* No real color codes (i.e. #FFFFFF) should be used beyond this point. Only refer to variables. */
    --unverified-button-color: var(--primary-accent-color);
    --color-footer-nav-bg: var(--bg-tier-3-gradient);
    --color-login-border: var(--secondary-accent-color);
    --checkbox-bg-color: transparent;
    --checked-checkbox-bg-color: var(--secondary-gradient);
    --color-primary-button-bg: var(--primary-gradient);
    --color-secondary-button-bg: var(--secondary-gradient);
    --color-header-bg: var(--bg-tier-3-gradient);
    --color-landing-nopurchase-bg: var(--bg-tier-2-gradient);
    --color-login-block-bg: var(--bg-tier-3-gradient);
    --login-input-border-width: var(--border-width-md);
    --color-login-input-border: var(--primary-accent-color);
    --color-login-input: var(--bg-tier-1);
    --color-login-bg: var(--bg-tier-1-gradient);
    --color-signup-input-border: var(--primary-accent-color);
    --color-signup-input-bg: var(--bg-tier-3-gradient);
    --signup-input-border-width: var(--border-width-md);
    --color-current-loyalty-level-bg: var(--primary-accent-color);
    --color-profile-input-bg: var(--bg-tier-3-gradient);
    --color-app-header-bg: var(--bg-tier-3-gradient);
    --color-sidebar-bg: var(--bg-tier-1);
    --color-menu-body-bg: none;
    /*font*/
    --heading-font: "Poppins", sans-serif;
    --body-font: "Inter", sans-serif;
    --font-numbers: var(--body-font);
    --body-font-weight: 400;
    --color-category-font-weight: 700;
    --font-main-buttons-fw: 700;
    --font-primary: var(--heading-font);
    --font-secondary: var(--body-font);
    --font-numbers-font: inherit;
    --text-font-family: var(--body-font);
    --lending-page-text-ff: var(--body-font);
    --text-promotion-font-family: var(--body-font);
    --font-family-nexa: var(--font-primary);
    --mobile-nav-font-family: var(--font-primary);
    --mobile-nav-font-size: var(--text-xs);
    --subtitle-font: var(--body-font);
    --landing-hero-font-size-lines-1-and-4: clamp(var(--text-xl), 4vw, var(--text-3xl1_5));
    --tracking-1: -1px;
    --color-level-progress-bg-start: var(--color-body-text);
    --color-level-progress-bg-end: var(--primary-accent-color);
    --color-footer-nav-balance-bg: #0D182F;
    --color-footer-nav-balance-text: #F8CB46;
    --footer-button-border-color: var(--color-body-text);
    --redeem-holdings-bg-color: var(--primary-gradient);
    --coin-card-letter-spacing: 1px;
    --coin-store-sweeps-coin-badge-font-weight: 700;
    --bullet-point-display: none;
    --color-header-items-bg: var(--bg-tier-1);
    --side-menu-background-background: var(--bg-tier-1);
    --payment-package-details-background: var(--bg-tier-1-gradient);
    --category-link-text-color: var(--secondary-accent-color);
    --landing-usp-background: var(--bg-tier-2-gradient);
    --landing-provider-background: var(--bg-tier-1-gradient);
    --landing-top-pick-background: var(--bg-tier-1-gradient);
    --landing-feedback-background: var(--bg-tier-1-gradient);
    --landing-feedback-nested-background: var(--bg-tier-2-gradient);
    --landing-coins-background: var(--bg-tier-2-gradient);
}

.balance__checkbox {
    border: 2px solid var(--primary-accent-color);
    border-radius: 10px;
}

.landing-games__star, .landing-hero__star-icon {
    display: none;
}

.landing-usp__item-title {
    background: var(--secondary-gradient);
    font-weight: var(--font-weight-black);
    background-clip: text;
    color: transparent !important;
    text-shadow: none;
}

.bold-title {
    font-weight: var(--font-weight-black);
}

.landing-hero__subtitle {
    font-family: var(--heading-font);
    line-height: 1;
    font-size: var(--text-xl-plus);
}

.landing-hero__subtitle.line-2 {
    background: var(--secondary-gradient);
    background-clip: text;
    color: transparent;
    text-shadow: none;
}

.landing-hero__button > .landing-hero-button-subtitle {
    font-family: var(--body-font);
    font-size: 2.3rem !important;
    letter-spacing: -1px;
    font-weight: 600;
}

.lobby__main {
    background: var(--bg-tier-1-gradient);
}

.sign-up__link {
    color: var(--link-color) !important;
}

.side-menu__nav-link:hover {
    color: var(--primary-accent-color) !important;
}

.loyalty__progress-bar {
    padding-top: 25px;
    padding-bottom: 15px;
}

.primary-button, .secondary-button {
    padding: 5px 18px !important;
}

.landing-top-pick__cta {
    font-size: var(--text-2xl);
}

.refer-a-friend__copy-button {
    border-top-left-radius: var(--size-zero);
    border-bottom-left-radius: var(--size-zero);
}

.refer-a-friend__link-input,
.side-menu__user-profile {
    background: var(--bg-tier-2-gradient);
}

.app-header__loyalty {
    display: flex;
}

.landing-top-pick__title.line-1 {
    background: linear-gradient(180deg, var(--color-body-text) 0%, var(--color-body-text) 100%);
    background-clip: text;
    font-size: var(--text-3xl);
}

.landing-top-pick__title.line-2 {
    background: var(--secondary-gradient);
    background-clip: text;
    font-size: var(--text-4xl);
}

.main-lobby__category-icon {
    color: var(--color-body-text);
}

.side-menu__user-profile {
    border-radius: var(--radius-10) !important;
    padding-bottom: var(--size-zero);
}

.footer-nav__shop-button__label {
    color: var(--primary-button-font-color) !important;
}

.side-menu__nav-link {
    letter-spacing: 0;
}

.alt-login__section {
    background: var(--bg-tier-3-gradient);
}

.promotion-page__card-title {
    color: var(--primary-accent-color);
    background: var(--primary-gradient);
    background-clip: text;
    font-weight: var(--font-weight-black);
}

.footer__legal-description p {
    font-size: var(--text-md)
}

.landing-feedback__review-name {
    font-weight: var(--font-weight-black);
}

.login-input .login-label,
.login-remember-me,
.login-forgot-password,
.login-signup-prompt {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-xl);
}

.login-input input {
    border: none;
}

.forgot-password-page__input:focus,
.sign-up__input:focus, 
.login-input input:focus {
    border: var(--border-width-md) solid var(--secondary-accent-color);
    outline: none;
}

.signup-input input {
    border: none;
}

.redeem__button--unverified {
    fill: var(--unverified-button-color);
    color: var(--primary-accent-color);
    background: var(--bg-tier-1-gradient);
    border-style: solid;
    border-color: var(--primary-accent-color);
    border-width: var(--border-width-md);
}

.main-lobby__category-link {
    background: var(--bg-tier-1-gradient);
    border-style: solid;
    border-color: var(--secondary-accent-color);
    border-width: var(--border-width-sm);
}

.main-lobby__category-icon {
    color: var(--color-body-text);
}

.main-lobby__title-arrow,
.main-lobby__title-arrow path,
.main-lobby__title-count {
    color: var(--primary-accent-color) !important;
    stroke: var(--primary-accent-color) !important;
}

.side-menu__nav-link:hover,
.verifying-your-account__title,
.modal-header,
.redeem__title,
.redemption-submitted__title,
.profile__info-text--underline {
    color: var(--primary-accent-color) !important;
}

.main-lobby__category-icon {
    color: var(--secondary-accent-color) !important;
}

.zero-balance__store-button-mobile,
.zero-balance__store-button-desktop {
    background: var(--img-shop-button)#d3d3d3 50%/contain repeat-x;
}

.zero-balance__title,
.zero-balance__text {
    color: var(--primary-accent-color) !important;
    font-weight: var(--font-weight-bold) !important;
}

.modal-content {
    border-style: solid;
    border-color: var(--primary-accent-color);
    border-width: 1.6px;
    border-radius: var(--radius-10);
}

.complete-profile-modal-button,
.profile__button--secondary.verifying-your-account-back-button {
    color: black !important;
    border-radius: var(--radius-10) !important;
    background: var(--secondary-accent-color) !important;
    padding: 5px 18px !important;
}

.side-menu__logo {
    height: auto;
}

.landing-feedback__star {
    color: var(--secondary-accent-color);
}

.coin-store__card-amount {
    font-family: var(--heading-font);
    font-weight: 800;
}

.coin-store__badge-lg {
    background: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    color: var(--color-button-text);
}

.coin-store__bonus-badge {
    font-weight: var(--coin-store-sweeps-coin-badge-font-weight);
    font-family: var(--body-font);
}

.coin-store__button--large {
    background: var(--coin-store-buy-button-color);
    border-color: var(--coin-store-buy-button-color);
    color: var(--color-body-text);
    font-weight: var(--font-weight-medium);
}

.primary-button, .secondary-button, .shop-button {
    text-transform: uppercase;
}

.shop-button {
    padding: 6px 10px 4px 10px;
}

    .shop-button:hover {
        color: initial;
        text-shadow: initial;
    }

.main-lobby__category-link:hover {
    color: var(--secondary-accent-color);
}

.landing-hero__title .lh-1, .landing-hero__title-line-2 .lh-4 {
    font-size: var(--landing-hero-font-size-lines-1-and-4) !important;
    line-height: 1.1 !important;
}

@media screen and (max-width: 1025px) {
    .landing-hero__title .lh-1, .landing-hero__title-line-2 .lh-4 {
        font-size: var(--text-2xl) !important;
        line-height: 1.1 !important;
    }
}

.lending-hero__content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.lending-hero__subtitle-wrapper {
    margin-top: auto;
}