/* /Pages/Account.razor.rz.scp.css */
.account[b-10hqtwe7jg] {
    background-color: var(--brown-150);
    height: 100%;
    overflow: unset !important;
    overflow-x: unset !important;
}

.account-title-container[b-10hqtwe7jg] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: 150px;
    width: 100%;
}

    .account-title-container h1[b-10hqtwe7jg] {
        color: var(--tan-950);
        font-family: 'SudWebRegular', Helvetica, sans-serif;
        text-shadow: 0 0 8px #0007;
    }

.account-content[b-10hqtwe7jg]{
    display:flex;
    padding: 5% 2%;
    flex-direction:column;
    position: relative;
}
.account-title[b-10hqtwe7jg] {
    color: var(--brown-700);
    font-size: max(min(5vw, 70px), 30px);
}

@media (max-width: 999px) {
    .account-title-container[b-10hqtwe7jg] {
        padding-block: 50px;
    }

    .account-content[b-10hqtwe7jg] {
        padding: calc(1% + 20px) 1%;
    }
}

.account-main[b-10hqtwe7jg] {
    color: var(--brown-700);
    background-color: var(--brown-150);
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-inline: 20px;
    margin-inline: auto;
    max-width: 1400px;
    width: 100%;
}

    .account-main h2[b-10hqtwe7jg],
    .account-main h1[b-10hqtwe7jg] {
        font-family: Sud;
        color: #FFA626;
        font-size: max(min(3.25vw, 32px), 22px);
        scroll-margin-top: 150px;
    }

    .account-main span[b-10hqtwe7jg],
    .account-main p[b-10hqtwe7jg] {
        color: var(--brown-900);
    }

.account-main-nav-menu-wrapper[b-10hqtwe7jg] {
    margin-block: 50px;
    width: 23%;
}

.account-main-nav-menu[b-10hqtwe7jg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: -webkit-sticky;
    position: sticky;
    top: 20%;
}

    .account-main-nav-menu button[b-10hqtwe7jg] {
        font-family: var(--font-inter);
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        background-color: transparent;
        border: none;
        border-radius: 4px;
        color: #C59972;
        display: flex;
        align-items: center;
        gap: 15px;
        height: 30px;
        width: max-content;
        text-align: left;
        transition: background-color 0.2s ease-out, color 0.2s ease-out;
    }

        .account-main-nav-menu button:hover[b-10hqtwe7jg] {
            color: #FFE0B2;
        }

    .account-main-nav-menu .delete-account-btn[b-10hqtwe7jg] {
        color: var(--orange-600);
        border: 1px solid var(--orange-350);
        border-radius: 8px;
        padding-block: 10px;
        padding-inline: 10px 20px;
        width: fit-content;
    }

        .account-main-nav-menu .delete-account-btn:hover[b-10hqtwe7jg] {
            color: var(--tan-900);
        }

    .account-main-nav-menu hr[b-10hqtwe7jg] {
        height: 2px;
        width: 80%;
    }

.account-main-content[b-10hqtwe7jg] {
    display: flex;
    flex-direction: column;
    gap: 50px;
    max-width: 1000px;
    width: 70%;
    padding-top: 50px;
}

.account-main-section-connected[b-10hqtwe7jg],
.account-main-section[b-10hqtwe7jg] {
    background-color: #140E11;
    border: 1px solid #614738;
    border-radius: 18px;
    max-width: 1600px;
    width: 100%;
    outline-offset: 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 4%;
    padding-right: 10%;
}

.account-main-field-half[b-10hqtwe7jg] {
    width: 48%;
}

.account-btn-type1[b-10hqtwe7jg] {
    background-color: #392823;
    border: none !important;
    color: #A56838;
    width: 94px;
    font-family: var(--font-inter);
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: center;
    width: 94px;
    height: 28px;
    top: 39px;
    left: 842px;
    gap: 0px;
}

.account-btn-type2[b-10hqtwe7jg] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    font-family: var(--font-inter);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    border: none !important;
}

.account-main-btn[b-10hqtwe7jg] {
    font-family: var(--font-inter);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    background-color: transparent;
    color: #EA8E16;
    border: 1px solid #EA8E16;
    border-radius: 10px;
    padding-block: 1%;
    width: 100%;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

    .account-main-btn:hover[b-10hqtwe7jg] {
        font-family: var(--font-inter);
        font-size: 18.92px;
        font-weight: 700;
        line-height: 22.89px;
        text-align: center;
        border: 1px solid #FFE0B2;
        color: var(--tan-900);
    }

.account-main-section-connected[b-10hqtwe7jg] {
    padding: 4%;
}

.account-main-connected-container[b-10hqtwe7jg] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.account-main-connected-button[b-10hqtwe7jg] {
    border: none;
    padding-block: 20px;
    width: 100%;
}

.account-main-connected-false[b-10hqtwe7jg] {
    background-color: var(--tan-900);
    color: var(--brown-700);
}

.account-main-connected-tempo[b-10hqtwe7jg] {
    background-color: var(--tempo-blue);
    color: white;
}

.account-main-connected-twitch[b-10hqtwe7jg] {
    background-color: var(--twitch-purple);
    color: white;
}

.dropdown-container[b-10hqtwe7jg] {
    color: #d4a35a;
    display: none;
    position: relative;
    text-align: center;
    width: 100%;
}

    .dropdown-container[b-10hqtwe7jg]::after {
        content: "▼";
        font-size: 1rem;
        top: 10px;
        right: 10px;
        position: absolute;
        pointer-events: none;
    }

.menu-dropdown[b-10hqtwe7jg] {
    -webkit-appearance: none;
    appearance: none;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #D0A277;
    background-color: transparent;
    color: inherit;
    width: 100%;
}

    .menu-dropdown option[b-10hqtwe7jg] {
        background-color: var(--brown-100);
    }

@media (max-width: 999px) {
    .account-main[b-10hqtwe7jg] {
        padding-inline: 15px;
    }

        .account-main h1[b-10hqtwe7jg] {
            scroll-margin-top: 200px;
        }

    .account-main-content[b-10hqtwe7jg] {
        justify-content: center;
        align-items: center;
    }

    .account-main-nav-menu-wrapper[b-10hqtwe7jg] {
        display: none;
    }

    .dropdown-container[b-10hqtwe7jg] {
        display: block !important;
    }

    .account-main-content[b-10hqtwe7jg] {
        padding-block: 50px;
        margin-block: 10px;
        margin-inline: auto;
        width: 100%;
    }

    .account-main-section-connected[b-10hqtwe7jg],
    .account-main-section[b-10hqtwe7jg] {
        padding: 5% 3%;
    }
}
/* /Pages/Community.razor.rz.scp.css */
.community-page-container[b-c2c9yu0w05] {
    background-color: var(--brown-225);
    color: var(--tan-800);
    position: relative;
    height: 100%;
}

.community-mid-container[b-c2c9yu0w05] {
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: var(--brown-225);
    font-family: var(--font-openSans);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.community-mid-container-upper[b-c2c9yu0w05] {
    display: flex;
    justify-content: center;
    gap: 6%;
    padding-block: 3% 0;
    padding-inline: 3%;
}

    .community-mid-container-upper img[b-c2c9yu0w05] {
        margin-top: auto;
        height: 300px;
        width: auto;
    }

.community-mid-container-text[b-c2c9yu0w05] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 460px;
    width: 40vw;
}

.community-upper-text[b-c2c9yu0w05] {
    font-size: max(min(3vw, 20px), 12px);
}

.community-content-container[b-c2c9yu0w05] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    margin-bottom: 100px;
    max-width: 1600px;
    width: 90%;
}

    .community-content-container h2[b-c2c9yu0w05] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
        font-size: max(min(4vw, 40px), 22px);
        margin-block: 4% 2%;
    }

    .community-content-container p[b-c2c9yu0w05] {
        font-family: var(--font-openSans);
        margin: 2%;
        max-width: 750px;
        width: 80%;
    }

.community-decoration-container[b-c2c9yu0w05] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
}

    .community-decoration-container div[b-c2c9yu0w05] {
        border-top: 1px solid var(--bazaar-orange);
        height: 1px;
        opacity: 0.5;
        width: 48%;
    }

.community-content-sections-container[b-c2c9yu0w05] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}

    .community-content-sections-container h1[b-c2c9yu0w05] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
        font-size: max(min(3vw, 40px), 22px);
    }

.community-content-items-container[b-c2c9yu0w05] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
    justify-items: center;
    width: 100%;
}

.community-content-item-outer[b-c2c9yu0w05] {
    width: 100%;
    opacity: 0.001;
}

.community-content-item[b-c2c9yu0w05] {
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-block: 14px;
    padding-inline: 12px;
    text-align: left;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

    .community-content-item h2[b-c2c9yu0w05] {
        font-size: max(min(4vw, 22px), 14px);
        letter-spacing: 0.5px;
        margin-bottom: 8px;
    }

    .community-content-item p[b-c2c9yu0w05],
    .community-content-item a[b-c2c9yu0w05] {
        color: var(--tan-800);
        font-family: var(--font-openSans);
        font-size: max(min(1.25vw, 14px), 12px);
        letter-spacing: 0.5px;
        margin-bottom: 4px;
    }

    .community-content-item a:hover[b-c2c9yu0w05] {
        color: var(--tan-800);
        font-weight: 700;
    }

.community-content-items-container-thumbnail[b-c2c9yu0w05] {
    border-radius: 6px;
    aspect-ratio: 1;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-out;
}

.community-content-items-container-thumbnail-cropped-square[b-c2c9yu0w05],
.community-content-items-container-thumbnail-cropped[b-c2c9yu0w05] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    transform: translateZ(0);
    transition: all 0.3s ease-in-out;
}

community-content-items-container-thumbnail-full-square[b-c2c9yu0w05],
.community-content-items-container-thumbnail-full[b-c2c9yu0w05] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
    transform: scale(1.2);
    transition: all 0.5s ease-in-out;
}

.community-content-item:hover[b-c2c9yu0w05] {
    filter: drop-shadow(2px 4px 8px var(--brown-100));
    box-shadow: inset 0 0 4px var(--bazaar-orange);
}

    .community-content-item:hover .community-content-items-container-thumbnail-cropped[b-c2c9yu0w05] {
        opacity: 0;
        transform: scale(0.9);
    }

    .community-content-item:hover .community-content-items-container-thumbnail-full[b-c2c9yu0w05] {
        opacity: 1;
        transform: scale(1);
    }

@media (max-width: 999px) {
    .community-mid-container-text[b-c2c9yu0w05] {
        width: 55vw;
    }

    .community-content-items-container[b-c2c9yu0w05] {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 8px;
    }
}

@media (max-width: 700px) {
    .community-content-items-container[b-c2c9yu0w05] {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 6px;
    }

    .community-mid-container-upper img[b-c2c9yu0w05] {
        height: 200px;
    }
}

@media (max-width: 600px) {
    .community-content-items-container[b-c2c9yu0w05] {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4px;
    }

    .community-mid-container-upper[b-c2c9yu0w05] {
        flex-direction: column;
    }

    .community-mid-container-text[b-c2c9yu0w05] {
        padding-top: 12px;
        width: 85vw;
    }

    .community-mid-container-upper img[b-c2c9yu0w05] {
        height: 150px;
        width: 135px;
        margin-inline: auto;
    }
}
/* /Pages/CreateAccount.razor.rz.scp.css */
.create-account-container[b-94uslxbful] {
    background-color: #140E11;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4%;
    height: 100%;
    width: 100%;
}

.create-account-wrapper[b-94uslxbful] {
    padding: 10px;
    margin-block: 20px 100px;
    max-width: 660px;
    width: 90%;
}

    .create-account-wrapper h1[b-94uslxbful] {
        color: #FFE8C7;
        font-family: var(--font-sud);
        font-size: 32px;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
    }

.main-btn[b-94uslxbful] {
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    background-color: transparent;
    color: #EA8E16;
    border: 1px solid #EA8E16;
    border-radius: 10px;
    padding-block: 1%;
    width: 100%;
    height: 52px;
    text-transform: uppercase;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

    .main-btn:hover[b-94uslxbful] {
        font-family: var(--font-interstate);
        font-size: 18.92px;
        font-weight: 700;
        line-height: 22.89px;
        text-align: center;
        border: 1px solid #FFE0B2;
        color: var(--tan-900);
    }

.btn-type2[b-94uslxbful] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    border: none !important;
}


body[b-94uslxbful] {
    font-family: Arial, sans-serif;
    background-color: #2E272E;
    color: #FFA500;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.required-checkbox-container[b-94uslxbful] {
    position: relative;
    padding-bottom: 10px;
    margin-top: 20px;
}

.form-error-checkboxes[b-94uslxbful] {
    padding-left: 1.75em;
}

.error-msg[b-94uslxbful] {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    padding-left: 1.75em;
    color: #FF603D;
}

    .form-error-checkboxes[b-94uslxbful]::before,
    .error-msg[b-94uslxbful]::before {
        content: '';
        position: absolute;
        left: 2px;
        top: 50%;
        width: 0.9em;
        height: 0.9em;
        background-color: var(--red-800);
        border-radius: 50%;
        transform: translateY(-50%);
    }

    .form-error-checkboxes[b-94uslxbful]::after,
    .error-msg[b-94uslxbful]::after {
        content: "\2716";
        position: absolute;
        left: 0.3em;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.8em;
        font-weight: 700;
        color: var(--brown-150);
    }

.email-check[b-94uslxbful] {
    padding-top: 20px;
    font-family: var(--font-interstate);
    font-size: 16px;
    line-height: 19.36px;
    text-align: center;
    color: #FFDAB9;
    text-wrap: balance;
}

.captcha-consent-wrapper[b-94uslxbful] {
    position: relative;
    color: #FFDAB9;
    font-family: var(--font-interstate);
    font-size: 12px;
    text-align: center;
    text-wrap: balance;
}

.captcha-consent[b-94uslxbful] {
    padding-block: 10px 20px;
    line-height: 16px;
}

    .captcha-consent a[b-94uslxbful] {
        color: #FFA626;
    }

.form-error-checkboxes[b-94uslxbful],
.form-error[b-94uslxbful] {
    position: absolute;
    bottom: -10px;
    color: var(--red-800);
    margin-bottom: 0;
    width: 100%;
}

.registration-error[b-94uslxbful] {
    color: var(--red-800);
    min-height: 24px;
}
/* /Pages/Download.razor.rz.scp.css */
.download-page-container h1[b-i60pzyr861] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud);
}

.download-page-container h3[b-i60pzyr861] {
    font-family: var(--font-sud);
    font-weight: 700;
    letter-spacing: 4px;
    text-shadow: 0 2px 4px #000a;
}

.download-page-container p[b-i60pzyr861] {
    color: var(--tan-700);
    font-family: var(--font-merriweather);
}


/* /Pages/EULA.razor.rz.scp.css */
.eula-page-container[b-rb8uzcoq6h] {
    padding-block: 100px 180px;
    padding-inline: 20px;
    margin-inline: auto;
    max-width: 1400px;
    width: 90%;
}

    .eula-page-container h1[b-rb8uzcoq6h] {
        color: var(--bazaar-orange);
        margin-bottom: 0.5em;
    }
/* /Pages/FAQ.razor.rz.scp.css */
.faq-content-container[b-81qm1qvztg] {
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: 5% 2%;
}

.faq-content[b-81qm1qvztg] {
    display: flex;
    align-items: flex-start;
    gap: 10%;
    padding-bottom: 80px;
    max-width: 1200px;
    width: 80vw;
}

    .faq-content h2[b-81qm1qvztg],
    .faq-content h1[b-81qm1qvztg] {
        color: var(--brown-500);
        font-family: 'OpenSans', Helvetica, sans-serif;
    }

    .faq-content h1[b-81qm1qvztg] {
        font-size: max(min(4vw, 42px), 32px);
    }

    .faq-content h2[b-81qm1qvztg] {
        font-size: max(min(2vw, 28px), 20px);
    }

.faq-section[b-81qm1qvztg] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 20%;
}

.faq-item-container[b-81qm1qvztg] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    max-width: 750px;
    width: 65%;
}

.faq-item[b-81qm1qvztg] {
    border-bottom: 1px solid #0003;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 8px;
    width: 100%;
    transition: all 0.2s ease-out;
}

    .faq-item:hover[b-81qm1qvztg] {
        background-color: #fff7;
        border-bottom: 1px solid var(--bazaar-orange);
        border-radius: 10px;
    }

    .faq-item img[b-81qm1qvztg] {
        height: max(min(6.5vw, 36px), 28px);
        width: auto;
        filter: brightness(0) saturate(100%) invert(54%) sepia(8%) saturate(3813%) hue-rotate(344deg) brightness(86%) contrast(79%);
        transform: rotate(180deg);
    }

    .faq-item h2[b-81qm1qvztg] {
        margin: 0;
    }

.faq-answers-content[b-81qm1qvztg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10%;
    padding-bottom: 80px;
    max-width: 1200px;
    width: 80vw;
}

    .faq-answers-content p[b-81qm1qvztg],
    .faq-answers-content h2[b-81qm1qvztg],
    .faq-answers-content h1[b-81qm1qvztg] {
        color: var(--bazaar-orange);
        font-family: 'OpenSans', Helvetica, sans-serif;
    }

    .faq-answers-content h1[b-81qm1qvztg] {
        font-family: 'SudWebRegular', Helvetica, sans-serif;
        font-size: max(min(4vw, 54px), 36px);
        margin-block: 7%;
    }

    .faq-answers-content h2[b-81qm1qvztg] {
        font-size: max(min(2vw, 28px), 20px);
    }

    .faq-answers-content p[b-81qm1qvztg] {
        color: white;
    }

.faq-answers-section[b-81qm1qvztg] {
    display: flex;
    align-items: center;
    gap: 50px;
}

.faq-answers-arrow[b-81qm1qvztg] {
    cursor: pointer;
    padding-bottom: 2px;
    transition: all 0.2s ease-out;
}

.faq-answers-arrow:hover[b-81qm1qvztg] {
    padding-bottom: 12px;
    transform: translateY(-10px);
}

.faq-answers-item[b-81qm1qvztg] {
    border-bottom: 1px solid #fff3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-left: 30%;
    padding-block: 3%;
    width: 100%;
    scroll-margin-top: 150px;
}

.road-map[b-81qm1qvztg] {
    aspect-ratio: 16/9;
    height: auto;
    width: 100%;
    transition: 0.2s scale ease-out, 0.2s filter ease-out;
    scale: 0.96;
    justify-content: center;
    filter: drop-shadow(0 0 6px #0005);
}

@media (max-width: 999px) {
    .faq-content-container[b-81qm1qvztg] {
        padding-block: 20px;
    }

    .faq-content[b-81qm1qvztg] {
        align-items: center;
        flex-direction: column;
        width: 90vw;
    }

    .faq-section[b-81qm1qvztg] {
        justify-content: center;
        margin-block: 10px 20px;
        width: 80%;
    }

    .faq-item-container[b-81qm1qvztg] {
        width: 90%;
    }

    .faq-answers-content[b-81qm1qvztg] {
        align-items: center;
        width: 90vw;
    }

    .faq-answers-section[b-81qm1qvztg] {
        gap: 20px;
        margin-block: 5px 20px;
    }

    .faq-answers-item[b-81qm1qvztg] {
        margin-left: 0;
    }
}
/* /Pages/Game.razor.rz.scp.css */
.game-page-container[b-w76ujwpasy] {
    overflow-x: hidden;
}

.game-page-container h1[b-w76ujwpasy] {
    color: var(--bazaar-orange);
    font-family: 'SudWebRegular', Helvetica, sans-serif;
}

.game-page-container h3[b-w76ujwpasy] {
    font-family: 'SudWebRegular', Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 4px;
    text-shadow: 0 2px 4px #000a;
}

.game-page-container p[b-w76ujwpasy] {
    color: var(--tan-700);
    font-family: 'MerriweatherRegular', Georgia, serif;
}
/* /Pages/Index.razor.rz.scp.css */
.home-page-container h1[b-y91nm56smb] {
    color: var(--bazaar-orange);
    font-family: 'SudWebRegular', Helvetica, sans-serif;
}

.home-page-container h3[b-y91nm56smb] {
    font-family: 'SudWebRegular', Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 4px;
    text-shadow: 0 2px 4px #000a;
}

.home-page-container p[b-y91nm56smb] {
    color: var(--tan-700);
    font-family: 'MerriweatherRegular', Georgia, serif;
}


/* /Pages/Login.razor.rz.scp.css */
.login-container[b-lw5z8an4bz] {
    background-color: #140E11;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4%;
    height: 100%;
    width: 100%;
}

.login-wrapper[b-lw5z8an4bz] {
    max-width: 600px;
    margin-block: 20px 150px;
    width: 90vw;
}

    .login-wrapper h1[b-lw5z8an4bz] {
        color: #FFE8C7;
        font-family: var(--font-sud);
        font-size: max(min(8vw, 32px), 12px);
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 12px;
        text-align: center;
        text-wrap: balance;
    }

.center-anchor[b-lw5z8an4bz] {
    display: flex;
    justify-content: center;
}

    .center-anchor a[b-lw5z8an4bz] {
        font-family: var(--font-interstate);
        font-size: max(min(6vw, 24px), 12px);
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 29.05px;
        text-align: center;
        color: #FFA626;
    }

.main-btn[b-lw5z8an4bz] {
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    background-color: transparent;
    color: #EA8E16;
    border: 1px solid #EA8E16;
    border-radius: 10px;
    padding-block: 1%;
    width: 100%;
    height: 52px;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

    .main-btn:hover[b-lw5z8an4bz] {
        font-family: var(--font-interstate);
        font-size: 18.92px;
        font-weight: 700;
        line-height: 22.89px;
        text-align: center;
        border: 1px solid #FFE0B2;
        color: var(--tan-900);
    }

.btn-type2[b-lw5z8an4bz] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    border: none !important;
}

.new-account[b-lw5z8an4bz] {
    font-family: var(--font-interstate);
    font-size: max(min(6vw, 24px), 12px);
    font-weight: 700;
    line-height: 29.05px;
    text-align: center;
    color: #DCAA7D;
    padding-top: 30px;
}

.error-msg[b-lw5z8an4bz] {
    font-family: var(--font-interstate);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    padding-left: 20px;
    color: #FF603D;
}

    .error-msg[b-lw5z8an4bz]::before {
        content: "x";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #FF603D;
        color: #150F16;
        text-align: center;
        line-height: 11px;
        font-weight: bold;
    }

.forgot-password[b-lw5z8an4bz] {
    display: flex;
    justify-content: center;
    gap: 8px;
    font-family: var(--font-interstate);
    font-size: max(min(4vw, 16px), 12px);
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #DCAA7D;
    padding-bottom: 20px;
    text-wrap: balance;
}

    .forgot-password a[b-lw5z8an4bz] {
        color: #FFDFC1;
        cursor: pointer;
    }
/* /Pages/PasswordReset.razor.rz.scp.css */
.password-reset--container[b-iyt06a5myg] {
    background-color: var(--brown-200);
    color: var(--tan-600);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4%;
    height: 100%;
    width: 100%;
}

.password-reset-content-wrapper[b-iyt06a5myg] {
    margin-block: 20px 150px;
    margin-inline: auto;
    padding: 40px;
    width: 80vw;
    max-width: 600px;
    max-height: 80vh;
    text-align: center;
    z-index: 2;
}

    .password-reset-content-wrapper h1[b-iyt06a5myg] {
        color: var(--bazaar-orange);
        font-size: max(min(4vw, 52px), 26px);
        font-family: var(--font-sud);
        text-transform: uppercase;
    }

    .password-reset-content-wrapper a[b-iyt06a5myg] {
        color: var(--bazaar-orange);
    }

.password-reset-input-container[b-iyt06a5myg] {
    margin-block: 20px 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .password-reset-input-container label[b-iyt06a5myg] {
        font-family: var(--font-interstate);
        text-transform: uppercase;
    }

.password-reset-submit-btn[b-iyt06a5myg] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    border-radius: 10px;
    padding-block: 1%;
    width: 100%;
    height: 52px;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    text-transform: uppercase;
    border: none !important;
}

    .password-reset-submit-btn:disabled[b-iyt06a5myg] {
        background-color: var(--brown-600) !important;
        cursor: not-allowed;
    }

.error-msg[b-iyt06a5myg] {
    font-family: var(--font-interstate);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    padding-left: 1.75em;
    color: var(--red-800);
    position: absolute;
    bottom: -2px;
}

    .error-msg[b-iyt06a5myg]::before {
        content: '';
        position: absolute;
        left: 2px;
        top: 50%;
        width: 0.9em;
        height: 0.9em;
        background-color: var(--red-800);
        border-radius: 50%;
        transform: translateY(-50%);
    }

    .error-msg[b-iyt06a5myg]::after {
        content: "\2716";
        position: absolute;
        left: 0.31em;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.8em;
        font-weight: 700;
        color: var(--brown-150);
    }
/* /Pages/Preregistration.razor.rz.scp.css */
.prereg-page-container[b-xe68mk5vex] {
    overflow: hidden;
}

.prereg-page-container h1[b-xe68mk5vex] {
    color: var(--bazaar-orange);
    font-family: 'SudWebRegular', Helvetica, sans-serif;
}

.prereg-page-container h3[b-xe68mk5vex] {
    font-family: 'SudWebRegular', Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 4px;
    text-shadow: 0 2px 4px #000a;
}

.prereg-page-container p[b-xe68mk5vex] {
    color: var(--tan-700);
    font-family: 'MerriweatherRegular', Georgia, serif;
}


/* /Pages/Press.razor.rz.scp.css */
.press-page-container[b-zlbui0ykbc] {
    background-color: var(--tan-800);
    color: var(--brown-225);
    position: relative;
    height: 100%;
    overflow-x: hidden;
}

.press-mid-container[b-zlbui0ykbc] {
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: var(--brown-225);
    position: relative;
    font-family: var(--font-openSans);
    padding: 3%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.press-mid-container-upper[b-zlbui0ykbc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2%;
    margin-inline: auto;
    margin-bottom: 20px;
    width: 100%;
}

.press-mid-container-upper-item[b-zlbui0ykbc] {
    background-color: var(--brown-225) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 750px;
    width: 100%;
    height: 300px;
    text-decoration: none;
    transition: var(--default-transition);
}

.press-mid-container-upper-item:hover[b-zlbui0ykbc] {
    transform: scale(1.05);
}

.press-mid-container-upper-item-text-wrapper[b-zlbui0ykbc] {
    background-color: var(--brown-225);
    border-radius: 0 0 4px 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--tan-800);
    font-family: 'SudWebRegular', Helvetica, sans-serif;
    line-height: 1rem;
    padding: 2% 3%;
    height: 45px;
    text-shadow: 0 0 2px black;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.press-mid-container-upper-item-text-wrapper p[b-zlbui0ykbc] {
    margin: 0;
}

.press-mid-container-upper-item-text-type[b-zlbui0ykbc] {
    color: var(--brown-900);
    font-size: max(min(1.25vw, 16px), 11px);
}

.press-mid-container-text[b-zlbui0ykbc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 700px;
    width: 80vw;
}

.press-upper-text[b-zlbui0ykbc] {
    font-size: max(min(3vw, 20px), 12px);
}

.press-content-container[b-zlbui0ykbc] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    margin-bottom: 100px;
    padding-block: 10px 50px;
    padding-inline: 20px;
    max-width: 1600px;
    width: 100%;
}

    .press-content-container h2[b-zlbui0ykbc] {
        color: var(--brown-700);
        font-family: var(--font-sud);
        font-size: max(min(4vw, 40px), 22px);
        margin-block: 4% 2%;
    }

    .press-content-container p[b-zlbui0ykbc] {
        font-family: var(--font-openSans);
        margin: 2%;
        max-width: 750px;
        width: 80%;
    }

.press-decoration-container[b-zlbui0ykbc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
}

    .press-decoration-container div[b-zlbui0ykbc] {
        border-top: 1px solid var(--brown-800);
        height: 1px;
        opacity: 0.5;
        width: 48%;
    }

.press-content-sections-container[b-zlbui0ykbc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    z-index: 2;
}

    .press-content-sections-container h1[b-zlbui0ykbc] {
        color: var(--brown-700);
        font-family: var(--font-sud);
        font-size: max(min(3vw, 40px), 22px);
    }

.press-content-items-container[b-zlbui0ykbc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    justify-items: center;
    width: 100%;
}

.press-content-item-outer[b-zlbui0ykbc] {
    width: 100%;
    opacity: 0.001;
}

.press-content-item[b-zlbui0ykbc] {
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-block: 14px;
    padding-inline: 12px;
    text-align: left;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

    .press-content-item h2[b-zlbui0ykbc] {
        font-size: max(min(4vw, 22px), 14px);
        letter-spacing: 0.5px;
        margin-bottom: 8px;
    }

    .press-content-item p[b-zlbui0ykbc],
    .press-content-item a[b-zlbui0ykbc] {
        color: var(--brown-700);
        font-family: var(--font-openSans);
        font-size: max(min(1.25vw, 14px), 12px);
        letter-spacing: 0.5px;
        margin-bottom: 4px;
    }

    .press-content-item a:hover[b-zlbui0ykbc] {
        color: var(--brown-700);
        font-weight: 700;
    }

.press-content-items-container-thumbnail[b-zlbui0ykbc] {
    border-radius: 6px;
    aspect-ratio: 16/9;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-out;
}

.press-content-items-container-thumbnail-cropped-override[b-zlbui0ykbc],
.press-content-items-container-thumbnail-cropped[b-zlbui0ykbc] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    transform: translateZ(0);
    transition: all 0.3s ease-in-out;
}

.press-content-items-container-thumbnail-full-override[b-zlbui0ykbc],
.press-content-items-container-thumbnail-full[b-zlbui0ykbc] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
    transform: scale(1.2);
    transition: all 0.4s ease-in-out;
}

    .press-content-item:hover .press-content-items-container-thumbnail-cropped[b-zlbui0ykbc] {
        opacity: 0;
        transform: scale(0.9);
    }

    .press-content-item:hover .press-content-items-container-thumbnail-full[b-zlbui0ykbc] {
        opacity: 1;
        transform: scale(1);
    }

@media (max-width: 999px) {
    .press-content-items-container[b-zlbui0ykbc] {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 8px;
    }
}

@media (max-width: 700px) {
    .press-content-items-container[b-zlbui0ykbc] {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 6px;
    }
}

@media (max-width: 600px) {
    .press-content-items-container[b-zlbui0ykbc] {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4px;
    }

    .press-mid-container-upper-item-text-wrapper[b-zlbui0ykbc] {
        gap: 6px;
        justify-content: space-between;
    }

    .press-mid-container-upper-item-text-wrapper p[b-zlbui0ykbc] {
        max-width: 120px;
    }
}

@media (max-width: 400px) {
    .press-mid-container-upper-item[b-zlbui0ykbc] {
        height: 200px;
    }

    .press-mid-container-upper-item-text-wrapper p[b-zlbui0ykbc] {
        max-width: 100px;
    }
}
/* /Pages/RequestVerifyEmail.razor.rz.scp.css */
.req-verify-email-container[b-q71qxodq1i] {
    background-color: #140E11;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 20px;
    height: 100%;
    width: 100%;
}

.req-verify-email-wrapper[b-q71qxodq1i] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 700px;
    margin-block: 20px 100px;
    width: 90vw;
}

    .req-verify-email-wrapper h1[b-q71qxodq1i] {
        color: #FFE8C7;
        font-family: var(--font-sud);
        font-size: max(min(8vw, 32px), 12px);
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
        text-align: center;
        text-wrap: balance;
    }

    .req-verify-email-wrapper p[b-q71qxodq1i] {
        color: #DCAA7D;
        font-family: var(--font-interstate);
        font-size: max(min(6vw, 18px), 12px);
        margin-bottom: 0;
        text-align: center;
        text-wrap: balance;
    }

    .req-verify-email-wrapper .subtitle[b-q71qxodq1i] {
        color: var(--gold-600);
        font-family: var(--font-sud);
        font-size: max(min(6vw, 30px), 10px);
        text-align: center;
        text-wrap: balance;
    }

.req-verify-email-lower[b-q71qxodq1i] {
    display: flex;
    flex-direction: column;
    margin-block: 40px;
}

    .req-verify-email-lower p[b-q71qxodq1i] {
        color: #FFE8C7;
    }

    .req-verify-email-lower .spinner-border[b-q71qxodq1i] {
        color: white;
    }

    .req-verify-email-lower button[b-q71qxodq1i] {
        background-color: transparent;
        border: none;
        font-family: var(--font-interstate);
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 29.05px;
        text-align: center;
        color: #FFA626;
        margin-inline: auto;
        text-decoration: underline;
    }
/* /Pages/TermsAndConditions.razor.rz.scp.css */
.terms-and-conditions-page-container[b-flrildmiat] {
    padding-block: 100px 180px;
    padding-inline: 20px;
    margin-inline: auto;
    max-width: 1400px;
    width: 90%;
}

    .terms-and-conditions-page-container h1[b-flrildmiat] {
        color: var(--bazaar-orange);
        margin-bottom: 0.5em;
    }
/* /Pages/VerifyEmail.razor.rz.scp.css */
.verify-email-container[b-qw0gwffhbr] {
    background-color: #140E11;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 20px;
    height: 100%;
    width: 100%;
}

.verify-email-wrapper[b-qw0gwffhbr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 700px;
    margin-block: 20px 100px;
    width: 90vw;
}

    .verify-email-wrapper h1[b-qw0gwffhbr] {
        color: #FFE8C7;
        font-family: var(--font-sud);
        font-size: max(min(8vw, 32px), 12px);
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
        text-align: center;
        text-wrap: balance;
    }

    .verify-email-wrapper h2[b-qw0gwffhbr] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
        font-size: max(min(8vw, 32px), 12px);
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
        text-align: center;
        text-wrap: balance;
    }

    .verify-email-wrapper p[b-qw0gwffhbr] {
        color: #DCAA7D;
        font-family: var(--font-interstate);
        font-size: max(min(6vw, 18px), 12px);
        margin-bottom: 0;
        text-align: center;
        text-wrap: balance;
    }

    .verify-email-wrapper a[b-qw0gwffhbr] {
        color: var(--bazaar-orange);
    }

    .verify-email-wrapper .spinner-border[b-qw0gwffhbr] {
        color: white;
        margin-inline: auto;
    }

    .verify-email-lower-unlock-name[b-qw0gwffhbr] {
        color: white !important;
    }

.verify-email-lower[b-qw0gwffhbr] {
    display: flex;
    flex-direction: column;
    margin-block: 40px;
}

    .verify-email-lower a[b-qw0gwffhbr] {
        color: #FFE8C7;
        cursor: pointer;
        text-decoration: underline;
    }

    .verify-email-lower button[b-qw0gwffhbr] {
        font-family: var(--font-interstate);
        font-size: 18.92px;
        font-weight: 700;
        line-height: 22.89px;
        color: #1E1E1E;
        background: #FFA626;
        border: none;
        border-radius: 10px;
        padding-block: 1%;
        margin-block: 20px;
        width: 100%;
        height: 52px;
        transition: color 0.2s ease-out, background-color 0.2s ease-out;
    }

        .verify-email-lower button:hover[b-qw0gwffhbr] {
            font-family: var(--font-interstate);
            font-size: 18.92px;
            font-weight: 700;
            line-height: 22.89px;
            text-align: center;
            background-color: var(--tan-900);
        }
/* /Shared/404.razor.rz.scp.css */
.not-found-title-container[b-bdvm65130g] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: 150px;
    width: 100%;
}

    .not-found-title-container h1[b-bdvm65130g] {
        color: white;
        font-family: 'SudWebRegular', Helvetica, sans-serif;
        text-shadow: 0 0 8px #000c;
    }

.not-found-content-container[b-bdvm65130g] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-block: 100px 150px;
    width: 100%;
}

.not-found-text-container[b-bdvm65130g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    text-align: center;
    max-width: 500px;
    width: 90%;
}

    .not-found-text-container h2[b-bdvm65130g] {
        color: var(--brown-500);
        font-family: 'OpenSansBold', Helvetica, sans-serif;
        font-size: max(min(3.25vw, 32px), 22px);
    }

    .not-found-text-container a[b-bdvm65130g],
    .not-found-text-container p[b-bdvm65130g] {
        color: var(--brown-500);
        font-family: 'OpenSans', Helvetica, sans-serif;
        font-size: max(min(3vw, 18px), 12px);
    }

.not-found-banana[b-bdvm65130g] {
    height: auto;
    max-width: 400px;
    width: 60%;
}

@media (max-width: 999px) {
    .not-found-title-container[b-bdvm65130g] {
        padding-block: 50px;
    }

    .not-found-content-container[b-bdvm65130g] {
        padding-block: 50px 100px;
    }
}
/* /Shared/Components/AccountNoticeBanner.razor.rz.scp.css */
.account-notice-banner-container-sticky[b-b0r7xp0skd] {
    position: -webkit-sticky;
    position: sticky;
    top: 115px;
    left: 0;
    height: auto;
    z-index: 2;
}

.account-notice-banner-container[b-b0r7xp0skd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.account-notice-banner-bg-overlay[b-b0r7xp0skd] {
    background-color: var(--brown-200);
    opacity: 0.85;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.account-notice-banner-content-container[b-b0r7xp0skd] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 20px;
    margin-inline: auto;
    padding-inline: 10px;
}

.account-notice-banner-icon[b-b0r7xp0skd] {
    filter: drop-shadow(0 0 3px #fff8);
}

.account-notice-banner-title[b-b0r7xp0skd] {
    color: var(--btn-gold-bg-inactive);
    font-family: var(--font-sud);
    font-size: 20px;
    letter-spacing: 1px;
    margin-block: 0;
    margin-right: 12px;
}

.account-notice-banner-content-text[b-b0r7xp0skd] {
    color: var(--tan-600);
    font-family: var(--font-notoSerif);
    font-size: 16px;
    margin-block: 0;
}

.account-notice-banner-inline-button[b-b0r7xp0skd] {
    border: none;
    background-color: transparent;
    color: var(--btn-gold-bg-inactive);
    font-family: var(--font-notoSerif);
    padding-inline: 2px;
    text-decoration: underline;
    transition: var(--default-transition);
}

.account-notice-banner-inline-button:hover[b-b0r7xp0skd] {
    color: var(--btn-gold-bg-active);
}

@media (max-width: 999px) {
    .account-notice-banner-container-sticky[b-b0r7xp0skd] {
        top: 58px;
    }
}
/* /Shared/Components/CarouselComplexComponent.razor.rz.scp.css */
.carousel[b-45rnzobg77] {
    width: 100%;
    height: 600px;
}

.carousel-inner[b-45rnzobg77] {
    height: 100%;
    display: flex;
    align-items: center;
}

.carousel-item[b-45rnzobg77] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8%;
    padding: 1px;
    position: absolute;
    opacity: 0.001;
    height: 90%;
    width: 100%;
    transition: all 0.5s ease-out, opacity 0.2s ease-out;
    transform: translateX(100%);
}

    .carousel-item img[b-45rnzobg77] {
        height: auto;
        margin-block: auto;
        width: 100%;
    }

.carousel-img-container[b-45rnzobg77] {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}

.carousel-img[b-45rnzobg77] {
    display: initial;
}

.carousel-img-m[b-45rnzobg77] {
    display: none;
}

.carousel-item-content-container[b-45rnzobg77] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    width: 46%;
}

    .carousel-item-content-container p[b-45rnzobg77],
    .carousel-item-content-container h2[b-45rnzobg77] {
        color: var(--tan-700);
    }

    .carousel-item-content-container .carousel-item-note[b-45rnzobg77] {
        color: var(--bazaar-orange);
        font-family: 'FreightNeoPro', Helvetica, sans-serif;
        font-size: max(min(3vw, 18px), 14px);
    }

    .carousel-item-content-container .carousel-item-note-action[b-45rnzobg77] {
        color: var(--tan-700);
        cursor: pointer;
        font-family: 'FreightNeoPro', Helvetica, sans-serif;
        font-size: 14px;
        margin-left: 10px;
        text-decoration: none;
    }

.carousel-item-subtitle[b-45rnzobg77] {
    font-family: 'FreightNeoPro', Arial, serif;
    text-transform: uppercase;
}

.carousel-item-title[b-45rnzobg77] {
    font-family: 'SudWebRegular', Helvetica, sans-serif;
    font-size: max(min(4vw, 60px), 20px);
    width: 100%;
    z-index: 2;
}

.carousel-description[b-45rnzobg77] {
    border-block: 1px solid #fff3;
    font-family: 'MerriweatherRegular', Arial, serif;
    padding-block: 10px clamp(10px,100px, 5vw);
}

.carousel-meter-container[b-45rnzobg77] {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
    .carousel-meter-container p[b-45rnzobg77] {
        color: var(--bazaar-orange);
        font-family: 'FreightNeoPro', Helvetica, sans-serif;
        font-size: max(min(3vw, 20px), 14px);
    }

.carousel-meter-bar[b-45rnzobg77] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.carousel-meter-segment[b-45rnzobg77] {
    border: 1px solid var(--bazaar-orange);
    border-radius: 10px;
    height: 12px;
    width: 18%;
}

.carousel-active[b-45rnzobg77] {
    opacity: 1;
    transform: translateX(0);
}

.carousel-prev-next-btn[b-45rnzobg77] {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 20px;
    top: 40%;
    height: 60px;
    transition: all 0.2s ease-out;
    width: 60px;
    z-index: 2;
}

    .carousel-prev-next-btn:hover[b-45rnzobg77] {
        scale: 1.1;
        filter: sepia(1);
    }

    .carousel-prev-next-btn img[b-45rnzobg77] {
        height: auto;
        width: 95%;
    }

.carousel-prev[b-45rnzobg77] {
    left: 0;
}

.carousel-next[b-45rnzobg77] {
    right: 0;
    transform: rotate(180deg);
}

.carousel-prev-outset[b-45rnzobg77] {
    left: -32%;
}

.carousel-next-outset[b-45rnzobg77] {
    right: -32%;
}


@media (max-width: 999px) {
    .carousel[b-45rnzobg77] {
        height: calc(280px + 120vw) !important;
        max-height: 1260px;
        min-height: 820px;
        margin-block: 0 20px !important;
    }

    .carousel-inner[b-45rnzobg77] {
        align-items: flex-start;
    }

    .carousel-prev-outset[b-45rnzobg77] {
        left: -35%;
    }

    .carousel-next-outset[b-45rnzobg77] {
        right: -35%;
    }

    .carousel-item[b-45rnzobg77] {
        flex-direction: column;
        align-items: center !important;
        gap: 10px;
    }

        .carousel-item img[b-45rnzobg77] {
            width: 70vw !important;
            max-height: unset !important;
            max-width: min(480px, 80vw) !important;
            padding: 20px;
        }

    .carousel-img-container[b-45rnzobg77] {
        height: 600px;
    }

    .carousel-item-content-container[b-45rnzobg77] {
        width: 70%;
    }

    .carousel-img-m[b-45rnzobg77] {
        position: absolute;
        bottom: 0;
        height: auto !important;
        width: 70% !important;
        display: initial;
    }
}

@media (max-width: 600px) {
    .carousel[b-45rnzobg77] {
        height: calc(400px + 120vw) !important;
    }

    .carousel-img-container[b-45rnzobg77] {
        height: 420px;
    }

    .carousel-prev-next-btn[b-45rnzobg77] {
        width: 50px;
    }
        .carousel-prev-next-btn[b-45rnzobg77] {
        top: 30%;
    }

    .carousel-prev[b-45rnzobg77] {
        left: min(-5%, -25px);
    }

    .carousel-next[b-45rnzobg77] {
        right: min(-5%, -25px);
    }

    .carousel-prev-outset[b-45rnzobg77] {
        left: -43%;
    }

    .carousel-next-outset[b-45rnzobg77] {
        right: -43%;
    }

    .carousel-img-m[b-45rnzobg77] {
        position: absolute;
        bottom: 0;
        height: auto !important;
        width: 90% !important;
    }
}

@media (max-width: 400px) {
    .carousel[b-45rnzobg77] {
        height: calc(500px + 120vw) !important;
    }

    .carousel-prev-next-btn[b-45rnzobg77] {
        width: 45px;
    }

    .carousel-item-content-container[b-45rnzobg77] {
        width: 72%;
    }
}

@media (max-width: 300px) {
    .carousel[b-45rnzobg77] {
        height: calc(600px + 120vw) !important;
    }
}
/* /Shared/Components/CarouselComponent.razor.rz.scp.css */
.carousel[b-hh2wttj12u] {
    width: 100%;
    height: 600px;
}

.carousel-inner[b-hh2wttj12u] {
    height: 100%;
    display: flex;
}

.carousel-item[b-hh2wttj12u] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8%;
    padding: 1px;
    position: absolute;
    opacity: 0.001;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease-out, opacity 0.2s ease-out;
}

    .carousel-item img[b-hh2wttj12u] {
        height: auto;
        width: 80%;
    }

.carousel-img[b-hh2wttj12u] {
    display: initial;
}

.carousel-img-m[b-hh2wttj12u] {
    display: none;
}

.carousel-item-title[b-hh2wttj12u] {
    color: white;
    position: absolute;
    margin-left: 180px;
    width: 400px;
    z-index: 2;
}

.carousel-active[b-hh2wttj12u] {
    opacity: 1;
}

.carousel-prev-next-btn[b-hh2wttj12u] {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 20px;
    top: 40%;
    height: 60px;
    transition: all 0.2s ease-out;
    width: 60px;
    z-index: 2;
}

    .carousel-prev-next-btn:hover[b-hh2wttj12u] {
        scale: 1.1;
        filter: sepia(1);
    }

    .carousel-prev-next-btn img[b-hh2wttj12u] {
        height: auto;
        width: 95%;
    }

.carousel-prev[b-hh2wttj12u] {
    left: 0;
}

.carousel-next[b-hh2wttj12u] {
    right: 0;
    transform: rotate(180deg);
}

.carousel-prev-outset[b-hh2wttj12u] {
    left: -32%;
}

.carousel-next-outset[b-hh2wttj12u] {
    right: -32%;
}

.carousel-prev-outset-s[b-hh2wttj12u] {
    left: -2%;
}

.carousel-next-outset-s[b-hh2wttj12u] {
    right: -2%;
}


@media (max-width: 999px) {
    .carousel[b-hh2wttj12u] {
        height: 120vw;
        max-height: 800px;
    }

    .carousel-prev-outset[b-hh2wttj12u] {
        left: -35%;
    }

    .carousel-next-outset[b-hh2wttj12u] {
        right: -35%;
    }

    .carousel-prev-outset-s[b-hh2wttj12u] {
        top: 30%;
        left: -5%;
    }

    .carousel-next-outset-s[b-hh2wttj12u] {
        top: 30%;
        right: -5%;
    }

    .carousel-item[b-hh2wttj12u] {
        flex-direction: column;
        align-items: center !important;
    }

    .carousel-img[b-hh2wttj12u] {
        display: none;
    }

    .carousel-img-m[b-hh2wttj12u] {
        position: absolute;
        bottom: 0;
        height: auto !important;
        width: 70% !important;
        display: initial;
    }
}

@media (max-width: 600px) {
    .carousel-prev-next-btn[b-hh2wttj12u] {
        top: 30%;
        width: 50px;
    }

    .carousel-prev[b-hh2wttj12u] {
        left: min(-5%, -25px);
    }

    .carousel-next[b-hh2wttj12u] {
        right: min(-5%, -25px);
    }

    .carousel-prev-outset[b-hh2wttj12u] {
        left: -43%;
    }

    .carousel-next-outset[b-hh2wttj12u] {
        right: -43%;
    }

    .carousel-prev-outset-s[b-hh2wttj12u] {
        left: -18%;
        top: 18%;
    }

    .carousel-next-outset-s[b-hh2wttj12u] {
        right: -18%;
        top: 18%;
    }

    .carousel-img-m[b-hh2wttj12u] {
        position: absolute;
        bottom: 0;
        height: auto !important;
        width: 90% !important;
    }
}

@media (max-width: 400px) {
    .carousel-prev-outset-s[b-hh2wttj12u] {
        left: -28%;
        top: 10%;
    }

    .carousel-next-outset-s[b-hh2wttj12u] {
        right: -28%;
        top: 10%;
    }
}
/* /Shared/Components/CarouselSplitView.razor.rz.scp.css */
.carousel-sv-content-container[b-p3fm1sjz6k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.carousel-sv-carousel-content-container[b-p3fm1sjz6k] {
        background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 50%;
    padding-block: 80px;
}

.carousel[b-p3fm1sjz6k] {
    width: 100%;
    height: 600px;
}

.carousel-inner[b-p3fm1sjz6k] {
    height: 100%;
    display: flex;
}

.carousel-item[b-p3fm1sjz6k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8%;
    padding: 1px;
    position: absolute;
    opacity: 0.001;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease-out, opacity 0.2s ease-out;
}

    .carousel-item img[b-p3fm1sjz6k] {
        height: auto;
        width: 80%;
    }

.carousel-img[b-p3fm1sjz6k] {
    display: initial;
}

.carousel-img-m[b-p3fm1sjz6k] {
    display: none;
}

.carousel-item-title[b-p3fm1sjz6k] {
    color: white;
    position: absolute;
    margin-left: 180px;
    width: 400px;
    z-index: 2;
}

.carousel-active[b-p3fm1sjz6k] {
    opacity: 1;
}

.carousel-prev-next-btn[b-p3fm1sjz6k] {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 20px;
    top: 40%;
    height: 60px;
    transition: all 0.2s ease-out;
    width: 60px;
    z-index: 2;
}

    .carousel-prev-next-btn:hover[b-p3fm1sjz6k] {
        scale: 1.1;
        filter: sepia(1);
    }

    .carousel-prev-next-btn img[b-p3fm1sjz6k] {
        height: auto;
        width: 95%;
    }

.carousel-prev[b-p3fm1sjz6k] {
    left: 0;
}

.carousel-next[b-p3fm1sjz6k] {
    right: 0;
    transform: rotate(180deg);
}

.carousel-prev-outset[b-p3fm1sjz6k] {
    left: -32%;
}

.carousel-next-outset[b-p3fm1sjz6k] {
    right: -32%;
}

.carousel-prev-outset-s[b-p3fm1sjz6k] {
    left: -2%;
}

.carousel-next-outset-s[b-p3fm1sjz6k] {
    right: -2%;
}

@media (max-width: 999px) {
    .carousel[b-p3fm1sjz6k] {
        height: 120vw;
        max-height: 800px;
    }

    .carousel-prev-outset[b-p3fm1sjz6k] {
        left: -35%;
    }

    .carousel-next-outset[b-p3fm1sjz6k] {
        right: -35%;
    }

    .carousel-prev-outset-s[b-p3fm1sjz6k] {
        top: 30%;
        left: -5%;
    }

    .carousel-next-outset-s[b-p3fm1sjz6k] {
        top: 30%;
        right: -5%;
    }

    .carousel-item[b-p3fm1sjz6k] {
        flex-direction: column;
        align-items: center !important;
    }
}

@media (max-width: 799px) {
    .carousel-sv-content-container[b-p3fm1sjz6k] {
        flex-direction: column-reverse;
    }

    .carousel-sv-carousel-content-container[b-p3fm1sjz6k] {
        padding-block: 2px;
        width: 100% !important;
    }

    .carousel-sv-static-content-container[b-p3fm1sjz6k] {
        margin-block: 160px 180px;
        width: 100%;
    }

    .carousel-sv-flourish-upper[b-p3fm1sjz6k] {
        max-width: 375px;
        margin-inline: auto;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .carousel-prev-next-btn[b-p3fm1sjz6k] {
        top: 30%;
        width: 50px;
    }

    .carousel-prev[b-p3fm1sjz6k] {
        left: min(-5%, -25px);
    }

    .carousel-next[b-p3fm1sjz6k] {
        right: min(-5%, -25px);
    }

    .carousel-prev-outset[b-p3fm1sjz6k] {
        left: -43%;
    }

    .carousel-next-outset[b-p3fm1sjz6k] {
        right: -43%;
    }

    .carousel-prev-outset-s[b-p3fm1sjz6k] {
        left: -18%;
        top: 18%;
    }

    .carousel-next-outset-s[b-p3fm1sjz6k] {
        right: -18%;
        top: 18%;
    }

    .carousel-img-m[b-p3fm1sjz6k] {
        position: absolute;
        bottom: 0;
        height: auto !important;
        width: 90% !important;
    }
}

@media (max-width: 400px) {
    .carousel-prev-outset-s[b-p3fm1sjz6k] {
        left: -28%;
        top: 10%;
    }

    .carousel-next-outset-s[b-p3fm1sjz6k] {
        right: -28%;
        top: 10%;
    }
}

/* TODO: Hard coded elements to be moved out in the furtre */
.ptu-bg-container[b-p3fm1sjz6k] {
    background-color: var(--brown-250);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ptu-content-container[b-p3fm1sjz6k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ptu-title-container[b-p3fm1sjz6k] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: clamp(50px, 150px, 10vw) 250px;
    padding: 10px;
    width: 50%;
}

.ptu-flourish-lower[b-p3fm1sjz6k],
.ptu-title-container-header[b-p3fm1sjz6k] {
    position: absolute;
    width: 100%;
}

.ptu-flourish-upper[b-p3fm1sjz6k] {
    max-width: 800px;
    width: 100%;
    margin-inline: auto;
}

.ptu-title-container-header[b-p3fm1sjz6k] {
    top: clamp(-148px, -50px, -11vw);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ptu-flourish-lower[b-p3fm1sjz6k] {
    position: absolute;
    bottom: -210px;
    max-width: 800px;
}

.ptu-number-container[b-p3fm1sjz6k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.ptu-number-container-number[b-p3fm1sjz6k] {
    border-bottom: 5px solid transparent;
    color: var(--bazaar-orange) !important;
    font-family: var(--font-sud) !important;
    margin-inline: unset !important;
    transition: var(--default-transition);
    cursor: pointer;
}

.ptu-number-container-number-active[b-p3fm1sjz6k] {
    border-bottom: 5px solid var(--bazaar-orange) !important;
    transition: var(--default-transition);
}

.ptu-image-container[b-p3fm1sjz6k] {
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 50%;
    padding-block: clamp(50px, 150px, 10vw) 250px;
}

.ptu-player-title-image[b-p3fm1sjz6k] {
    width: 375px;
}

.ptu-title-container h1[b-p3fm1sjz6k] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud);
    max-width: 300px;
    margin-inline: auto;
}

.ptu-title-container p[b-p3fm1sjz6k] {
    color: var(--tan-700);
    font-family: var(--font-merriweather);
    max-width: 450px;
    margin-inline: auto;
}

.ptu-btn-continer[b-p3fm1sjz6k] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
}

.ptu-btn[b-p3fm1sjz6k] {
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

    .ptu-btn:hover[b-p3fm1sjz6k] {
        opacity: 0;
    }


@media (max-width: 999px) {
    .ptu-flourish-lower[b-p3fm1sjz6k] {
        bottom: -210px;
    }
}

@media (max-width: 799px) {
    .ptu-content-container[b-p3fm1sjz6k] {
        flex-direction: column-reverse;
    }

    .ptu-title-container[b-p3fm1sjz6k],
    .ptu-image-container[b-p3fm1sjz6k] {
        width: 100%;
    }

    .ptu-title-container[b-p3fm1sjz6k] {
        margin-block: 160px 180px;
    }

    .ptu-image-container[b-p3fm1sjz6k] {
        padding-block: 100px 200px;
    }

    .ptu-flourish-upper[b-p3fm1sjz6k],
    .ptu-flourish-lower[b-p3fm1sjz6k] {
        max-width: 375px;
        margin-inline: auto;
        width: 100%;
    }

    .ptu-flourish-lower[b-p3fm1sjz6k] {
        bottom: -100px;
    }

    .ptu-title-container-header[b-p3fm1sjz6k] {
        top: -158px;
    }
}

@media (max-width: 313px) {
    .ptu-flourish-lower[b-p3fm1sjz6k] {
        bottom: -75px;
    }
}
/* /Shared/Components/CopyTextComponent.razor.rz.scp.css */
.textbox-container[b-c73faztnld] {
    position: relative;
}

    .textbox-container input[type="text"][b-c73faztnld] {
        padding-right: 40px;
    }

    .textbox-container button[b-c73faztnld] {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 5px 10px;
    }

.copy-button[b-c73faztnld] {
    display: flex;
    align-items: center;
    background-color: transparent;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    outline: none;
}

    .copy-button .icon[b-c73faztnld] {
        width: 20px;
        height: 20px;
        position: relative;
        display: inline-block;
        margin-right: 8px;
    }

        .copy-button .icon[b-c73faztnld]::before,
        .copy-button .icon[b-c73faztnld]::after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            border: 2px solid #262126;
            background-color: #D78347;
            border-radius: 2px;
        }

        .copy-button .icon[b-c73faztnld]::before {
            top: 0;
            left: 4px;
        }

        .copy-button .icon[b-c73faztnld]::after {
            top: -4px;
            left: 0;
            background-color: #D78347;
        }
/* /Shared/Components/FormExample.razor.rz.scp.css */
.signin-main[b-vku8rtiad2] {
    background-color: var(--grey-200);
    height: 100%;
    position: relative;
    overflow: auto;
}
.signin-container[b-vku8rtiad2]{
    display:flex;
    margin:15% 5%;
    position:relative
}
.signin-welcome-title[b-vku8rtiad2] {
    color:white;
}
.signin-welcome-subtitle[b-vku8rtiad2] {
    display: flex;
    align-items: baseline;
    gap: 1em;
    font-size: max(min(1.5vw,20px),16px);
    margin-bottom: 40px;
}
.signin-welcome-subtitle-text[b-vku8rtiad2] {
    color: white;
    margin:0;
}
.signin-welcome-icon[b-vku8rtiad2]{
    height:1em;
    display:inline-block;
}
.signin-welcome-subtitle-link[b-vku8rtiad2] {
    color: var(--orange-500);
    text-decoration: none;
}


@media only screen and (max-width: 768px) {
    .signin-container[b-vku8rtiad2] {
        margin: 15% 0%;
    }
}
/* /Shared/Components/FoundersPackShippingScreen.razor.rz.scp.css */
.founders-pack-shipping-screen-container[b-l4x3efybni] {
    background-color: var(--brown-315);
    padding: 10px 20px;
    margin: auto;
    max-width: 90vw;
}

    .founders-pack-shipping-screen-container article[b-l4x3efybni] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

.founders-pack-shipping-screen-header[b-l4x3efybni] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .founders-pack-shipping-screen-header p[b-l4x3efybni],
    .founders-pack-shipping-screen-header h2[b-l4x3efybni] {
        color: var(--gold-600);
        font-family: var(--font-sud);
        font-size: max(min(4vw, 24px), 12px);
        letter-spacing: 1px;
        margin-block: 10px;
    }

    .founders-pack-shipping-screen-header hr[b-l4x3efybni] {
        flex-grow: 1;
        margin-inline: 10px;
    }

.founders-pack-shipping-screen-description[b-l4x3efybni],
.founders-pack-shipping-screen-opt-out[b-l4x3efybni] {
    color: var(--tan-700);
    font-family: var(--font-merriweather);
    font-size: 14px;
    text-align: center;
    text-wrap: balance;
    max-width: 500px;
}

.founders-pack-shipping-screen-opt-out[b-l4x3efybni] {
    font-size: 12px;
    margin-top: 20px;
}

    .founders-pack-shipping-screen-opt-out button[b-l4x3efybni] {
        border: none;
        background-color: transparent;
        color: var(--gold-600);
        padding-inline: 2px;
        text-decoration: underline;
    }
/* /Shared/Components/ModalWrapper.razor.rz.scp.css */
.modal-parent-wrapper[b-lmfuoyl3z8] {
    position: fixed;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 10;
}

.modal-wrapper[b-lmfuoyl3z8],
.modal-bg-wrapper[b-lmfuoyl3z8] {
    position: fixed;
    padding: 10vh 10vw 10vh;
    height: 100vh;
    width: 100vw;
    z-index: 10;
}

.modal-wrapper[b-lmfuoyl3z8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: auto;
    height: auto;
    width: auto;
}

.modal-wrapper-content[b-lmfuoyl3z8] {
    background: var(--tan-700);
    border-radius: 20px;
    position: relative;
    padding: clamp(20px, 50px, 5%);
    height: 100%;
    max-height: 2000px;
    max-width: 2000px;
    width: 100%;
}

.modal-wrapper-close[b-lmfuoyl3z8] {
    aspect-ratio: 1/1;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    font-size: 40px;
    height: 50px;
    width: 50px;
    transition: all 0.2s ease-out;
}

    .modal-wrapper-close:hover[b-lmfuoyl3z8] {
        background: #fffa;
        transform: scale(1.1);
    }

.modal-wrapper-footer[b-lmfuoyl3z8],
.modal-wrapper-header[b-lmfuoyl3z8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-wrapper-footer[b-lmfuoyl3z8] {
    position: absolute;
    bottom: 10px;
}
/* /Shared/Components/NewsletterSignup.razor.rz.scp.css */
.nl-container[b-13jfmvjhco] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 550px;
    width: 80vw;
}

.nl-signup-subsribe-btn[b-13jfmvjhco] {
    background-color: transparent;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    color: white;
    font-size: 18px;
    letter-spacing: 2px;
    text-shadow: 0 1px 6px #0007;
    height: min(min(10vh, 10vw), 80px);
    min-height: 60px;
    width: 35%;
}

    .nl-signup-subsribe-btn:disabled:hover[b-13jfmvjhco],
    .nl-signup-subsribe-btn:disabled[b-13jfmvjhco] {
        color: #fffa;
        cursor: not-allowed;
        pointer-events: visible;
    }

    .nl-signup-error-container[b-13jfmvjhco] {
        min-height: 89px;
            margin-bottom: -10%;
        width: 80%;
    }

        .nl-signup-error-container p[b-13jfmvjhco] {
            font-size: 12px;
            margin-block: 4px 2px;
        }

    .nl-signup-error-response[b-13jfmvjhco] {
        color: var(--orange-300);
        font-size: 14px !important;
    }

@media (max-width: 999px) {
    .nl-container[b-13jfmvjhco] {
        flex-direction: column;
        gap: 10px;
        width: 95vw;
    }

    .nl-signup-subsribe-btn[b-13jfmvjhco] {
        width: 50%;
    }

    .nl-signup-error-container[b-13jfmvjhco] {
        min-height: unset;
    }
}
/* /Shared/Components/PageTitleComponent.razor.rz.scp.css */
.ptc-title-container[b-8j315xt93o] {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: var(--brown-225) !important;
    background-blend-mode: soft-light;
    color: var(--tan-800);
    text-align: center;
    width: 100%;
}

    .ptc-title-container h1[b-8j315xt93o] {
        font-family: 'SudWebRegular', Helvetica, sans-serif;
        font-size: max(min(4vw, 40px), 22px);
        padding-block: 10% 4%;
        margin-bottom: 0;
        text-shadow: 0 0 2px black;
    }

.ptc-carpet-banner[b-8j315xt93o] {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 50px;
    width: 100%;
}
/* /Shared/Components/ReCAPTCHA.razor.rz.scp.css */
.recaptcha[b-5lohwkw49i] {
    text-align: center;
}

.recaptcha-loading-container p[b-5lohwkw49i],
.recaptcha-loading-container .spinner-border[b-5lohwkw49i] {
    color: white;
}
/* /Shared/Components/ShippingCountrySelect.razor.rz.scp.css */
.founders-country-select-container[b-8hmqu06jy6] {
    color: var(--tan-700);
    margin-bottom: 10px;
    width: 100%;
}

    .founders-country-select-container label[b-8hmqu06jy6] {
        color: var(--gold-600);
        font-size: max(min(1.5vw, 14px), 10px);
    }

.founders-country-select-dropdown-container[b-8hmqu06jy6] {
    position: relative;
}

    .founders-country-select-dropdown-container[b-8hmqu06jy6]::after {
        content: "▼";
        font-size: 0.8rem;
        top: 20px;
        right: 12px;
        position: absolute;
        pointer-events: none;
        transform: scaleX(1.2);
    }

.founders-country-select-select[b-8hmqu06jy6] {
    -webkit-appearance: none;
    appearance: none;
    padding-inline: 12px 30px;
    font-size: max(min(3vw, 14px), 10px);
    border: none;
    background-color: var(--brown-100);
    background-image: none;
    color: inherit;
}

    .founders-country-select-select option[b-8hmqu06jy6] {
        background-color: var(--brown-100);
    }

@media (max-width: 499px) {
    .founders-country-select-container label[b-8hmqu06jy6] {
        font-size: 9px;
    }

    .founders-country-select-dropdown-container[b-8hmqu06jy6]::after {
        top: 2px;
    }

    .founders-country-select-select[b-8hmqu06jy6] {
        font-size: 10px;
        padding-block: 2px;
        padding-inline: 4px 20px;
    }
}
/* /Shared/Components/StateDropDown.razor.rz.scp.css */
body[b-0ero4hw8kl] {
    background-color: #222;
    color: #FFCC99;
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
}

.dropdown-container[b-0ero4hw8kl] {
    position: relative;
    display: inline-block;
    font-family: Inter;
    width: 200px;
}

.dropdown-label[b-0ero4hw8kl] {
    color: #A56838;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    position: absolute;
    top: 16px;
    left: 10px;
    pointer-events: none;
}

.select-wrapper[b-0ero4hw8kl] {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-container select[b-0ero4hw8kl] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #373237;
    color: #FFCC99;
    border: none;
    padding: 20px 50px 10px 10px;
    font-size: 16px;
    border-radius: 4px;
    width: 100%;
}

    .dropdown-container select:focus[b-0ero4hw8kl] {
        background-color: #262126;
        outline: none;
    }

.dropdown-container .chevron[b-0ero4hw8kl] {
    position: absolute;
    top: 45%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 24px;
    line-height: 24px;
}

.dropdown-container.select-focused .dropdown-label[b-0ero4hw8kl],
.dropdown-container.has-value .dropdown-label[b-0ero4hw8kl] {
    top: 7px;
    font-size: 10px;
    color: #A56838;
}
/* /Shared/Components/YouTubeEmbed.razor.rz.scp.css */
.yt-embed-main-container[b-yhmavagx2f] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    position: relative;
    width: 70vw;
}

    .yt-embed-main-container iframe[b-yhmavagx2f] {
        aspect-ratio: 16 / 9; 
        border: none; 
        border-radius: 20px;
        margin: 20px;
        height: auto;
        width: 100%;
    }

.yt-embed-scooped-border[b-yhmavagx2f] {
    background-repeat: no-repeat;
    border: solid 2px;
    position: absolute;
    opacity: 0.5; 
    pointer-events: none;
    height: 100%;
    width: 100%;
}

.yt-embed-corner[b-yhmavagx2f] {
    height: 20px;
    width: 20px;
    position: absolute;
}

#yt-embed-top-left-corner[b-yhmavagx2f] {
    left: -2px;
    top: -2px;
    border-radius: 0 0 20px 0;
    border-bottom: 2px solid;
    border-right: 2px solid;
}

#yt-embed-top-right-corner[b-yhmavagx2f] {
    right: -2px;
    top: -2px;
    border-radius: 0 0 0 20px;
    border-bottom: 2px solid;
    border-left: 2px solid;
}

#yt-embed-bottom-left-corner[b-yhmavagx2f] {
    left: -2px;
    bottom: -2px;
    border-radius: 0 20px 0 0;
    border-top: 2px solid;
    border-right: 2px solid;
}

#yt-embed-bottom-right-corner[b-yhmavagx2f] {
    right: -2px;
    bottom: -2px;
    border-radius: 20px 0 0 0;
    border-top: 2px solid;
    border-left: 2px solid;
}
/* /Shared/Elements/CtaButton.razor.rz.scp.css */
.cta-button-container[b-e2i9vaqwfw] {
    width: 100%;
}

.cta-button[b-e2i9vaqwfw] {
    border: none;
    border-radius: 6px;
    background: var(--btn-gold-bg-inactive);
    color: var(--btn-gold-text-inactive);
    font-family: var(--font-inter);
    font-size: max(min(4vw, 18px), 12px);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    transition: var(--default-transition);
    height: 50px;
    width: 100%;
}

    .cta-button:active:enabled[b-e2i9vaqwfw],
    .cta-button:hover:enabled[b-e2i9vaqwfw] {
        background: var(--btn-gold-bg-active);
    }

    .cta-button:active:enabled[b-e2i9vaqwfw] {
        transform: scale(0.95);
    }

    .cta-button:disabled[b-e2i9vaqwfw] {
        background: var(--btn-gold-bg-disabled);
        cursor: not-allowed;
    }


.cta-button-outlined[b-e2i9vaqwfw] {
    border: 1px solid var(--btn-gold-bg-inactive);
    border-radius: 6px;
    background: transparent;
    color: var(--btn-gold-bg-inactive);
    font-family: var(--font-inter);
    font-size: max(min(4vw, 18px), 12px);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    transition: var(--default-transition);
    height: 50px;
    width: 100%;
}

    .cta-button-outlined:active:enabled[b-e2i9vaqwfw],
    .cta-button-outlined:hover:enabled[b-e2i9vaqwfw] {
        border: 1px solid var(--btn-gold-bg-active);
        background: var(--btn-gold-bg-active);
        color: var(--btn-gold-text-inactive);
    }

    .cta-button-outlined:active:enabled[b-e2i9vaqwfw] {
        transform: scale(0.95);
    }

    .cta-button-outlined:disabled[b-e2i9vaqwfw] {
        border: 1px solid var(--btn-gold-bg-disabled);
        cursor: not-allowed;
    }
/* /Shared/Elements/InputCheckboxWithLink.razor.rz.scp.css */
.container[b-h0bbhjiwuc] {
    display: flex;
    align-items: center;
    padding-inline: 0;
}

.checkbox-container[b-h0bbhjiwuc] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    margin-block: 4px 10px;
}

    .checkbox-container input[b-h0bbhjiwuc] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.acknowledge-text[b-h0bbhjiwuc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: var(--font-interstate);
    text-align: left;
    width: 100%;
    color: #DCAA7D;
}

.checkmark[b-h0bbhjiwuc] {
    height: 20px;
    width: 20px;
    background-color: #444;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.checkbox-container input:checked + .checkmark[b-h0bbhjiwuc] {
    background-color: #352F35;
}

.checkmark[b-h0bbhjiwuc]::after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid var(--gold-600);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.checkbox-container input:checked + .checkmark[b-h0bbhjiwuc]::after {
    display: block;
}

.inline-link[b-h0bbhjiwuc] {
    color: var(--gold-600);
    margin-left: 5px;
}

    .inline-link:hover[b-h0bbhjiwuc] {
        color: var(--tan-925);
    }
/* /Shared/Elements/InputTextField.razor.rz.scp.css */
/* 
    NOTE: Some input styling (appearance, color, webkit, etc) cannot be scoped this way
    and is instead done on a global stylesheet.  This is so we can cascade the style
    into the shadow DOM, which would be inaccessible to this scoped style.
*/

.input-text-field-label[b-6yqe9d9k1a] {
    font-family: var(--font-interstate);
    font-size: 12px;
    font-weight: 700;
    line-height: 14.52px;
    text-align: left;
    color: var(--input-label-brown-inactive);
    text-transform: uppercase;
}

.input-text-field-buttons-container[b-6yqe9d9k1a] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: end;
    gap: 10px;
    height: 54px;
}

.input-text-field-password-toggle[b-6yqe9d9k1a] {
    position: relative;
    aspect-ratio: 1;
    height: 100%;
}

    .input-text-field-password-toggle button[b-6yqe9d9k1a] {
        background-color: transparent;
        border: none;
        color: var(--input-text-brown-inactive);
        aspect-ratio: 1;
        height: 100%;
        transition: color 0.2s ease-out, transform 0.2s ease-out;
    }

    .input-text-field-password-toggle button:hover[b-6yqe9d9k1a] {
        color: var(--input-text-brown-active);
    }

    .input-text-field-password-toggle button:active[b-6yqe9d9k1a] {
        transform: scale(0.9);
    }


@media (max-width: 499px) {
    .input-text-field-buttons-container[b-6yqe9d9k1a] {
        background: var(--input-bg-brown-inactive);
        height: 54px;
    }

    .input-text-field-password-toggle button[b-6yqe9d9k1a],
    .input-text-field-password-toggle[b-6yqe9d9k1a] {
        max-width: 40px;
    }
}
/* /Shared/Graphics/ScoopedBorder.razor.rz.scp.css */
.sb-main-container[b-wzscn8xfi6] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    position: relative;
    width: 70vw;
}

.sb-scooped-border[b-wzscn8xfi6] {
    background-repeat: no-repeat;
    border: solid 2px;
    position: absolute;
    opacity: 0.5; 
    pointer-events: none;
    height: 100%;
    width: 100%;
}

.sb-corner[b-wzscn8xfi6] {
    height: 20px;
    width: 20px;
    position: absolute;
}

#sb-top-left-corner[b-wzscn8xfi6] {
    left: -2px;
    top: -2px;
    border-radius: 0 0 20px 0;
    border-bottom: 2px solid;
    border-right: 2px solid;
}

#sb-top-right-corner[b-wzscn8xfi6] {
    right: -2px;
    top: -2px;
    border-radius: 0 0 0 20px;
    border-bottom: 2px solid;
    border-left: 2px solid;
}

#sb-bottom-left-corner[b-wzscn8xfi6] {
    left: -2px;
    bottom: -2px;
    border-radius: 0 20px 0 0;
    border-top: 2px solid;
    border-right: 2px solid;
}

#sb-bottom-right-corner[b-wzscn8xfi6] {
    right: -2px;
    bottom: -2px;
    border-radius: 20px 0 0 0;
    border-top: 2px solid;
    border-left: 2px solid;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-czzveh3c8b] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 300px;
    padding-top: 112px;
    min-height: 100vh;
}

main[b-czzveh3c8b] {
    display: flex;
    flex: 1;
    justify-content: center;
}
@media (max-width: 999px) {
    .page[b-czzveh3c8b] {
        padding-top: 56px;
    }
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-czzveh3c8b] {
        display: none;
    }

    .top-row.auth[b-czzveh3c8b] {
        justify-content: space-between;
    }

    .top-row[b-czzveh3c8b]  a, .top-row[b-czzveh3c8b]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .navbar-container[b-czzveh3c8b] {
        height: 80px;
        top: 0;
    }

    .top-row[b-czzveh3c8b] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-czzveh3c8b]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-czzveh3c8b] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 999px) {
    .page[b-czzveh3c8b] {
        padding-bottom: 450px;
    }
}
/* /Shared/Maintenance.razor.rz.scp.css */
.maintenance-content-container[b-mrv4drpi09] {
    background-color: var(--brown-350);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-block: 100px 150px;
    width: 100%;
}

.maintenance-text-container[b-mrv4drpi09] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    text-align: center;
    max-width: 500px;
    width: 90%;
}

    .maintenance-text-container h1[b-mrv4drpi09] {
        color: var(--bazaar-orange);
        font-family: 'SudWebRegular', Helvetica, sans-serif;
        font-size: max(min(4vw, 60px), 26px);
    }

    .maintenance-text-container a[b-mrv4drpi09],
    .maintenance-text-container p[b-mrv4drpi09] {
        color: white;
        font-family: 'OpenSans', Helvetica, sans-serif;
        font-size: max(min(3vw, 16px), 12px);
    }

.maintenance-image[b-mrv4drpi09] {
    height: auto;
    max-width: 800px;
    width: 60%;
}

@media (max-width: 999px) {
    .maintenance-title-container[b-mrv4drpi09] {
        padding-block: 50px;
    }

    .maintenance-content-container[b-mrv4drpi09] {
        padding-block: 50px 100px;
    }
}
/* /Shared/Navigation/Footer.razor.rz.scp.css */
footer h2[b-jbjnyziql7] {
    color: var(--bazaar-orange);
    font-size: 16px;
    line-height: 24px;
}

footer a[b-jbjnyziql7] {
    color: var(--tan-750);
    font-family: var(--font-interstate);
    font-size: 14px;
    text-decoration: none;
    transition: color 0.25s ease-out;
}

footer a:hover[b-jbjnyziql7] {
    color: white;
    text-decoration: underline;
}

footer p[b-jbjnyziql7] {
    color: var(--brown-750);
    font-family: var(--font-interstate);
    font-size: 16px;
}

footer[b-jbjnyziql7] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.footer-container[b-jbjnyziql7] {
    background-color: var(--brown-200);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-block: 40px 80px;
    padding-inline: calc(30px + 5vw);
}

.footer-top[b-jbjnyziql7] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.footer-topLeft[b-jbjnyziql7] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

.footer-topRight[b-jbjnyziql7] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.footer-logo-btn[b-jbjnyziql7] {
    cursor: pointer;
    height: 40px;
    width: auto;
    transition: all .2s ease-out;
}

.footer-logo-btn:hover[b-jbjnyziql7] {
    transform: scale(1.1);
}

.footer-bottom[b-jbjnyziql7] {
    display: flex;
    justify-content: space-between;
    padding-block: 20px;
}

.footer-bottom-leftColsContainer[b-jbjnyziql7] {
    display: flex;
    justify-content: space-between;
    width: 30%;
}

.footer-bottom-leftCols[b-jbjnyziql7] {
    display: flex;
    flex-direction: column;
}

.footer-borderBottom[b-jbjnyziql7] {
    border-bottom: 1px solid var(--brown-450);
    padding-bottom: 4px;
}

p.footer-borderBottom[b-jbjnyziql7] {
    text-align: right;
}

.footer-bottom-legalLinks a[b-jbjnyziql7],
.footer-bottom-legalLinks[b-jbjnyziql7] {
    color: var(--brown-750);
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

@media (max-width: 999px) {
    footer h2[b-jbjnyziql7] {

    }

    footer a[b-jbjnyziql7],
    footer p[b-jbjnyziql7] {
        font-size: 12px;
    }

    .footer-container[b-jbjnyziql7] {
        background-color: var(--brown-200);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        padding-block: 40px;
        padding-inline: 4px;
    }

    .footer-top[b-jbjnyziql7] {
        flex-direction: column;
    }

    .footer-topLeft[b-jbjnyziql7] {
        padding-bottom: 20px;
    }

    .footer-bottom[b-jbjnyziql7] {
        align-items: center;
        flex-direction: column;
    }

    .footer-bottom-leftColsContainer[b-jbjnyziql7] {
        padding-bottom: 20px;
        width: 60%;
    }

    .footer-bottom-leftCols[b-jbjnyziql7] {
        gap: 6px;
    }

    .footer-borderBottom[b-jbjnyziql7] {
        padding-left: 0 !important;
        text-align: center;
    }

    p.footer-borderBottom[b-jbjnyziql7] {
        text-align: center;
    }

    .footer-bottom-legalLinks[b-jbjnyziql7] {
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }
}
/* /Shared/Navigation/NavMenu.razor.rz.scp.css */
.navbar-container[b-rs3fp28b26] {
    background-color: #171a21;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    position: fixed;
    top: 0;
    height: 112px;
    width: 100%;
    z-index: 10;
}

.navbar-logo-anchor[b-rs3fp28b26] {
    height: 70px;
    width: auto;
    margin-block: auto;
    margin-inline: 20px;
    transition: transform 0.2s ease-out;
}

    .navbar-logo-anchor:hover[b-rs3fp28b26] {
        transform: scale(1.1);
    }

    .navbar-logo-anchor img[b-rs3fp28b26] {
        height: 100%;
        width: auto;
    }

.navbar-links-container[b-rs3fp28b26] {
    border-left: 1px solid var(--brown-475);
    display: flex;
    flex-direction: column;
    width: 100%;
}

.navbar-row[b-rs3fp28b26] {
    height: 56px;
    display: flex;
    align-items: center;
}
    .navbar-row[b-rs3fp28b26]  a, .navbar-row[b-rs3fp28b26]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
    }

        .navbar-row[b-rs3fp28b26]  a:first-child {
            text-overflow: ellipsis;
        }

.nav-content-container[b-rs3fp28b26] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    height: 56px;
    width: 100%;
}

nav[b-rs3fp28b26] {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}

.navbar[b-rs3fp28b26] {
    padding-block: 0;
    padding-inline: 8px 24px;
}

.navbar-bazaar[b-rs3fp28b26] {
    background-color: transparent;
    border-top: 1px solid var(--brown-475);
}

.nav-container-left[b-rs3fp28b26] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    max-width: 550px;
    width: 100%;
    z-index: 1;
}

.navbar-toggler[b-rs3fp28b26] {
    color: white;
    position: absolute;
    right: 20px;
    top: -50px;
}

    .navbar-toggler:hover[b-rs3fp28b26] {
        background-color: #fff1;
    }

.mobile-nav-backdrop[b-rs3fp28b26] {
    background: linear-gradient(#140b04fc, #21191bea);
    position: absolute;
    left: -1px;
    top: 0;
    height: 100vh;
    width: 101vw;
    overflow: hidden;
    z-index: 2;
}

.mobile-nav[b-rs3fp28b26] {
    z-index: 2;
}

.oi[b-rs3fp28b26] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-items-container-right[b-rs3fp28b26] {
    display: flex;
    justify-content: flex-end;
}

.nav-item[b-rs3fp28b26] {
    font-size: 16px;
    padding: 0 1%;
    width: 100%;
}

    .nav-item[b-rs3fp28b26]  a {
        color: var(--tan-500);
        font-family: var(--font-freightNeoPro);
        border-radius: 10px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        margin-bottom: 2px;
    }

        .nav-item[b-rs3fp28b26]  a.active {
            background-color: var(--brown-475);
            color: var(--bazaar-orange);
        }

        .nav-item[b-rs3fp28b26]  a:hover {
            background-color: var(--brown-475);
            color: var(--bazaar-orange);
        }

.nav-container-left .nav-item[b-rs3fp28b26]  a.active {
    background-color: var(--brown-475);
}

.nav-container-left .nav-item[b-rs3fp28b26]  a:hover {
    background-color: var(--brown-475);
}
.nav-item-pre-reg[b-rs3fp28b26]  a:active,
.nav-item-pre-reg[b-rs3fp28b26]  a {
    background-color: var(--bazaar-orange) !important;
    color: var(--brown-200) !important;
    text-shadow: none !important;
}

.nav-item-pre-reg[b-rs3fp28b26]  a:hover {
    background-color: var(--tan-500) !important;
}

.nav-item-founders[b-rs3fp28b26]  a:active,
.nav-item-founders[b-rs3fp28b26]  a {
    background-color: var(--tan-500) !important;
    color: var(--brown-200) !important;
    text-shadow: none !important;
}

    .nav-item-founders[b-rs3fp28b26]  a:hover {
        background-color: var(--bazaar-orange) !important;
    }

.nav-item-login[b-rs3fp28b26]  a:active,
.nav-item-login[b-rs3fp28b26]  a {
    background-color: transparent !important;
    border: 1px solid var(--tan-500);
    color: var(--tan-500) !important;
    text-shadow: none !important;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

    .nav-item-login[b-rs3fp28b26]  a:hover {
        background-color: var(--tan-500) !important;
        color: var(--brown-200) !important;
    }

.nav-item-signup[b-rs3fp28b26]  a:active,
.nav-item-signup[b-rs3fp28b26]  a {
    background-color: transparent !important;
    border: 1px solid var(--bazaar-orange);
    color: var(--bazaar-orange);
    height: auto !important;
    min-height: 36px;
    text-shadow: none !important;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

    .nav-item-signup[b-rs3fp28b26]  a:hover {
        background-color: var(--bazaar-orange) !important;
        color: var(--brown-200) !important;
    }

.nav-item-account-spacer[b-rs3fp28b26] {
    padding-inline: 4px;
}

.nav-socials[b-rs3fp28b26] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    transition: all 0.2s ease-out;
    width: 30%;
}

.nav-socials-icons[b-rs3fp28b26] {
    display: block;
    transition: all 0.2s ease-out;
}

.nav-nl-cta[b-rs3fp28b26] {
    background-color: var(--bazaar-orange);
    color: var(--brown-200);
    border: none;
    border-radius: 8px;
    font-size: 14px;
    height: 36px;
    padding-inline: clamp(10px, 20px, 1vw);
    transition: background-color 0.2s ease-out, transform 0.2s ease-out;
}

    .nav-nl-cta:hover[b-rs3fp28b26] {
        background-color: var(--tan-500);
        transform: scale(1.04);
    }

.nav-nl-modal-main-container[b-rs3fp28b26] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--brown-400);
    padding-block: min(10vh, 5%) 5%;
    padding-inline: 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: min(20px, 1vh);
    text-align: center;
    aspect-ratio: 0.94;
    height: 80vh;
    max-height: 650px;
    min-height: 360px;
    width: auto;
}

    .nav-nl-modal-main-container h1[b-rs3fp28b26] {
        font-family: var(--font-sud);
        font-size: max(min(min(6vw, 5vh), 40px), 18px);
        margin-block: min(5%, 5vh) min(3%, 3vh);
    }

    .nav-nl-modal-main-container p[b-rs3fp28b26] {
        font-size: max(min(min(2vw, 2vh), 16px), 12px);
        max-width: 380px;
        width: min(80vw, 80%);
    }

.nav-gem-btn[b-rs3fp28b26] {
    height: 35px;
    width: 35px;
    margin-right: 2px;
    cursor: pointer;
    transition: all .2s ease-out;
}
    .nav-gem-btn:hover[b-rs3fp28b26] {
        transform: scale(1.1);
    }

.nav-mobile-logo[b-rs3fp28b26] {
    display: none;
    text-align: center;
    margin-block: 20px;
    margin-inline: auto;
    height: auto !important;
    transition: all .2s ease-out;
}

    .nav-mobile-logo:hover[b-rs3fp28b26] {
        transform: scale(1.1);
    }

    .nav-mobile-logo img[b-rs3fp28b26] {
        height: auto;
        width: 130px;
    }

@media (min-width: 1000px) {
    nav[b-rs3fp28b26] {
        position: relative;
        justify-content: space-between;
    }

    .mobile-nav[b-rs3fp28b26],
    .mobile-nav-backdrop[b-rs3fp28b26],
    .navbar-toggler[b-rs3fp28b26] {
        display: none;
    }

    .collapse[b-rs3fp28b26] {
        display: flex;
    }

    nav[b-rs3fp28b26] {
        display: flex;
    }
}

@media (max-width: 1200px) {
    .nav-socials-icons[b-rs3fp28b26] {
        opacity: 0;
        pointer-events: none;
        width: 0;
    }
}

@media (max-width: 999px) {
    .desktop-nav[b-rs3fp28b26] {
        display: none;
    }

    .navbar-container[b-rs3fp28b26] {
        height: 56px;
    }

    .navbar-logo-anchor[b-rs3fp28b26] {
        height: 35px;
    }

    nav[b-rs3fp28b26] {
        position: absolute;
        top: 0;
        z-index: 11;
        overflow-y: auto;
        max-height: 100vh;
    }

    .nav-mobile-container[b-rs3fp28b26] {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        padding-bottom: 80px;
    }

    .nav-item-signup[b-rs3fp28b26]  a {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .nav-item-account-spacer[b-rs3fp28b26] {
        display: none;
    }

    .nav-socials[b-rs3fp28b26] {
        opacity: 0;
        pointer-events: none;
    }

    .nav-item[b-rs3fp28b26] {
        border-bottom: 1px solid #fff7;
        font-size: 24px;
        padding: 4px;
        text-shadow: 0 0 4px #000;
        width: 70vw;
        max-width: 280px;
    }

        .nav-item[b-rs3fp28b26]  a {
            color: white;
            justify-content: center;
        }

    .nav-items-container-right[b-rs3fp28b26] {
        flex-direction: column;
        justify-content: center;
    }


    .nav-container-left[b-rs3fp28b26] {
        flex-direction: column;
    }

        .nav-container-left .nav-item[b-rs3fp28b26]  a:hover,
        .nav-container-left .nav-item[b-rs3fp28b26]  a.active {
            background-color: var(--brown-475);
        }

    .navbar-art-bottom[b-rs3fp28b26] {
        bottom: -10px;
    }

    .mobile-nav-hide[b-rs3fp28b26] {
        display: none;
    }

    .mobile-nav-show[b-rs3fp28b26] {
        display: flex;
    }

    .nav-mobile-logo[b-rs3fp28b26] {
        display: block;
    }
}

@media (max-width: 600px) {
    .nav-socials-icons[b-rs3fp28b26],
    .nav-socials[b-rs3fp28b26] {
        display: none;
    }

    .nav-item[b-rs3fp28b26] {
        font-size: 18px;
    }
}

.nav-button[b-rs3fp28b26] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    border: none;
    border-radius: 8px;
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px; 
}

.nav-btn-type1[b-rs3fp28b26] {
    background-color: #392823;
    border: none !important;
    color: #A56838;
    width: 94px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: center;
    width: 94px;
    height: 28px;
    top: 39px;
    left: 842px;
    gap: 0px;
}

    .nav-button:hover[b-rs3fp28b26] {
        color: var(--tan-900);        
    }
/* /Shared/Sections/Account/AccountDetails.razor.rz.scp.css */
.account-main-section[b-lmiyknsgr6] {
    background-color: var(--brown-150);
    border: 1px solid #614738;
    border-radius: 18px;
    width: 100%;
    outline-offset: 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 4%;
    padding-right: 10%;
}

.account-main h1[b-lmiyknsgr6] {
    font-family: var(--font-sud);
    color: #FFA626;
    font-size: max(min(3vw, 32px), 18px);
    scroll-margin-top: 150px;
}

.account-main-btn[b-lmiyknsgr6] {
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    background-color: transparent;
    color: #EA8E16;
    border: 1px solid #EA8E16;
    border-radius: 10px;
    padding-block: 1%;
    width: 100%;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

    .account-main-btn:hover[b-lmiyknsgr6] {
        font-family: var(--font-interstate);
        font-size: 18.92px;
        font-weight: 700;
        line-height: 22.89px;
        text-align: center;
        border: 1px solid #FFE0B2;
        color: var(--tan-900);
    }

.account-btn-type1[b-lmiyknsgr6] {
    background-color: #392823;
    border: none !important;
    color: #A56838;
    width: 94px;
    font-family: var(--font-interstate);
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: center;
    width: 94px;
    height: 28px;
    top: 39px;
    left: 842px;
    gap: 0px;
}

.account-btn-type2[b-lmiyknsgr6] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    border: none !important;
    margin-top:20px;
}

.error-msg[b-lmiyknsgr6] {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    padding-left: 20px;
    color: #FF603D;
}

    .error-msg[b-lmiyknsgr6]::before {
        content: "x";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #FF603D;
        color: #150F16;
        text-align: center;
        line-height: 11px;
        font-weight: bold;
    }

@media (max-width: 999px) {
    .account-main-section[b-lmiyknsgr6] {
        padding-right: 4%;
    }
}

/*Password Eye Style*/
.position-absolute[b-lmiyknsgr6] {
    position: absolute;
    padding-right: 10px;
}

.end-0[b-lmiyknsgr6] {
    right: 0;
}

.top-50[b-lmiyknsgr6] {
    top: 50%;
}

.translate-middle-y[b-lmiyknsgr6] {
    transform: translateY(-50%);
}

/*Sliding section*/
.primary[b-lmiyknsgr6], .secondary[b-lmiyknsgr6] {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.hidden[b-lmiyknsgr6] {
    display: none;
}

.show[b-lmiyknsgr6] {
    transform: translateX(0);
    opacity: 1;
}

.hide[b-lmiyknsgr6] {
    transform: translateX(-100%);
    opacity: 0;
}
/* /Shared/Sections/Account/AccountLoggedOut.razor.rz.scp.css */
.logout-text[b-kx9zgek5s5] {
    color: var(--orange-500);
}
.account-login-link[b-kx9zgek5s5] {
    color: #0071c1;
}
.account-login-link:visited[b-kx9zgek5s5] {
    color: #0071c1;
}
.account-login-link:hover[b-kx9zgek5s5] {
    color: #0a58ca;
}
.account-login-link:active[b-kx9zgek5s5] {
    color: var(--orange-500)
}
/* /Shared/Sections/Account/AccountPurchases.razor.rz.scp.css */
.account-main-section[b-u61s5za9d1] {
    background-color: var(--brown-150);
    border: 1px solid #614738;
    border-radius: 18px;
    width: 100%;
    outline-offset: 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 4%;
    padding-right: 10%;
    margin-bottom: 150px;
}

.account-purchases-title[b-u61s5za9d1] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud);
    font-size: max(min(3vw, 32px), 18px);
    text-shadow: 0 1px 4px #0007;
    max-width: 500px;
    margin-inline: auto;
    scroll-margin-top: 150px;
}

.account-purchases-btn[b-u61s5za9d1] {
    border: 1px solid var(--bazaar-orange);
    border-radius: 40px;
    background-color: transparent;
    color: var(--bazaar-orange);
    padding: 10px 20px;
}

.account-purchases-items-container[b-u61s5za9d1] {
    display: flex;
    flex-direction: column;
    padding-block: 10px;
    margin-block: 10px;
}

.account-purchases-items-container-modal[b-u61s5za9d1] {
    background-color: var(--brown-200);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding-block: 50px;
    padding-inline: 40px;
    margin-block: 10px;
    height: 70vh;
    width: 70vw;
    overflow-y: auto;
}

.account-purchases-item[b-u61s5za9d1] {
    border-top: 1px solid #614738;
    color: #D0A674;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    width: 100%;
}

.account-purchases-item-date[b-u61s5za9d1] {
    color: var(--bazaar-orange);
    font-weight: bold;
}

.account-purchases-item-name[b-u61s5za9d1] {
    color: #D0A674;
}

.account-purchases-item-price[b-u61s5za9d1] {
    color: var(--bazaar-orange);
}

@media (max-width: 999px) {
    .account-main-section[b-u61s5za9d1] {
        padding-right: 4%;
    }

    .account-purchases-title[b-u61s5za9d1] {
        scroll-margin-top: 200px;
    }

    .account-purchases-btn[b-u61s5za9d1] {
        font-size: 14px;
        padding: 4px 8px;
    }

    .account-purchases-items-container-modal[b-u61s5za9d1] {
        padding-block: 40px;
        padding-inline: 10px;
    }
}
/* /Shared/Sections/Account/Address.razor.rz.scp.css */
h2[b-non9m4erwh] {
    color: #D78347;
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.78px;
    text-align: left;
}

hr[b-non9m4erwh] {
    border: 1px solid #614738;
}

.address-info[b-non9m4erwh] {
    color: #FDC590;
    font-family: Inter;
    font-size: 15.39px;
    font-weight: 400;
    line-height: 18.63px;
    text-align: left;
}

.address-type[b-non9m4erwh] {
    color: #D78347;
    font-size: 12px;
    font-weight: bold
}

button[b-non9m4erwh] {
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-align: right;
    background-color: transparent;
    color: #D78347;
    border:none;
}

.location-container[b-non9m4erwh] {
    display:flex;
}
/* /Shared/Sections/Account/ClosedBetaInvites.razor.rz.scp.css */
.closed-beta-invites-section[b-zu80zoans1] {
    background-color: var(--brown-150);
    border: 1px solid var(--brown-650);
    border-radius: 18px;
    width: 100%;
    outline-offset: 5px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4%;
    padding-right: 10%;
}

    .closed-beta-invites-section h1[b-zu80zoans1] {
        font-family: var(--font-sud);
        color: #FFA626;
        font-size: max(min(3vw, 32px), 18px);
        scroll-margin-top: 150px;
    }

    .closed-beta-invites-section h3[b-zu80zoans1] {
        color: #FFA626;
        font-size: max(min(3vw, 18px), 12px);
        text-transform: uppercase;
    }

    .closed-beta-invites-section p[b-zu80zoans1] {
        color: var(--tan-425);
        margin-block: 0 8px;
    }

        .closed-beta-invites-section p.closed-beta-invites-unverified-warning[b-zu80zoans1] {
            color: #D78347;
            font-family: var(--font-inter);
            font-size: max(min(1.5vw, 18px), 11px);
            font-weight: 700;
        }

p.closed-beta-invites-beta-access-confirmed[b-zu80zoans1] {
    color: var(--green-500);
}

p.closed-beta-invites-error-message[b-zu80zoans1] {
    color: var(--red-800);
    min-height: 24px;
}

.closed-beta-invites-subsection-container[b-zu80zoans1] {
    margin-bottom: 30px;
}

.closed-beta-invites-list-container[b-zu80zoans1] {
    max-height: 200px;
    overflow-y: auto;
    margin-right: -10px;
    padding-right: 10px;
}

    .closed-beta-invites-list-container[b-zu80zoans1]::-webkit-scrollbar {
        width: 12px;
   
    }

    .closed-beta-invites-list-container[b-zu80zoans1]::-webkit-scrollbar-track {
        background: var(--brown-325);
        border-radius: 10px;
   
    }

    .closed-beta-invites-list-container[b-zu80zoans1]::-webkit-scrollbar-thumb {
        background-color: var(--brown-650);
        border-radius: 10px;
   
    }

        .closed-beta-invites-list-container[b-zu80zoans1]::-webkit-scrollbar-thumb:hover {
            background-color: var(--brown-700);
        }

.closed-beta-invites-field-container[b-zu80zoans1] {
    position: relative;
    display: flex;
    gap: 8px;
    width: 100%;
}

.closed-beta-invites-email-input-buttons-container[b-zu80zoans1] {
    position: absolute;
    right: 8px;
    top: 10px;
    width: 50%;
    max-width: 300px;
    display: flex;
    gap: 10px;
}

.closed-beta-invites-btn[b-zu80zoans1] {
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    background-color: transparent;
    color: #EA8E16;
    border: 1px solid #EA8E16;
    border-radius: 10px;
    padding-block: 1%;
    width: 100%;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

    .closed-beta-invites-btn:hover[b-zu80zoans1] {
        font-family: var(--font-interstate);
        font-size: 18.92px;
        font-weight: 700;
        line-height: 22.89px;
        text-align: center;
        border: 1px solid #FFE0B2;
        color: var(--tan-900);
    }

.account-btn-type1[b-zu80zoans1] {
    background-color: #392823;
    border: none !important;
    color: #A56838;
    width: 94px;
    font-family: var(--font-interstate);
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: center;
    width: 94px;
    height: 28px;
    top: 39px;
    left: 842px;
    gap: 0px;
}

.account-btn-type2[b-zu80zoans1] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    border: none !important;
    margin-top:20px;
}

.error-msg[b-zu80zoans1] {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    padding-left: 20px;
    color: #FF603D;
}

    .error-msg[b-zu80zoans1]::before {
        content: "x";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #FF603D;
        color: #150F16;
        text-align: center;
        line-height: 11px;
        font-weight: bold;
    }

@media (max-width: 999px) {
    .closed-beta-invites-section[b-zu80zoans1] {
        padding-right: 4%;
    }
}

/*Password Eye Style*/
.position-absolute[b-zu80zoans1] {
    position: absolute;
    padding-right: 10px;
}

.end-0[b-zu80zoans1] {
    right: 0;
}

.top-50[b-zu80zoans1] {
    top: 50%;
}

.translate-middle-y[b-zu80zoans1] {
    transform: translateY(-50%);
}

/*Sliding section*/
.primary[b-zu80zoans1], .secondary[b-zu80zoans1] {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.hidden[b-zu80zoans1] {
    display: none;
}

.show[b-zu80zoans1] {
    transform: translateX(0);
    opacity: 1;
}

.hide[b-zu80zoans1] {
    transform: translateX(-100%);
    opacity: 0;
}
/* /Shared/Sections/Account/ContactInformation.razor.rz.scp.css */
.account-main-section[b-xyqbar86le] {
    background-color: var(--brown-150);
    border: 1px solid #614738;
    border-radius: 18px;
    width: 100%;
    outline-offset: 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 4%;
    padding-right: 10%;
}

.account-main h1[b-xyqbar86le] {
    font-family: var(--font-sud);
    color: #FFA626;
    font-size: max(min(3vw, 32px), 18px);
    scroll-margin-top: 150px;
}

.account-main p[b-xyqbar86le] {
    color: #DCAA7D;
}

.account-main .account-error-text[b-xyqbar86le] {
    color: #FF553E;
}

.account-main .inline-button[b-xyqbar86le] {
    background: transparent;
    border: none;
    color: #FFA626;
    padding-inline: 0;
    text-decoration: underline;
}

.account-main-btn[b-xyqbar86le] {
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    background-color: transparent;
    color: #EA8E16;
    border: 1px solid #EA8E16;
    border-radius: 10px;
    padding-block: 1%;
    width: 100%;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

    .account-main-btn:hover[b-xyqbar86le] {
        border: 1px solid #FFE0B2;
        color: var(--tan-900);
    }

.account-btn-type1[b-xyqbar86le] {
    background-color: #392823;
    border: none !important;
    color: #A56838;
    font-family: var(--font-interstate);
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: center;
    width: 80px;
    height: 28px;
    gap: 0px;
}

.account-btn-type2[b-xyqbar86le] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    border: none !important;
}

@media (max-width: 999px) {
    .account-main-section[b-xyqbar86le] {
        padding-right: 4%;
    }
}

/*Save button slide in*/

.sliding-div[b-xyqbar86le] {
    transition: transform 0.5s ease-in-out;
    transform: translateY(-50px);
}

.slide-in[b-xyqbar86le] {
    animation: slide-in-b-xyqbar86le 0.5s ease-in-out forwards;
}

.slide-out[b-xyqbar86le] {
    animation: slide-out-b-xyqbar86le 1s ease-in-out forwards; 
}

@keyframes slide-in-b-xyqbar86le {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-b-xyqbar86le {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-50px);
        opacity: 0;
    }
}
/* /Shared/Sections/Account/ReferAFriend.Razor.rz.scp.css */
.account-main-section[b-0e0t9cm8sz] {
    background-color: var(--brown-150);
    border: 1px solid #614738;
    border-radius: 18px;
    width: 100%;
    outline-offset: 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 4%;
    padding-right: 10%;
}

.account-main h1[b-0e0t9cm8sz] {
    font-family: var(--font-sud);
    color: #FFA626;
    font-size: max(min(3vw, 32px), 18px);
    scroll-margin-top: 150px;
}

.account-main h2[b-0e0t9cm8sz] {
    color: #D78347;
    font-family: var(--font-inter);
    font-size: max(min(2vw, 18px), 12px);
    font-weight: 700;
    text-transform: uppercase;
}

.account-main p[b-0e0t9cm8sz] {
    color: #D78347;
    font-family: var(--font-inter);
    font-size: max(min(1.5vw, 18px), 11px);
    font-weight: 700;
}

.account-main span[b-0e0t9cm8sz] {
    color: #D0A277;
    font-weight: 300;
}

.reward-item-section[b-0e0t9cm8sz] {
    display: flex;
    justify-content: space-between;
}

.reward-item[b-0e0t9cm8sz] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18%;
    aspect-ratio: 145 / 188;
}

img[b-0e0t9cm8sz]{
    height:0;
    min-height:100%;
}

@media (max-width: 999px) {
    .account-main-section[b-0e0t9cm8sz] {
        padding-right: 4%;
    }

    .reward-item[b-0e0t9cm8sz] {
        height: 150px;
    }
}

@media (max-width: 799px) {
    .reward-item[b-0e0t9cm8sz] {
        height: 100px;
    }
}
/* /Shared/Sections/Account/ReferalProgressBar.razor.rz.scp.css */
.referral-progress-bar-container[b-s31gdose4o] {
    position: relative;
    width: 100%;
    margin-block: 16px 30px;
    padding-inline: 6.5%;
}

.referral-progress-bar[b-s31gdose4o] {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: var(--tan-250);
    border-radius: 10px;
}

.referral-progress-fill[b-s31gdose4o] {
    height: calc(100% + 8px);
    position: absolute;
    top: -4px;
    background: linear-gradient(90deg, var(--gold-100) 0%, var(--gold-600) 100%);
    transition: width 1.5s ease-in-out 0.1s;
}

.referral-progress-nodes[b-s31gdose4o] {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: -22px;
    width: calc(100% + 10px);
    height: 50px;
    left: 0;
    margin-inline: -5px;
}

.referral-progress-node[b-s31gdose4o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.referral-node-circle[b-s31gdose4o] {
    transition: background-color 0.5s ease-out;
    aspect-ratio: 1;
    width: 50px;
    background-color: var(--brown-325);
    border: 4px solid var(--tan-250);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFA626;
    font-family: var(--font-interstate);
    font-size: 22.32px;
    font-weight: 700;
    line-height: 27.01px;
}

    .referral-node-circle.unlocked[b-s31gdose4o] {
        border-color: var(--gold-600);
    }


.referral-node-label[b-s31gdose4o] {
    position: absolute;
    color: var(--gold-600);
    font-size: 22px;
    margin: auto;
}

.referral-node-circle.unlocked[b-s31gdose4o]::before {
    content: '';
    position: relative;
    right: 14%;
    width: 20%;
    height: 40%;
    border-bottom: 4px solid #FFA626;
    border-right: 4px solid #FFA626;
    transform-origin: bottom right;
    transform: rotate(45deg);
}

@media (max-width: 799px) {
    .referral-progress-bar-container[b-s31gdose4o] {
        margin-block: 20px;
    }

    .referral-progress-fill[b-s31gdose4o] {
        height: calc(100% + 4px);
        top: -2px;
    }

    .referral-node-circle[b-s31gdose4o] {
        width: 30px;
    }

        .referral-node-circle.unlocked[b-s31gdose4o]::before {
            border-width: 2px;
        }

    .referral-node-label[b-s31gdose4o] {
        font-size: 14px;
    }
}
/* /Shared/Sections/Account/ReferralNames.razor.rz.scp.css */
.referrals-names-section[b-th2zs544sn] {
    color: var(--tan-425);
    text-align: center;
}

.referrals-names-container-header[b-th2zs544sn] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

    .referrals-names-container-header h2[b-th2zs544sn],
    .referrals-names-container-header span[b-th2zs544sn] {
        color: var(--gold-600);
        font-family: var(--font-openSans);
        font-weight: 700;
        text-transform: uppercase;
    }

    .referrals-names-container-header h2[b-th2zs544sn] {
        font-size: 18px;
        letter-spacing: 1px;
        margin-block: 10px;
        margin-inline: 16px;
        text-align: right;
        width: 150px;
    }

    .referrals-names-container-header span[b-th2zs544sn] {
        background-color: var(--gold-600);
        color: var(--brown-150);
        font-size: 44px;
        border-radius: 4px;
        margin-right: 16px;
        padding: 0 8px;
    }

    .referrals-names-container-header-decoration[b-th2zs544sn] {
        border-top: 1px solid var(--gold-600);
        width: 100%;
    }

.referrals-names-container-header-unverified[b-th2zs544sn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    text-align: center;
}

    .referrals-names-container-header-unverified h2[b-th2zs544sn] {
        color: var(--gold-600);
        font-family: var(--font-openSans);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .referrals-names-container-header-unverified p[b-th2zs544sn] {
        color: var(--tan-425);
        font-family: var(--font-interstate);
        margin-bottom: 4px;
    }

    .referrals-names-container-header-unverified span[b-th2zs544sn] {
        color: var(--gold-600);
        font-family: var(--font-openSans);
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
    }

.referrals-names-container[b-th2zs544sn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 6px;
    margin-block: 2px 20px;
}

.referral-name[b-th2zs544sn] {
    background-color: var(--input-bg-brown-inactive);
    color: var(--tan-425);
    font-family: var(--font-interstate);
    font-weight: 700;
    padding: 10px 16px;
    margin-block: 2px;
    text-align: left;
    width: 100%;
}

.referrals-names-additional[b-th2zs544sn] {
    background-color: transparent;
    border: none;
    grid-column: span 2;
    text-align: center;
    color: var(--brown-850);
    font-weight: bold;
    padding: 10px;
    transition: background-color 0.2s ease-out;
}

    .referrals-names-additional:hover[b-th2zs544sn] {
        background-color: var(--input-bg-brown-hover);
    }

.referrals-names-modal[b-th2zs544sn] {
    background-color: var(--brown-200);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding-block: 50px;
    padding-inline: 40px;
    margin-block: 10px;
    height: 70vh;
    width: 70vw;
    overflow-y: auto;
}

@media (max-width: 499px) {
    .referrals-names-container[b-th2zs544sn] {
        column-gap: 4px;
        row-gap: 4px;
    }

    .referral-name[b-th2zs544sn] {
        font-size: 11px;
        padding: 6px 8px;
        grid-column: span 2;
    }

    .referrals-names-modal[b-th2zs544sn] {
        padding-block: 40px;
        padding-inline: 10px;
        height: 60vh;
        width: 80vw;
    }
}
/* /Shared/Sections/Account/UpdatePasswordScreen.razor.rz.scp.css */
.update-password-screen-container[b-cmvykxjgpq] {
    background-color: transparent;
    border: 1px solid var(--brown-650);
    border-radius: 18px;
    color: var(--tan-800);
    max-width: 600px;
    width: 90vw;
    outline-offset: 5px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
    text-wrap: balance;
    padding: 4%;
    margin-block: 2px 150px;
    margin-inline: auto;
}

    .update-password-screen-container h1[b-cmvykxjgpq] {
        color: var(--gold-600);
        font-family: var(--font-sud);
        font-size: max(min(3vw, 32px), 18px);
        letter-spacing: 1px;
    }

    .update-password-screen-container p[b-cmvykxjgpq] {
        margin-bottom: 30px;
    }

.update-password-screen-inline-button[b-cmvykxjgpq] {
    background-color: transparent;
    border-color: transparent;
    color: var(--input-text-brown-inactive);
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
    width: fit-content;
    transition: var(--default-transition);
}

    .update-password-screen-inline-button:hover[b-cmvykxjgpq] {
        color: var(--input-text-brown-active);
        padding-right: 16px;
        transform: translateX(-10px);
    }

.update-password-screen-input-error[b-cmvykxjgpq] {
    position: absolute;
    top: -24px;
    left: 0;
    font-family: var(--font-inter);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding-left: 20px;
    color: var(--red-800);
}

    .update-password-screen-input-error[b-cmvykxjgpq]::before {
        content: "x";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: var(--red-800);
        color: var(--brown-150);
        text-align: center;
        line-height: 11px;
        font-weight: bold;
    }

.update-password-screen-error[b-cmvykxjgpq] {
    color: var(--red-800);
    margin-block: 16px;
    text-align: center;
    width: 100%;
}

/* /Shared/Sections/Download/MainBanner.razor.rz.scp.css */
.download-bg-container[b-b1ekgqpqm5] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 0;
}

.download-bg-overlay[b-b1ekgqpqm5] {
    background-color: var(--brown-200);
    opacity: 0.7;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.download-logo-container[b-b1ekgqpqm5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-block: clamp(10px, 200px, 6vw) 280px;
}

    .download-logo-container p[b-b1ekgqpqm5],
    .download-logo-container h2[b-b1ekgqpqm5] {
        max-width: 600px;
        width: 80vw;
        text-shadow: 0 1px 4px #0007;
        text-wrap: balance;
    }

    .download-logo-container h2[b-b1ekgqpqm5] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
        font-size: max(min(6vw, 40px), 20px);
    }

    .download-logo-container p[b-b1ekgqpqm5] {
        color: var(--tan-900);
        font-family: var(--font-notoSerif);
    }

    .download-logo-container a[b-b1ekgqpqm5] {
        color: var(--btn-gold-bg-inactive);
        cursor: pointer;
        text-decoration: none;
        transition: color 0.2s ease-out;
    }

        .download-logo-container a:hover[b-b1ekgqpqm5] {
            color: var(--btn-gold-bg-active);
        }

.download-logo[b-b1ekgqpqm5] {
    height: auto;
    max-width: 200px;
    width: 40vw;
    margin-bottom: 30px;
}

.download-buttons-container[b-b1ekgqpqm5] {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: center;
    padding-block: 10px;
}

a.download-cta-button[b-b1ekgqpqm5] {
    border: none;
    border-radius: 16px;
    background: var(--btn-gold-bg-inactive);
    color: var(--btn-gold-text-inactive);
    font-family: var(--font-inter);
    font-size: max(min(4vw, 18px), 12px);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    transition: var(--default-transition);
    padding-block: 8px;
    padding-inline: 18px;
    min-height: 50px;
    max-width: 180px;
    width: 100%;
}

    a.download-cta-button:active[b-b1ekgqpqm5],
    a.download-cta-button:hover[b-b1ekgqpqm5] {
        background: var(--btn-gold-bg-active);
        color: var(--btn-gold-text-inactive);
    }

    a.download-cta-button:active[b-b1ekgqpqm5] {
        transform: scale(0.95);
    }

.download-btn-trailer-continer[b-b1ekgqpqm5] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
}

.download-btn-trailer[b-b1ekgqpqm5] {
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

    .download-btn-trailer:hover[b-b1ekgqpqm5] {
        opacity: 0;
    }

@media (max-width: 500px) {
    .download-buttons-container[b-b1ekgqpqm5] {
        flex-direction: column;
        gap: 30px;
    }
}
/* /Shared/Sections/ForgotPasswordModal.razor.rz.scp.css */
.forgot-password-content-wrapper[b-egnobranze] {
    background-color: var(--brown-200);
    color: var(--tan-450);
    margin: auto;
    padding: 40px;
    width: 80vw;
    max-width: 600px;
    max-height: 80vh;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    text-align: center;
    z-index: 2;
}

    .forgot-password-content-wrapper h1[b-egnobranze] {
        color: #FFE8C7;
        font-family: var(--font-sud);
        text-transform: uppercase;
    }

.close[b-egnobranze] {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    z-index:3;
}

    .close:hover[b-egnobranze],
    .close:focus[b-egnobranze] {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

h1[b-egnobranze] {
    color: #FFE8C7;
    font-family: --var(--font-sud);
    font-size: 32px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding-top:15px;
    padding-bottom:10px;
}

.forgot-password-input-container[b-egnobranze] {
    margin-block: 20px 40px;
}

    .forgot-password-input-container label[b-egnobranze] {
        font-family: var(--font-interstate);
        text-transform: uppercase;
    }

.forgot-password-submit-btn[b-egnobranze] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    border-radius: 10px;
    padding-block: 1%;
    width: 100%;
    height: 52px;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    text-transform: uppercase;
    border: none !important;
}

    .forgot-password-submit-btn:disabled[b-egnobranze] {
        background-color: var(--brown-600) !important;
        cursor: not-allowed;
    }

    .main-btn[b-egnobranze] {
        font-family: Inter;
        font-size: 18.92px;
        font-weight: 700;
        line-height: 22.89px;
        background-color: transparent;
        color: #EA8E16;
        border: 1px solid #EA8E16;
        border-radius: 10px;
        padding-block: 1%;
        width: 100%;
        height: 52px;
        transition: color 0.2s ease-out, background-color 0.2s ease-out;
    }

    .main-btn:hover[b-egnobranze] {
        font-family: var(--font-interstate);
        font-size: 18.92px;
        font-weight: 700;
        line-height: 22.89px;
        text-align: center;
        border: 1px solid #FFE0B2;
        color: var(--tan-900);
    }

.btn-type2[b-egnobranze] {
    color: #1E1E1E !important;
    background: #FFA626 !important;
    font-family: var(--font-interstate);
    font-size: 18.92px;
    font-weight: 700;
    line-height: 22.89px;
    text-align: center;
    border: none !important;
}

.error-msg[b-egnobranze] {
    font-family: var(--font-interstate);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    padding-left: 20px;
    color: #FF603D;
    position: absolute;
    bottom: -6px;
}

    .error-msg[b-egnobranze]::before {
        content: "x";
        font-size: 12px;
        padding-block: 1px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #FF603D;
        color: #150F16;
        text-align: center;
        line-height: 11px;
        font-weight: bold;
    }
/* /Shared/Sections/FoundersPack/FoundersPackMain.razor.rz.scp.css */
.founders-pack-purchase-main[b-yweqto8bjy] {
    background-color: #201816;
    color: var(--brown-700);
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

.founders-pack-purchase-content[b-yweqto8bjy] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 40px;
    height: 100%;
    width: 100%;
}

.founders-pack-section-nav[b-yweqto8bjy] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-block: 10px 20px;
    margin-inline: auto;
    max-width: 600px;
    width: 100%;
}

    .founders-pack-section-nav button[b-yweqto8bjy] {
        background-color: transparent;
        border: 1px solid var(--gold-600);
        border-radius: 10px;
        color: var(--gold-600);
        font-family: var(--font-sud);
        letter-spacing: 1px;
        padding-block: 4px 2px;
        padding-inline: 20px; 
        min-height: 40px;
        transition: background-color 0.2s ease-out,
            border-color 0.2s ease-out,
            color 0.2s ease-out;
    }

        .founders-pack-section-nav button:hover[b-yweqto8bjy] {
            border-color: var(--tan-900);
            color: var(--tan-900);
        }

.tier-information-title[b-yweqto8bjy] {
    font-family: var(--font-sud);
    font-size: max(min(4vw, 48px), 26px);
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    color: var(--gold-600);
    margin-bottom: 16px;
}

.tier-information[b-yweqto8bjy] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    font-family: var(--font-merriweather);
    color: var(--tan-900);
    max-width: 380px;
    margin: 40px;
    width: 90%;
}

.tier-contents[b-yweqto8bjy] {
    border-top: 1px solid #fbddb350;
    margin-block: 2px;
    text-align: left;
    text-wrap: balance;
    width: 100%;
}

.tier-contents-label[b-yweqto8bjy] {
    font-family: var(--font-sud);
    font-size: max(min(4vw, 16px), 12px);
    letter-spacing: 1px;
    color: #FFA626;
    margin-block: 4px 2px;
}

.tier-contents-description[b-yweqto8bjy] {
    font-size: max(min(1.5vw, 20px), 14px);
    line-height: max(min(7vw, 24px), 14px);
    max-width: 350px;
}

.tier-contents-note[b-yweqto8bjy] {
    border-radius: 6px;
    background-color: var(--red-700);
    color: var(--btn-gold-text-inactive);
    font-family: var(--font-interstate);
    font-weight: bold;
    padding: 4px;
    max-width: 285px;
    margin-top: -0.75rem;
    text-align: center;
    text-transform: uppercase;
}

.tier-image-container[b-yweqto8bjy] {
    position: relative;
    height: 100%;
    max-height: 525px;
    width: 100%;
}

.tier-bg-image[b-yweqto8bjy] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0.25;
}

.tier-section[b-yweqto8bjy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    scroll-margin-top: 100px;
}


.founders-tier-btn-container[b-yweqto8bjy] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: 10px;
}

    .founders-tier-btn-container img[b-yweqto8bjy] {
        max-width: 180px;
        margin-inline: auto;
    }

.founders-country-select-container[b-yweqto8bjy] {
    margin-top: 10px; 
}

.founders-tier-btn-img[b-yweqto8bjy] {
    position: relative;
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

    .founders-tier-btn-img:hover[b-yweqto8bjy] {
        opacity: 0;
    }

.founders-tier-btn-container > button:disabled[b-yweqto8bjy] {
    cursor: not-allowed;
}

    .founders-tier-btn-container > button:disabled > .founders-tier-btn-img:hover[b-yweqto8bjy],
    .founders-tier-btn-container > button:disabled > .founders-tier-btn-img[b-yweqto8bjy] {
        filter: grayscale(0.8);
        opacity: 1;
        cursor: not-allowed !important;
    }

.previous-tier-summary[b-yweqto8bjy] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: var(--font-merriweather);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
    color: var(--gold-600);
    max-width: 500px;
    margin-block: 10px;
    margin-inline: auto;
    text-wrap: balance;
}

.tier3-rewards-container[b-yweqto8bjy] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    margin-block: 20px 50px;
    margin-inline: auto;
    width: 100%;
}

.tier-section-flourish[b-yweqto8bjy] {
    object-fit: contain;
    margin-block: 20px;
    margin-inline: auto;
    height: 94px;
    max-width: 740px;
    width: 90%;
}

.tier-section3[b-yweqto8bjy] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tier3-rewards[b-yweqto8bjy] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    width: 100%;
    font-family: var(--font-merriweather);
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #DCAA7D;
    position: relative;
}

.tier3-reward[b-yweqto8bjy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 30%;
    padding-inline: 4px;
}

    .tier3-reward .tier-contents-label[b-yweqto8bjy] {
        margin-block: 2px;
        margin-inline: auto;
    }

    .tier3-reward .tier-contents-description[b-yweqto8bjy] {
        font-size: max(min(6vw, 22px), 14px);
    }

.tier3-banner-tier-img-container[b-yweqto8bjy] {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.tier3-reward-image[b-yweqto8bjy] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    max-height: 400px;
    width: 100%;
}

.reward3-description[b-yweqto8bjy] {
    font-size: max(min(1vw, 16px), 14px);
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #FFE8C7;
    max-width: 420px;
    margin-bottom: 20px;
}

.footnote-container[b-yweqto8bjy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 200px;
    text-align: center;
    text-wrap: balance;
    margin-inline: auto;
    max-width: 600px;
    width: 100%;
}

.footnote[b-yweqto8bjy] {
    color: var(--tan-600);
}

.footnote-label[b-yweqto8bjy] {
    color: var(--bazaar-orange);
}

@media (max-width: 1199px) {
    .tier3-rewards[b-yweqto8bjy] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .tier3-reward[b-yweqto8bjy] {
        max-width: 100%;
        padding-block: 10px;
        padding-inline: 8%;
    }

    .founders-tier-btn-container img[b-yweqto8bjy] {
        height: auto;
        max-width: 150px;
    }
}

@media (max-width: 799px) {
    .founders-pack-section-nav button[b-yweqto8bjy] {
        font-size: 12px;
        padding-inline: 10px;
        min-width: 103px;
    }

    .tier-section[b-yweqto8bjy] {
        display: flex;
        flex-direction: column;
    }

    .tier1-section[b-yweqto8bjy] {
        flex-direction: column-reverse;
    }

    .tier-image-container[b-yweqto8bjy] {
        height: min(350px, 75vw);
    }

    .tier-information[b-yweqto8bjy] {
        margin-block: 16px 50px;
    }
}
/* /Shared/Sections/FoundersPack/FoundersRewardsCarousel.razor.rz.scp.css */
.carousel[b-1w95rvyfz8] {
    width: 100%;
    height: 100%;
}

.carousel-inner[b-1w95rvyfz8] {
    height: 100%;
    display: flex;
}

.carousel-item[b-1w95rvyfz8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8%;
    padding: 1px;
    position: absolute;
    opacity: 0.001;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease-out, opacity 0.2s ease-out;
}

    .carousel-item img[b-1w95rvyfz8] {
        object-fit: contain;
        height: 90%;
        max-width: 80%;
        width: auto;
    }

.carousel-img[b-1w95rvyfz8] {
    display: initial;
}

.carousel-item-label-container[b-1w95rvyfz8] {
    position: absolute;
    right: 20px;
    bottom: 10px;
    text-align: right;
}

.carousel-img-m[b-1w95rvyfz8] {
    display: none;
}

.carousel-item-title[b-1w95rvyfz8] {
    color: var(--tan-900);
    font-family: var(--font-merriweather);
    font-size: 14px;
    margin-bottom: 8px;
    width: 400px;
    z-index: 2;
}

.carousel-item-slide-number[b-1w95rvyfz8] {
    color: var(--gold-600);
    font-family: var(--font-sud);
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.carousel-active[b-1w95rvyfz8] {
    opacity: 1;
}

.carousel-prev-next-btn[b-1w95rvyfz8] {
    background-color: var(--gold-600);
    border: none;
    border-radius: 50%;
    color: var(--brown-200);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    position: absolute;
    margin: 20px;
    top: 40%;
    height: 40px;
    transition: all 0.2s ease-out;
    width: 40px;
    z-index: 1;
}

    .carousel-prev-next-btn:hover[b-1w95rvyfz8] {
        scale: 1.1;
        filter: sepia(1);
    }

    .carousel-prev-next-btn img[b-1w95rvyfz8] {
        height: auto;
        width: 95%;
    }

.carousel-prev[b-1w95rvyfz8] {
    left: 0;
}

.carousel-next[b-1w95rvyfz8] {
    right: 0;
}

.carousel-prev-outset[b-1w95rvyfz8] {
    left: -32%;
}

.carousel-next-outset[b-1w95rvyfz8] {
    right: -32%;
}

.carousel-prev-outset-s[b-1w95rvyfz8] {
    left: -2%;
}

.carousel-next-outset-s[b-1w95rvyfz8] {
    right: -2%;
}


@media (max-width: 999px) {
    .carousel-prev-outset[b-1w95rvyfz8] {
        left: -35%;
    }

    .carousel-next-outset[b-1w95rvyfz8] {
        right: -35%;
    }

    .carousel-prev-outset-s[b-1w95rvyfz8] {
        top: 30%;
        left: -5%;
    }

    .carousel-next-outset-s[b-1w95rvyfz8] {
        top: 30%;
        right: -5%;
    }

    .carousel-item[b-1w95rvyfz8] {
        flex-direction: column;
        align-items: center !important;
    }
}

@media (max-width: 799px) {
    .carousel-item img[b-1w95rvyfz8] {
        height: 85%;
        max-width: 70%;
    }

    .carousel-item-label-container[b-1w95rvyfz8] {
        right: 10px;
        bottom: 2px;
    }
}

@media (max-width: 600px) {
    .carousel-prev-next-btn[b-1w95rvyfz8] {
        margin-inline: 2px;
    }

    .carousel-prev-outset[b-1w95rvyfz8] {
        left: -43%;
    }

    .carousel-next-outset[b-1w95rvyfz8] {
        right: -43%;
    }

    .carousel-prev-outset-s[b-1w95rvyfz8] {
        left: -18%;
        top: 18%;
    }

    .carousel-next-outset-s[b-1w95rvyfz8] {
        right: -18%;
        top: 18%;
    }
}

@media (max-width: 400px) {
    .carousel-prev-outset-s[b-1w95rvyfz8] {
        left: -28%;
        top: 10%;
    }

    .carousel-next-outset-s[b-1w95rvyfz8] {
        right: -28%;
        top: 10%;
    }

    .carousel-item-title[b-1w95rvyfz8] {
        font-size: 12px;
    }
}
/* /Shared/Sections/FoundersPack/FoundersRewardsSpotlight.razor.rz.scp.css */
.founders-rewards-spotlight[b-pmo8w4dai0] {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1600px;
    padding-inline: 5vw;
    margin-inline: auto;
}

.founders-rewards-spotlight-title[b-pmo8w4dai0] {
    color: var(--gold-600);
    font-family: var(--font-sud);
    font-size: max(min(4vw, 40px), 20px);
    letter-spacing: 1px;
    text-align: center;
    text-wrap: balance;
    margin-bottom: 16px;
}

.founders-rewards-spotlight-subtitle[b-pmo8w4dai0] {
    color: var(--tan-900);
    font-family: var(--font-sud);
    font-size: max(min(2vw, 12px), 20px);
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 4px;
}

.founders-rewards-spotlight-buttons[b-pmo8w4dai0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 600px;
    margin-inline: auto;
}

    .founders-rewards-spotlight-buttons button[b-pmo8w4dai0] {
        border: none;
        border-radius: 6px;
        background: var(--btn-gold-bg-inactive);
        color: var(--btn-gold-text-inactive);
        font-family: var(--font-sud);
        font-size: max(min(4vw, 18px), 12px);
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        transition: var(--default-transition);
        height: 50px;
        width: 100%;
    }

    .founders-rewards-spotlight-buttons button:active:enabled[b-pmo8w4dai0],
    .founders-rewards-spotlight-buttons button:hover:enabled[b-pmo8w4dai0] {
        background: var(--btn-gold-bg-active);
    }

    .founders-rewards-spotlight-buttons button:active:enabled[b-pmo8w4dai0] {
        transform: scale(0.95);
    }

    .founders-rewards-spotlight-buttons button:disabled[b-pmo8w4dai0] {
        background: var(--btn-gold-bg-disabled);
        cursor: not-allowed;
    }

        .founders-rewards-spotlight-buttons button.inactive-btn[b-pmo8w4dai0] {
            background: var(--gold-100);
        }

.founders-rewards-spotlight-carousel[b-pmo8w4dai0] {
    position: relative;
    height: 500px;
    width: 100%;
    max-width: 1600px;
    padding-inline: 5vw;
    margin-inline: auto;
}

.founders-rewards-spotlight-carousel-item[b-pmo8w4dai0] {
    display: flex;
    height: 100%;
    justify-content: center;
}

.founders-rewards-spotlight-carousel-text[b-pmo8w4dai0] {
    color: var(--tan-900);
    font-family: var(--font-merriweather);
    text-align: center;
    text-wrap: balance;
    max-width: 480px;
    margin-inline: auto;
    margin-bottom: 30px;
}

@media (max-width: 899px) {
    .founders-rewards-spotlight-carousel[b-pmo8w4dai0] {
        height: 50vw;
        padding-inline: 10px;
    }
}
/* /Shared/Sections/FoundersPack/TierTable.razor.rz.scp.css */
.container[b-ofvh16skwl] {
    display: flex;
    flex-direction: column;
    max-width: 1020px;
    width 100%;
    margin-block: 20px 50px;
    scroll-margin-top: 150px;
}

.row[b-ofvh16skwl] {
    display: flex;
    border-bottom: 1px solid #EA8E16;
}

.cell[b-ofvh16skwl] {
    padding: 10px;
    font-family: var(--font-notoSerif);
    font-size: max(min(4vw, 16px), 12px);
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #FFE8C7;
}

.blank[b-ofvh16skwl] {
    border-top: 1px solid #EA8E16 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.left[b-ofvh16skwl] {
    justify-content: flex-start;
    font-size: max(min(2vw, 16px), 10px);
    text-align: left;
    width: 33%;
}

.center[b-ofvh16skwl] {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 22%;
}

.row:first-child .blank[b-ofvh16skwl] {
    border-top-color: transparent !important;
}

.row:first-child .cell:not(.blank)[b-ofvh16skwl] {
    margin-left: auto;
}

.tier-table-name[b-ofvh16skwl] {
    color: #FFA626;
    font-family: var(--font-sud);
    font-size: max(min(3vw, 32px), 16px);
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.tier-table-price[b-ofvh16skwl] {
    color: #FFE8C7;
    font-family: var(--font-sud);
    font-size: max(min(3vw, 32px), 16px);
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding-bottom: 15px;
}

.tier-information-heading[b-ofvh16skwl] {
    font-family: var(--font-sud);
    color: #FFA626;
}

.purchase-btn[b-ofvh16skwl] {
    background-color: var(--gold-500);
    border: none !important;
    color: #000000;
    font-family: var(--font-inter);
    font-size: max(min(1vw, 14px), 8px);
    font-weight: 700 !important;
    padding-inline: 20px;
    transition: filter 0.2s ease-out;
}

    .purchase-btn:enabled:hover[b-ofvh16skwl] {
        filter: brightness(1.15);
    }

.tier-heading > button:disabled[b-ofvh16skwl] {
    cursor: not-allowed;
    pointer-events: auto;
}

/*Checkmark*/
.checkmark[b-ofvh16skwl] {
    display: inline-block;
    width: 21px;
    height: 17px;
    position: relative;
}

    .checkmark[b-ofvh16skwl]::before, .checkmark[b-ofvh16skwl]::after {
        content: '';
        position: absolute;
        background-color: #FFA626;
    }

    .checkmark[b-ofvh16skwl]::before {
        width: 3px;
        height: 10px;
        right: 21px;
        top: 10px;
        transform: rotate(-45deg);
    }

    .checkmark[b-ofvh16skwl]::after {
        width: 3px;
        height: 20px;
        left: 6px;
        top: 2px;
        transform: rotate(45deg);
    }

.tier-contents-note[b-ofvh16skwl] {
    border-radius: 6px;
    background-color: var(--red-700);
    color: var(--btn-gold-text-inactive);
    font-family: var(--font-interstate);
    font-weight: bold;
    padding: 2px 4px;
    margin-left: 2px;
    max-width: 200px;
    margin-top: -0.75rem;
    text-align: center;
    text-transform: uppercase;
    text-wrap: nowrap;
}

@media (max-width: 1199px) {
    .left[b-ofvh16skwl] {
        width: 40%;
    }

    .center[b-ofvh16skwl] {
        width: 20%;
    }
}

@media (max-width: 799px) {
    .left[b-ofvh16skwl] {
        width: 49%;
    }

    .center[b-ofvh16skwl] {
        width: 17%;
    }

    .purchase-btn[b-ofvh16skwl] {
        padding-inline: 2px;
    }
}
/* /Shared/Sections/FoundersPack/TitleBanner.razor.rz.scp.css */
.founders-bg-overlay[b-l5vpg7f0oz] {
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.founders-bg-container[b-l5vpg7f0oz] {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 50px;
}

.founders-title-container[b-l5vpg7f0oz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: 50px 60px;
}

    .founders-title-container h2[b-l5vpg7f0oz] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
        font-size: max(min(12vw, 60px), 26px);
        max-width: 500px;
        margin-inline: auto;
    }

    .founders-title-container p[b-l5vpg7f0oz] {
        color: var(--tan-700);
        font-family: var(--font-merriweather);
        font-size: max(min(4vw, 16px), 12px);
        max-width: 600px;
        margin-top: 20px;
        margin-inline: auto;
        text-wrap: balance;
    }

.founders-title-container-tax-notice[b-l5vpg7f0oz] {
    border: 1px solid var(--tan-700);
    border-radius: 8px;
    font-weight: bold;
    padding: 4px 10px;
    width: fit-content;
}

    .founders-title-container-tax-notice span[b-l5vpg7f0oz] {
        color: var(--bazaar-orange);
    }
/* /Shared/Sections/Game/AdventureSection.razor.rz.scp.css */
.adventure-section-container[b-vu5y80hwtm] {
    background-color: var(--brown-300);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    padding: 50px;
}

.adventure-section-content-container[b-vu5y80hwtm] {
    border: 1px solid var(--brown-800);
    border-radius: 20px;
    padding: 2%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.adventure-section-text-container[b-vu5y80hwtm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 450px;
    width: 60vw;
    z-index: 1;
}

    .adventure-section-text-container h1[b-vu5y80hwtm],
    .adventure-section-text-container h2[b-vu5y80hwtm] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
    }

    .adventure-section-text-container h2[b-vu5y80hwtm] {
        font-size: max(min(3vw, 54px), 30px);
        line-height: max(min(6vw, 75px), 30px);
        letter-spacing: 4px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 20px;
    }

    .adventure-section-text-container p[b-vu5y80hwtm] {
        color: var(--tan-700);
        font-family: var(--font-merriweather);
        padding-block: 5%;
        margin-inline: auto;
        width: 90%;
    }

.adventure-section-card-breakdown[b-vu5y80hwtm] {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    margin-block: 20px;
    width: 100%;
}

.adventure-section-card-breakdown img[b-vu5y80hwtm] {
    margin: 40px;
    height: auto;
    max-width: 1000px;
    width: 60%;
}

.adventure-section-decks-container[b-vu5y80hwtm] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    max-width: 1500px;
}

.adventure-section-decks-text-container[b-vu5y80hwtm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-inline: auto 10px;
}

.adventure-section-decks-text[b-vu5y80hwtm] {
    color: var(--tan-700);
    font-family: var(--font-merriweather);
    margin-inline: auto;
    margin-block: 1px;
    max-width: 350px;
}

.adventure-section-decks-line[b-vu5y80hwtm] {
    border-left: 1px solid var(--tan-700);
    margin-block: 5%;
    max-height: 200px;
    height: 10vw;
    width: 1px;
}

.adventure-section-decks-img-container[b-vu5y80hwtm] {
    width: 50%;
}

    .adventure-section-decks-img-container img[b-vu5y80hwtm] {
        height: auto;
        max-width: 700px;
        width: 90%;
    }

@media (max-width: 999px) {
    .adventure-section-decks-img-container[b-vu5y80hwtm] {
        width: 60%;
    }
}

@media (max-width: 600px) {
    .adventure-section-content-container[b-vu5y80hwtm] {
        border: none;
    }

    .adventure-section-decks-container[b-vu5y80hwtm] {
        flex-direction: column-reverse;
    }

    .adventure-section-decks-text-container[b-vu5y80hwtm] {
        margin-inline: auto;
    }

    .adventure-section-decks-img-container[b-vu5y80hwtm] {
        width: 80%;
    }
        .adventure-section-decks-img-container img[b-vu5y80hwtm] {
            margin-bottom: 12px;
        }
}
/* /Shared/Sections/Game/CurtainSection.razor.rz.scp.css */
.curtain-section-container[b-s6dgub5fnf] {
    background-color: var(--brown-300);
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    display: flex;
}

.curtain-section-subcontainer[b-s6dgub5fnf] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.curtain-section-curtain[b-s6dgub5fnf] {
    margin-top: -25%;
    position: absolute;
    top: 0;
    height: auto;
    width: 100vw;
    z-index: 0;
}

.curtain-section-content-container[b-s6dgub5fnf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 25%;
    top: 70%;
    scroll-margin: calc(-30px - 12vw);
}

.curtain-section-text-container[b-s6dgub5fnf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    max-width: 310px;
    width: 85vw;
    z-index: 1;
}

    .curtain-section-text-container h1[b-s6dgub5fnf],
    .curtain-section-text-container h2[b-s6dgub5fnf] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
    }

    .curtain-section-text-container h2[b-s6dgub5fnf] {
        font-size: max(min(3vw, 54px), 30px);
        line-height: max(min(6vw, 75px), 30px);
        letter-spacing: 4px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 20px;
    }

    .curtain-section-text-container p[b-s6dgub5fnf] {
        color: var(--tan-700);
        font-family: var(--font-merriweather);
        padding-block: 5%;
    }

    .curtain-section-text-container div[b-s6dgub5fnf] {
        align-items: center;
        display: flex;
        gap: 5px;
    }

.curtain-section-heroes-image[b-s6dgub5fnf] {
    height: auto;
    max-width: 1400px;
    width: 80%;
}

.curtain-section-pagebreak-art[b-s6dgub5fnf] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 12px;
    width: 100%;
    z-index: 1;
}

@media (max-width: 999px) {
    .curtain-section-curtain[b-s6dgub5fnf] {
        width: 115vw;
    }

    .curtain-section-heroes-image[b-s6dgub5fnf] {
        width: 95%;
    }

    .curtain-section-content-container[b-s6dgub5fnf] {
        padding-top: 40%;
    }

}
/* /Shared/Sections/Game/FreeToPlay.razor.rz.scp.css */
.free-container[b-ernx6e33mx] {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    aspect-ratio: 1.70;
    position: relative;
    overflow: hidden;
}

.free-bg-video-container[b-ernx6e33mx] {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.free-bg-video[b-ernx6e33mx] {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.free-bg-video-overlay[b-ernx6e33mx] {
    background-color: var(--brown-200);
    opacity: 0.85;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.free-container-logo[b-ernx6e33mx] {
    margin-top: 5%;
    height: auto;
    max-width: 300px;
    width: 30vw;
}

.free-text-container[b-ernx6e33mx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: calc(10% + 30px);
    max-width: 350px;
    width: 40vw;
    z-index: 1;
}

    .free-text-container h1[b-ernx6e33mx],
    .free-text-container h2[b-ernx6e33mx] {
        color: var(--brown-300);
        font-family: var(--font-sud);
    }

    .free-text-container h2[b-ernx6e33mx] {
        font-size: max(min(3vw, 54px), 30px);
        line-height: max(min(6vw, 75px), 30px);
        letter-spacing: 4px;
        margin-block: 0px;
        margin-top: 0px;
        margin-left: 20px;
    }

    .free-text-container p[b-ernx6e33mx] {
        color: var(--tan-700);
        font-family: var(--font-merriweather);
        padding-block: 5%;
        text-shadow: 0 0 4px #000;
    }

    .free-text-container div[b-ernx6e33mx] {
        align-items: center;
        display: flex;
        gap: 5px;
    }


@media (max-width: 999px) {
    .free-container[b-ernx6e33mx] {
        margin-block: 50px;
    }

    .free-text-container[b-ernx6e33mx] {
        width: 80vw;
    }
}
/* /Shared/Sections/Game/LampsSection.razor.rz.scp.css */
.lamps-section-container[b-nf42kbooew] {
    background-color: var(--brown-300);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding-block: clamp(50px, 500px, 30vw) clamp(50px, 500px, 5vw);
}

.lamps-section-lamps-container[b-nf42kbooew] {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    height: inherit;
    overflow: hidden;
    pointer-events: none;
    width: 100vw;
    z-index: 1;
}

.lamps-section-lamps[b-nf42kbooew] {
    position: absolute;
    max-width: 2000px;
    width: inherit;
}

.lamps-section-text-container[b-nf42kbooew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 100px;
    max-width: 600px;
    width: 40vw;
    z-index: 1;
    scroll-margin: calc(30px + 5vw);
}

    .lamps-section-text-container h1[b-nf42kbooew],
    .lamps-section-text-container h2[b-nf42kbooew] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
    }

    .lamps-section-text-container h2[b-nf42kbooew] {
        font-size: max(min(3vw, 54px), 30px);
        line-height: max(min(6vw, 75px), 30px);
        letter-spacing: 4px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 20px;
    }

    .lamps-section-text-container p[b-nf42kbooew] {
        color: var(--tan-700);
        font-family: var(--font-merriweather);
        padding: 5% 2%;
        max-width: 400px;
    }

    .lamps-section-text-container div[b-nf42kbooew] {
        align-items: center;
        display: flex;
        gap: 5px;
    }

.lamps-section-image[b-nf42kbooew] {
    border-radius: 30px;
    margin-block: calc(2% + 10px);
    height: auto;
    max-width: 1600px;
    width: 94%;
}

@media (max-width: 999px) {
    .lamps-section-container[b-nf42kbooew] {
        padding-block: clamp(20px, 500px, 15vw);
    }

    .lamps-section-text-container[b-nf42kbooew] {
        margin-top: 10px;
    }
}
/* /Shared/Sections/Game/PvPCombat.razor.rz.scp.css */
.pvp-container[b-dhq1mvusoo] {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding-block: 50px;
}

.pvp-text-container[b-dhq1mvusoo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 500px;
    width: 40vw;
    z-index: 1;
}

    .pvp-text-container h1[b-dhq1mvusoo] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
    }

    .pvp-text-container h2[b-dhq1mvusoo] {
        font-size: max(min(3vw, 54px), 30px);
        line-height: max(min(6vw, 75px), 30px);
        letter-spacing: 4px;
        margin-block: 0px;
        margin-top: 0px;
        margin-left: 20px;
    }

    .pvp-text-container p[b-dhq1mvusoo] {
        color: var(--tan-700);
        font-family: var(--font-merriweather);
        padding-block: 5%;
    }

    .pvp-text-container div[b-dhq1mvusoo] {
        align-items: center;
        display: flex;
        gap: 5px;
    }

.pvp-image[b-dhq1mvusoo] {
    padding: calc(2% + 10px);
    height: auto;
    max-width: 1600px;
    width: 100%;
}

.pvp-robot[b-dhq1mvusoo] {
    height: auto;
    max-width: 500px;
    width: 30vw;
}

@media (max-width: 999px) {
    .pvp-text-container[b-dhq1mvusoo] {
        margin-top: 10px;
        width: 80vw;
    }

    .pvp-robot[b-dhq1mvusoo] {
        width: 25vw;
    }
}
/* /Shared/Sections/Game/TradeableCollectibles.razor.rz.scp.css */
.tradeable-container[b-vu2c0dstrf] {
    background-color: var(--tan-700);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding-block: 0 clamp(50px, 2000px, 60vw);
}

.tradeable-subcontainer[b-vu2c0dstrf] {
    background: linear-gradient(var(--tan-700) 75%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    padding-block: 5% 10%;
    width: 100vw;
}

.tradeable-text-container[b-vu2c0dstrf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 5%;
    max-width: 500px;
    width: 40vw;
    z-index: 1;
}

    .tradeable-text-container h1[b-vu2c0dstrf],
    .tradeable-text-container h2[b-vu2c0dstrf] {
        color: var(--brown-300);
        font-family: var(--font-sud);
    }

    .tradeable-text-container h2[b-vu2c0dstrf] {
        font-size: max(min(3vw, 54px), 30px);
        line-height: max(min(6vw, 75px), 30px);
        letter-spacing: 4px;
        margin-block: 0px;
        margin-top: 0px;
        margin-left: 20px;
    }

    .tradeable-text-container p[b-vu2c0dstrf] {
        color: var(--brown-300);
        font-family: var(--font-merriweather);
        padding-block: 5%;
    }

    .tradeable-text-container div[b-vu2c0dstrf] {
        align-items: center;
        display: flex;
        gap: 5px;
    }

.tradeable-media-container[b-vu2c0dstrf] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 25px;
    max-width: 1200px;
    width: 60vw;
}

    .tradeable-media-container video[b-vu2c0dstrf] {
        border-radius: 30px;
        margin: 2%;
        height: auto;
        width: 90%;
    }

.tradeable-media-border[b-vu2c0dstrf] {
    background-repeat: no-repeat;
    border: solid 2px var(--brown-300);
    position: absolute;
    opacity: 0.5;
    pointer-events: none;
    height: 100%;
    width: 95%;
}

.tradeable-media-border-corner[b-vu2c0dstrf] {
    background-color: var(--tan-700);
    border-color: var(--brown-300);
    height: 20px;
    width: 20px;
    position: absolute;
}

#tradeable-media-border-top-left-corner[b-vu2c0dstrf] {
    left: -2px;
    top: -2px;
    border-radius: 0 0 20px 0;
    border-bottom: 2px solid;
    border-right: 2px solid;
}

#tradeable-media-border-top-right-corner[b-vu2c0dstrf] {
    right: -2px;
    top: -2px;
    border-radius: 0 0 0 20px;
    border-bottom: 2px solid;
    border-left: 2px solid;
}

#tradeable-media-border-bottom-left-corner[b-vu2c0dstrf] {
    left: -2px;
    bottom: -2px;
    border-radius: 0 20px 0 0;
    border-top: 2px solid;
    border-right: 2px solid;
}

#tradeable-media-border-bottom-right-corner[b-vu2c0dstrf] {
    right: -2px;
    bottom: -2px;
    border-radius: 20px 0 0 0;
    border-top: 2px solid;
    border-left: 2px solid;
}

@media (max-width: 999px) {
    .tradeable-subcontainer[b-vu2c0dstrf] {
        flex-direction: column;
    }
        .tradeable-text-container[b-vu2c0dstrf] {
        margin-top: 10px;
    }

    .tradeable-media-container[b-vu2c0dstrf] {
        width: 90vw;
    }
}
/* /Shared/Sections/Game/WelcomeBanner.razor.rz.scp.css */
.welcome-container[b-hblaxznmzy] {
    background-color: var(--brown-300);
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding-block: 30px 200px;
}

.welcome-text-container[b-hblaxznmzy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: 2% 0;
    margin-bottom: -4%;
    text-align: center;
    max-width: 1600px;
    width: 90vw;
    z-index: 2;
}

    .welcome-text-container h1[b-hblaxznmzy],
    .welcome-text-container h2[b-hblaxznmzy] {
        color: var(--bazaar-orange);
        font-family: 'SudWebRegular', Helvetica, sans-serif;
    }

    .welcome-text-container h1[b-hblaxznmzy] {
        letter-spacing: 10px;
    }

    .welcome-text-container h2[b-hblaxznmzy] {
        font-size: max(min(3vw, 30px), 14px);
        line-height: max(min(6vw, 30px), 30px);
        letter-spacing: 4px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 20px;
    }

    .welcome-text-container p[b-hblaxznmzy] {
        color: var(--tan-700);
        font-family: 'MerriweatherRegular', Georgia, serif;
        padding-block: 3%;
    }

    .welcome-text-container-sub[b-hblaxznmzy] {
        align-items: center;
        display: flex;
        gap: 5px;
        margin-bottom: 30px;
        text-transform: uppercase;
    }

    .welcome-text-container .to-the[b-hblaxznmzy] {
        font-size: max(min(2vw, 14px), 12px);
        font-style: italic;
        font-family: Georgia;
        margin-bottom: 0px;
        margin-top: 0px;
    }

.welcome-decoration-container[b-hblaxznmzy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
}

    .welcome-decoration-container div[b-hblaxznmzy] {
        border-top: 1px solid var(--bazaar-orange);
        height: 1px;
        opacity: 0.5;
        width: 48%;
    }

.welcome-content-container[b-hblaxznmzy] {
    display: flex;
    flex-wrap: wrap;
    margin-block: 15px;
    max-width: 1400px;
    width: 100%;
}

.welcome-content-item-wrapper[b-hblaxznmzy] {
    flex: 1 0 33.33%;
}

.welcome-content-item[b-hblaxznmzy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 450px;
    margin-inline: auto;
}

    .welcome-content-item img[b-hblaxznmzy] {
        margin-bottom: 30px;
        width: 100%;
    }

    .welcome-content-item h2[b-hblaxznmzy] {
        font-family: 'FreightNeoPro', Helvetica, sans-serif;
        font-size: max(min(2.5vw, 18px), 14px);
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
    }

    .welcome-content-item p[b-hblaxznmzy] {
        font-family: 'FreightNeoPro', Helvetica, sans-serif;
        font-size: max(min(2vw, 14px), 12px);
        width: 90%;
    }

.welcome-art-container[b-hblaxznmzy] {
    position: relative;
}

    .welcome-art-container img[b-hblaxznmzy] {
        height: auto;
        width: 100vw;
    }


@media (max-width: 999px) {
    .welcome-container[b-hblaxznmzy] {
        padding-block: 30px 60px;
    }

    .welcome-content-container[b-hblaxznmzy] {
        margin-block: 10px 20px;
    }

    .welcome-content-item-wrapper[b-hblaxznmzy] {
        flex-basis: 50%;
    }

        .welcome-content-item-wrapper:nth-child(3)[b-hblaxznmzy] {
            flex-basis: 100%;
            align-self: center;
        }

    .welcome-content-item[b-hblaxznmzy] {
        max-width: 50vw;
    }

    .welcome-text-container svg[b-hblaxznmzy] {
        height: 30px;
    }
}

@media (max-width: 600px) {
    .welcome-container[b-hblaxznmzy] {
        padding-block: 30px 40px;
    }

    .welcome-content-item-wrapper[b-hblaxznmzy] {
        flex-basis: 100%;
        align-self: center;
    }

    .welcome-content-item[b-hblaxznmzy] {
        max-width: 400px;
    }
}
/* /Shared/Sections/Home/BetaBeginsBanner.razor.rz.scp.css */
.beta-banner-bg-container[b-qshmkz3py7] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 100px;
}

.beta-banner-title-container[b-qshmkz3py7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: 50px 100px;
    padding-inline: 10px;
}

.beta-banner-title-container h2[b-qshmkz3py7], h3[b-qshmkz3py7], p[b-qshmkz3py7] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud), serif;
    text-wrap: balance;
    text-shadow: 0 1px 4px #0007;
    max-width: 500px;
    margin-inline: auto;
}

.beta_banner_text[b-qshmkz3py7] {
    font-family: var(--font-sud), serif;
    color: var(--bazaar-orange); 
    text-shadow: 0 1px 4px #0007; 
    padding: 0;
    margin-bottom: 55px
}

.beta-banner-title-container p[b-qshmkz3py7] {
    color: var(--tan-700);
    font-family: var(--font-merriweather), serif;
    max-width: 600px;
    margin-inline: auto;
}

.beta-banner-btn-container[b-qshmkz3py7] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
}

.beta-banner-btn-img[b-qshmkz3py7] {
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

.beta-banner-btn-img:hover[b-qshmkz3py7] {
    opacity: 0;
}

.vid_cover[b-qshmkz3py7] {
    cursor: pointer;
    max-width: 39vw;
    height: auto;
    transition: 0.2s scale ease-out, 0.2s filter ease-out;
    scale: 0.96;
    justify-content: center;
    filter: drop-shadow(0 0 6px #0005);
}

.vid_cover:hover[b-qshmkz3py7] {
    scale: 1;
    filter: drop-shadow(0 0 6px #0005);
}

.beta-banner-images-container[b-qshmkz3py7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    width: 90%;
    margin-block: 30px 50px;
    margin-inline: auto;
    margin-bottom: 10px;
}

.flex-container[b-qshmkz3py7] {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    gap: 20px;
}

.beta-banner-art-container[b-qshmkz3py7] {
    position: relative;
}

.beta-banner-art-img[b-qshmkz3py7] {
    scale: 0.96;
    height: auto;
    width: 100%;
    transition: 0.2s scale ease-out, 0.2s filter ease-out;
}

.beta-banner-art-img:hover[b-qshmkz3py7] {
    scale: 1;
    filter: drop-shadow(0 0 6px #0005);
}

.beta-banner-art-outside[b-qshmkz3py7] {
    transform: translateY(-20px);
}

.art-img[b-qshmkz3py7] {
    width: 320px;
    height: 180px;
    filter: drop-shadow(0 0 6px #0005);
}

.desc-text[b-qshmkz3py7] {
    text-align: left;
    padding-right: 8vw;
}

.learn-more-button[b-qshmkz3py7] {
    cursor: pointer;
    position: absolute;
    max-width: 55vw;
    height: auto;
}

.learn-more-button-on-hover[b-qshmkz3py7] {
    cursor: pointer;
    max-width: 55vw;
    height: auto;
}

.text-container[b-qshmkz3py7]{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 30%;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
}

.hero-video-container[b-qshmkz3py7]{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    max-width: 1200px;
    width: 90%;
    gap: 20px;
}

.headline[b-qshmkz3py7]{
    width: 100%;
    text-align: center;
    font-size: 64px;
    line-height: 1em;
    white-space: nowrap;
    font-family: var(--font-sud), serif;
    color: var(--bazaar-orange);
    text-shadow: 0 1px 4px #0007;
    margin-bottom: 30px;
}

.tagline[b-qshmkz3py7]{
    font-size: 20px;
}

@media (max-width: 1199px) {
    .text-container[b-qshmkz3py7]{
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .beta-banner-images-container[b-qshmkz3py7] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        margin-right: 25px;
    }

    .beta-banner-art-container[b-qshmkz3py7] {
        width: 100%;
    }

    .art-img[b-qshmkz3py7] {
        width: 300px;
        height: auto;
    }

    .vid_cover[b-qshmkz3py7]{
        justify-content: center;
        align-items: center;
        max-width: 70vw;
        min-width: 25vw;
        margin-bottom: 2vw;
        margin-top: 0;
    }

    .learn-more-button[b-qshmkz3py7]{
        margin: 0;
    }
    
    .beta_banner_text[b-qshmkz3py7]{
        margin-bottom: 0;
    }

    .headline[b-qshmkz3py7]{
        font-size: 47px;
        white-space: wrap;
    }

    .tagline[b-qshmkz3py7]{
        font-size: 18px;
    }
}
/* /Shared/Sections/Home/ClosedBetaBegins.razor.rz.scp.css */
.beta-banner-bg-container[b-f2iezhq0wy] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-block: 50px 150px;
}

.beta-banner-title-container[b-f2iezhq0wy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    width: 100%;
}

.beta-banner-title-container-img[b-f2iezhq0wy] {
    margin-top: auto;
    margin-bottom: -150px;
    width: 30vw;
    max-width: 400px;
}

.beta-banner-title-container h2[b-f2iezhq0wy], h3[b-f2iezhq0wy], p[b-f2iezhq0wy] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud), serif;
    text-wrap: balance;
    text-shadow: 0 1px 4px #0007;
    max-width: 500px;
    margin-inline: auto;
}

.beta_banner_text[b-f2iezhq0wy] {
    font-family: var(--font-sud), serif;
    color: var(--bazaar-orange);
    text-shadow: 0 1px 4px #0007;
    padding: 0;
    margin-bottom: 55px
}

.beta-banner-title-container p[b-f2iezhq0wy] {
    color: var(--tan-700);
    font-family: var(--font-merriweather), serif;
    max-width: 600px;
    margin-inline: auto;
}

.beta-banner-btn-container[b-f2iezhq0wy] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
}

.beta-banner-btn-img[b-f2iezhq0wy] {
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

.beta-banner-btn-img:hover[b-f2iezhq0wy] {
    opacity: 0;
}

.vid_cover[b-f2iezhq0wy] {
    cursor: pointer;
    max-width: 39vw;
    height: auto;
    transition: 0.2s scale ease-out, 0.2s filter ease-out;
    scale: 0.96;
    justify-content: center;
    filter: drop-shadow(0 0 6px #0005);
}

.vid_cover:hover[b-f2iezhq0wy] {
    scale: 1;
    filter: drop-shadow(0 0 6px #0005);
}

.beta-banner-images-container[b-f2iezhq0wy] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    width: 90%;
    margin-block: 30px 50px;
    margin-inline: auto;
    margin-bottom: 10px;
}

.flex-container[b-f2iezhq0wy] {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    gap: 20px;
}

.beta-banner-art-container[b-f2iezhq0wy] {
    position: relative;
}

.beta-banner-art-img[b-f2iezhq0wy] {
    scale: 0.96;
    height: auto;
    width: 100%;
    transition: 0.2s scale ease-out, 0.2s filter ease-out;
}

.beta-banner-art-img:hover[b-f2iezhq0wy] {
    scale: 1;
    filter: drop-shadow(0 0 6px #0005);
}

.beta-banner-art-outside[b-f2iezhq0wy] {
    transform: translateY(-20px);
}

.art-img[b-f2iezhq0wy] {
    width: 320px;
    height: 180px;
    filter: drop-shadow(0 0 6px #0005);
}

.desc-text[b-f2iezhq0wy] {
    text-align: left;
    padding-right: 8vw;
}

.learn-more-button[b-f2iezhq0wy] {
    cursor: pointer;
    position: absolute;
    max-width: 55vw;
    height: auto;
}

.learn-more-button-on-hover[b-f2iezhq0wy] {
    cursor: pointer;
    max-width: 55vw;
    height: auto;
}

.text-container[b-f2iezhq0wy]{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 30%;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
}

.hero-video-container[b-f2iezhq0wy]{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    max-width: 1200px;
    width: 90%;
    gap: 20px;
}

.headline[b-f2iezhq0wy] {
    width: 100%;
    text-align: center;
    font-size: max(min(4vw, 54px), 30px);
    line-height: 1em;
    white-space: wrap;
    font-family: var(--font-sud), serif;
    color: var(--bazaar-orange);
    text-shadow: 0 1px 4px #0007;
    margin-bottom: 30px;
}

.tagline[b-f2iezhq0wy]{
    font-size: 20px;
    line-height: 20px;
    margin-top: 10px;
}

@media (max-width: 1199px) {
    .text-container[b-f2iezhq0wy]{
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .beta-banner-images-container[b-f2iezhq0wy] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        margin-right: 25px;
    }

    .beta-banner-title-container-img[b-f2iezhq0wy] {
        width: 40vw;
        max-width: 400px;
    }

    .beta-banner-title-container[b-f2iezhq0wy] {
        justify-content: start;
    }

    .beta-banner-title-container-img-right[b-f2iezhq0wy] {
        display: none;
    }

    .beta-banner-art-container[b-f2iezhq0wy] {
        width: 100%;
    }

    .art-img[b-f2iezhq0wy] {
        width: 300px;
        height: auto;
    }

    .vid_cover[b-f2iezhq0wy]{
        justify-content: center;
        align-items: center;
        max-width: 70vw;
        min-width: 25vw;
        margin-bottom: 2vw;
        margin-top: 0;
    }

    .learn-more-button[b-f2iezhq0wy]{
        margin: 0;
    }

    .beta_banner_text[b-f2iezhq0wy]{
        margin-bottom: 0;
    }

    .headline[b-f2iezhq0wy]{
        font-size: 47px;
        white-space: wrap;
    }

    .tagline[b-f2iezhq0wy] {
        font-size: 18px;
        line-height: 18px;
    }
}

.image-text-section[b-f2iezhq0wy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100vh;
    position: relative;
    padding: 20px;
}

.left-image[b-f2iezhq0wy],
.right-image[b-f2iezhq0wy] {
    width: 500px;
    height: auto;
    position: absolute;
    bottom: 0;
    
}

.left-image[b-f2iezhq0wy] {
    left: 0;
}

.right-image[b-f2iezhq0wy] {
    right: 0;
}

.center-text[b-f2iezhq0wy] {
    position: relative;
    display: inline-block;
}

.centered-text[b-f2iezhq0wy] {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    font-size: 24px;
    text-align: center;
    white-space: nowrap;
}

.center-text[b-f2iezhq0wy] {
    margin-bottom: 30px;
}

.countdown-text[b-f2iezhq0wy] {
    font-size: max(min(3vw, 24px), 14px);
}

.countdown-image[b-f2iezhq0wy] {
    height: auto;
    width: 100%;
    max-width: 485px;
}

@media (max-width: 500px) {
    .left-image[b-f2iezhq0wy] {
        display: none;
    }
    .centered-text[b-f2iezhq0wy] {
        padding: 0;
        font-size: 95%;
    }
}

@media (max-width: 900px) {
    .headline[b-f2iezhq0wy] {
        font-size: max(min(5vw, 40px), 20px);
    }

    .tagline[b-f2iezhq0wy] {
        font-size: max(min(2vw, 14px), 12px);
        line-height: 14px;
        margin-top: 10px;
    }

    .countdown-text[b-f2iezhq0wy] {
        font-size: max(min(3vw, 18px), 10px);
    }
}

@media (max-width: 700px) {
    .beta-banner-title-container[b-f2iezhq0wy] {
        justify-content: center;
    }

    .beta-banner-title-container-img-left[b-f2iezhq0wy] {
        display: none;
    }

    .headline[b-f2iezhq0wy] {
        font-size: max(min(6vw, 36px), 20px);
    }
}
/* /Shared/Sections/Home/ContentCreator.razor.rz.scp.css */
.cont-bg-container[b-gi2y05fsvk] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    position: relative;
    padding-top: 50px;
    height: 26vw;
    max-height: 400px;
    width: 100%;
}

.cont-content-container[b-gi2y05fsvk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
    margin-block: clamp(10px, 100px, 2vw) 0;
    height: 100%;
    max-width: 1150px;
    width: 80vw;
    z-index: 1;
}

.cont-text-container[b-gi2y05fsvk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: 0 clamp(10px, 150px, 8vw);
    text-align: center;
    width: 100%;
}

    .cont-text-container h1[b-gi2y05fsvk],
    .cont-text-container p[b-gi2y05fsvk] {
        margin-block: 0 30px;
    }

    .cont-text-container h1[b-gi2y05fsvk] {
        color: var(--bazaar-orange);
        font-family: 'SudWebRegular', Helvetica, sans-serif;
        font-size: max(min(4vw, 40px), 30px);
        max-width: 350px;
    }

    .cont-text-container button[b-gi2y05fsvk] {
        background-color: var(--bazaar-orange);
        border: none;
        border-radius: 6px;
        outline: 1px solid var(--bazaar-orange);
        outline-offset: 6px;
        color: var(--brown-300);
        font-family: 'OpenSansBold', Georgia, serif;
        padding-block: 4px;
        padding-inline: 40px;
        transition: background-color 0.2s ease-out, outline 0.2s ease-out;
    }

        .cont-text-container button:hover[b-gi2y05fsvk] {
            background-color: var(--gold-500);
            outline: 1px dashed var(--brown-900);
        }

.cont-kinaArt[b-gi2y05fsvk] {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    left: 0;
    max-width: 700px;
    width: 45vw;
}

.cont-kinaArt-mobile[b-gi2y05fsvk] {
    display: none;
    max-width: 500px;
    margin-left: calc(8% + 20px);
    width: 85vw;
}

@media (max-width: 999px) {
    .cont-bg-container[b-gi2y05fsvk] {
        min-height: 600px;
        padding-bottom: 0;
    }

    .cont-content-container[b-gi2y05fsvk] {
        flex-direction: column-reverse;
        gap: 0;
        max-height: 200px;
        width: 90vw;
    }
    .cont-text-container[b-gi2y05fsvk] {
        margin: 0;
    }

        .cont-text-container h1[b-gi2y05fsvk] {
            max-width: 320px;
            width: 80vw;
        }

    .cont-kinaArt[b-gi2y05fsvk] {
        display: none;
    }

    .cont-kinaArt-mobile[b-gi2y05fsvk] {
        display: block;
    }
}
/* /Shared/Sections/Home/EnterTheBazaar.razor.rz.scp.css */
.etb-bg-container[b-6dme971k4c] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 50px 0 0;
    overflow: hidden;
}

.etb-main-container[b-6dme971k4c] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}

.etb-content-container[b-6dme971k4c] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 20px 0 0 20px;
    width: 100%;
    z-index: 1;
}

.etb-text-container[b-6dme971k4c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-block: 15px;
    padding-left: 3%;
    max-width: 700px;
    text-align: center;
}

    .etb-text-container h1[b-6dme971k4c] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
    }

    .etb-text-container p[b-6dme971k4c] {
        color: var(--tan-700);
        font-family: var(--font-merriweather);
    }

.etb-building-art[b-6dme971k4c] {
    margin-bottom: -50px;
    height: auto;
    max-width: 1200px;
    width: 60vw;
}

@media (max-width: 999px) {
    .etb-content-container[b-6dme971k4c] {
        flex-direction: column;
    }

    .etb-text-container[b-6dme971k4c] {
        width: 85vw;
        margin-right: 20px;
    }

    #etb-ornament[b-6dme971k4c] {
        display: none;
    }

    .etb-building-art[b-6dme971k4c] {
        margin-right: -3%;
        width: 90vw;
    }
}
/* /Shared/Sections/Home/ExploreNewWorld.razor.rz.scp.css */
.enw-bg-container-mobile[b-vmfcgowq94],
.enw-bg-container[b-vmfcgowq94] {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding: 200px clamp(160px, 400px, 10vw);
    z-index: 1;
}

.enw-bg-container-mobile[b-vmfcgowq94] {
    display: none;
    background-position: center;
    justify-content: center;
    padding: 250px 20px 120px;
}

.enw-curtainBar[b-vmfcgowq94],
.enw-curtainArt[b-vmfcgowq94] {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    max-height: 400px;
    width: 100%;
}

.enw-curtainBar[b-vmfcgowq94] {
    max-height: 64px;
}

.enw-lampArt[b-vmfcgowq94] {
    position: absolute;
    top: 15%;
    left: 35%;
    height: auto;
    width: clamp(50px, 250px, 12vw);
    transform-origin: 50% 0;
}

.enw-content-container[b-vmfcgowq94] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-block: clamp(120px, 400px, 20vw) 0;
    max-width: 800px;
    width: 33vw;
    z-index: 1;
}

    .enw-content-container h1[b-vmfcgowq94] {
        color: var(--bazaar-orange);
        font-family: 'SudWebRegular', Helvetica, sans-serif;
    }

    .enw-content-container p[b-vmfcgowq94] {
        color: var(--tan-700);
        font-family: 'MerriweatherRegular', Georgia, serif;
    }


@media (max-width: 1350px) {
    .enw-bg-container[b-vmfcgowq94] {
        padding: 200px clamp(160px, 400px, calc(300px - 10vw));
    }
}

@media (max-width: 999px) {
    .enw-bg-container[b-vmfcgowq94] {
        display: none;
    }

    .enw-bg-container-mobile[b-vmfcgowq94] {
        display: flex;
    }

    .enw-content-container[b-vmfcgowq94] {
        max-width: 450px;
        width: 65vw;
    }

    .enw-curtainBar[b-vmfcgowq94],
    .enw-curtainArt[b-vmfcgowq94] {
        left: inherit;
        max-height: 250px;
        width: 200vw;
    }
}
/* /Shared/Sections/Home/FoundersPackBanner.razor.rz.scp.css */
.founders-banner-bg-container[b-1kqr1mb640] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
}

.founders-banner-title-container[b-1kqr1mb640] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: 100px;
    padding-inline: 10px;
}

.founders-banner-title-container h2[b-1kqr1mb640] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud);
    text-shadow: 0 1px 4px #0007;
    max-width: 500px;
    margin-inline: auto;
}

.founders-banner-title-container p[b-1kqr1mb640] {
    color: var(--tan-700);
    font-family: var(--font-merriweather);
    max-width: 700px;
    margin-inline: auto;
}

.founders-banner-title-container-tax-notice[b-1kqr1mb640] {
    border: 1px solid var(--tan-700);
    border-radius: 8px;
    font-weight: bold;
    padding: 4px 10px;
    width: fit-content;
}

    .founders-banner-title-container-tax-notice span[b-1kqr1mb640] {
        color: var(--bazaar-orange);
    }

.founders-banner-tier-btn-container[b-1kqr1mb640] {
    position: absolute;
    bottom: -100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.founders-banner-tier-btn-container img[b-1kqr1mb640] {
    max-width: 180px;
    margin-inline: auto;
}

.founders-banner-btn-continer[b-1kqr1mb640] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
}

.founders-banner-btn-img[b-1kqr1mb640] {
    position: relative;
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

    .founders-banner-btn-img:hover[b-1kqr1mb640] {
        opacity: 0;
    }

.founders-banner-tier-btn-container > button:disabled[b-1kqr1mb640] {
    cursor: not-allowed;
}

    .founders-banner-tier-btn-container > button:disabled > .founders-banner-btn-img:hover[b-1kqr1mb640],
    .founders-banner-tier-btn-container > button:disabled > .founders-banner-btn-img[b-1kqr1mb640] {
        filter: grayscale(0.8);
        opacity: 1;
        cursor: not-allowed !important;
    }

.founders-banner-images-container[b-1kqr1mb640] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    margin-block: 20px 50px;
    margin-inline: auto;
}

.founders-banner-art-container[b-1kqr1mb640] {
    position: relative;
    margin-top: auto;
}

.founders-banner-tier-container[b-1kqr1mb640] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.founders-banner-tier-img-container[b-1kqr1mb640] {
    position: relative;
    padding-top: 100px;
    margin-bottom: 130px;
    max-height: 400px;
    width: 100%;
}

.founders-banner-art-img[b-1kqr1mb640] {
    max-height: 100%;
    height: auto;
    max-width: 95%;
    transition: 0.2s scale ease-out, 0.2s filter ease-out;
}

.founders-banner-tier-text-container[b-1kqr1mb640] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .founders-banner-tier-text-container hr[b-1kqr1mb640] {
        color: var(--tan-700);
        margin-block: 8px;
        width: 100%;
    }

    .founders-banner-tier-text-container p[b-1kqr1mb640],
    .founders-banner-tier-text-container h3[b-1kqr1mb640] {
        margin-block: 2px;
    }

.founders-banner-tier-text-container-spacer[b-1kqr1mb640] {
    margin-bottom: 41px;
}

.founders-banner-tier-text-label[b-1kqr1mb640],
.founders-banner-tier-text-title[b-1kqr1mb640] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud);
}

    .founders-banner-tier-text-label[b-1kqr1mb640] {
        margin-right: 4px;
    }

    .founders-banner-tier-text-item[b-1kqr1mb640] {
        color: var(--tan-700);
        font-family: var(--font-merriweather);
    }

.founders-banner-tier-text-cbi[b-1kqr1mb640] {
    background-color: var(--bazaar-orange);
    color: var(--brown-200) !important;
    font-family: var(--font-openSans) !important;
    font-size: max(min(2vw, 14px), 10px);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 2px 6px;
    margin-block: 0 !important;
}

    .founders-banner-tier-text-cbi.note-red[b-1kqr1mb640] {
        background-color: var(--red-700) !important;
        color: var(--btn-gold-text-inactive) !important;
    }

@media (max-width: 799px) {
    .founders-banner-title-container[b-1kqr1mb640] {
        padding-block: 160px 100px;
    }

    .founders-banner-images-container[b-1kqr1mb640] {
        flex-wrap: wrap;
        gap: 20px;
    }

    .founders-banner-art-container[b-1kqr1mb640] {
        max-width: 40%;
    }

    .founders-banner-tier-btn-container[b-1kqr1mb640] {
        bottom: -30px;
    }

    .founders-banner-tier-img-container[b-1kqr1mb640] {
        padding-top: 10px;
        margin-bottom: 50px;
    }

    .founders-banner-tier-btn-container img[b-1kqr1mb640] {
        height: auto;
        max-width: 150px;
    }
}

@media (max-width: 499px) {
    .founders-banner-art-container[b-1kqr1mb640] {
        max-width: 90%;
    }
}
/* /Shared/Sections/Home/Heroes.razor.rz.scp.css */
.heroes-bg-container[b-ip3nx5s4so] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-block: clamp(10px, 40px, 2vw);
    overflow: hidden;
    z-index: 1;
}

.heroes-border-container[b-ip3nx5s4so] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    height: 85%;
    min-width: 1380px;
    width: 95%;
}

.heroes-content-container[b-ip3nx5s4so] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.heroes-text-container[b-ip3nx5s4so] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-block: 20px;
    text-align: center;
    max-width: 1540px;
    width: 95vw;
}

    .heroes-text-container h1[b-ip3nx5s4so] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
        font-size: max(min(3.25vw, 24px), 18px);
        margin-bottom: 20px;
        max-width: 600px;
        width: 260px;
    }

    .heroes-text-container p[b-ip3nx5s4so] {
        color: var(--tan-700);
        font-family: var(--font-merriweather);
        text-align: center;
        max-width: 700px;
        width: 70%;
    }

@media (max-width: 999px) {
    .heroes-border-container[b-ip3nx5s4so] {
        aspect-ratio: 1.47;
        height: 90%;
        width: auto;
    }

    .heroes-content-container h1[b-ip3nx5s4so] {
        width: 90%;
    }

    .heroes-text-container[b-ip3nx5s4so] {
        gap: 8px;
    }

    .heroes-text-container h1[b-ip3nx5s4so] {
        max-width: 260px;
        width: 80vw;
    }
}
/* /Shared/Sections/Home/HomeCommunity.razor.rz.scp.css */
.com-bg-container[b-nrj2qnx6ai] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-block: 80px 120px;
    width: 100%;
}

.com-content-container[b-nrj2qnx6ai] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: clamp(10px, 100px, 2vw) clamp(10px, 100px, 1vw);
    max-width: 850px;
    width: 45vw;
    z-index: 1;
}

.com-text-container[b-nrj2qnx6ai] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: 0 clamp(10px, 100px, 2vw);
    text-align: center;
    width: 100%;
}

    .com-text-container h1[b-nrj2qnx6ai],
    .com-text-container p[b-nrj2qnx6ai] {
        color: var(--brown-600);
        margin-block: 20px 15px;
    }

    .com-text-container h1[b-nrj2qnx6ai] {
        font-family: var(--font-sud);
    }

    .com-text-container p[b-nrj2qnx6ai] {
        font-family: var(--font-merriweather);
    }

.com-robotArt[b-nrj2qnx6ai] {
    position: absolute;
    bottom: 0;
    pointer-events: none;
}

.com-robotArt-tall[b-nrj2qnx6ai] {
    left: 0;
    max-width: 600px;
    width: 32vw;
}

.com-robotArt-balloon[b-nrj2qnx6ai] {
    right: 5%;
    max-width: 400px;
    width: 20vw;
}

.com-robotArt-mobile[b-nrj2qnx6ai] {
    display: none;
    max-width: 300px;
    width: 60vw;
}

@media (max-width: 999px) {
    .com-bg-container[b-nrj2qnx6ai] {
        padding-block: 40px 0;
    }

    .com-content-container[b-nrj2qnx6ai] {
        width: 90vw;
    }

    .com-robotArt[b-nrj2qnx6ai] {
        display: none;
    }

    .com-robotArt-mobile[b-nrj2qnx6ai] {
        display: block;
    }
}
/* /Shared/Sections/Home/JoinOurCommunityBanner.razor.rz.scp.css */
.join-our-community-banner-bg-container[b-6bsmz1cqnk] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    justify-content: left;
    position: relative;
    padding-block: 100px 150px;
}

.join-our-community-banner-title-container[b-6bsmz1cqnk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-inline: 10px;
    margin-left: 100px;
}

.join-our-community-banner-title-container h2[b-6bsmz1cqnk] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud), sans-serif;
    text-shadow: 0 1px 4px #0007;
    max-width: 500px;
    margin-inline: auto;
}

.join-our-community-banner-title-container p[b-6bsmz1cqnk], h5[b-6bsmz1cqnk] {
    color: var(--tan-700);
    font-family: var(--font-merriweather), sans-serif;
    max-width: 600px;
    margin-inline: auto;
}

.community-eels-art-foreground[b-6bsmz1cqnk] {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 99%;
}

hr[b-6bsmz1cqnk] {
    border: 0;
    clear: both;
    display: block;
    width: 96%;
    background-color: var(--orange-600);
    height: 1px;
    margin-bottom: 35px;
    margin-top: 35px;
}

.join-our-community-borderBottom[b-6bsmz1cqnk] {
    border-top: 1px solid var(--orange-600);
    margin: 20px 0;
}

@media (max-width: 1300px) {
    .community-eels-art-foreground[b-6bsmz1cqnk] {
        height: 60%;
    }
}

@media (max-width: 999px) {
    .join-our-community-banner-bg-container[b-6bsmz1cqnk] {
        padding-top: 50px;
        display: flex;
        flex-direction: column;
        align-content: center;
    }

    .community-eels-art-foreground[b-6bsmz1cqnk] {
        height: 80%;
    }

    hr[b-6bsmz1cqnk] {
        opacity: 0
    }
}

@media (max-width: 900px) {
    .join-our-community-banner-title-container[b-6bsmz1cqnk] {
        margin-left: 68px;
        margin-top: 40px;
        text-align: center;
    }

    .community-eels-art-foreground[b-6bsmz1cqnk] {
        height: 50%;
    }

    h5[b-6bsmz1cqnk] {
        font-size: 95%;
    }
}

@media (max-width: 399px) {
    .join-our-community-banner-bg-container[b-6bsmz1cqnk] {
        padding-block: 40px;
        text-align: center;
    }

    .join-our-community-banner-title-container[b-6bsmz1cqnk] {
        margin-left: 68px;
        margin-top: 40px;
        text-align: center;
    }

    h5[b-6bsmz1cqnk] {
        font-size: 80%;
    }
}
/* /Shared/Sections/Home/JoinTheCommunity.razor.rz.scp.css */
.jtc-bg-container[b-7ohuiiou57] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 50px 0;
}

.jtc-content-container[b-7ohuiiou57] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 100px 20px;
    width: 800px;
    z-index: 2;
}

    .jtc-content-container p[b-7ohuiiou57] {
        width: 70%;
    }

.jtc-text-container[b-7ohuiiou57] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-block: 20px;
    text-align: center;
}

    .jtc-text-container h1[b-7ohuiiou57] {
        color: var(--bazaar-orange);
        font-family: 'SudWebRegular', Helvetica, sans-serif;
    }

    .jtc-text-container p[b-7ohuiiou57] {
        color: var(--tan-700);
        font-family: 'MerriweatherRegular', Georgia, serif;
        text-align: center;
    }
/* /Shared/Sections/Home/MainBanner.razor.rz.scp.css */
.home-bg-container[b-2yphm5qv9i] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 50px 0;
}

.home-bg-video-container[b-2yphm5qv9i] {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.home-bg-video[b-2yphm5qv9i] {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.home-bg-video-overlay[b-2yphm5qv9i] {
    background-color: var(--brown-200);
    opacity: 0.5;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.home-logo-container[b-2yphm5qv9i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: clamp(50px, 250px, 10vw) 250px;
}

.home-logo[b-2yphm5qv9i] {
    height: auto;
    max-width: 540px;
    width: 50vw;
}

.home-logo-container h3[b-2yphm5qv9i] {
    color: white;
    font-family: var(--font-sud);
    text-shadow: 0 1px 4px #0007;
}

.home-btn-trailer-continer[b-2yphm5qv9i] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
}

.home-btn-trailer[b-2yphm5qv9i] {
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

    .home-btn-trailer:hover[b-2yphm5qv9i] {
        opacity: 0;
    }
/* /Shared/Sections/Home/PreregFoundersCTABanner.razor.rz.scp.css */
.prereg-founders-cta-banner-bg-container[b-2g3kpwmw5u] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-height: 830px;
    overflow: hidden;
}

.prereg-founders-cta-banner-content-container[b-2g3kpwmw5u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.prereg-founders-cta-banner-section-bg-container[b-2g3kpwmw5u] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 50px 10px;
    width: 50%;
}

.prereg-founders-cta-banner-section-container[b-2g3kpwmw5u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: clamp(50px, 250px, 9vw) 250px;
}

    .prereg-founders-cta-banner-section-container h2[b-2g3kpwmw5u] {
        color: var(--bazaar-orange);
        font-family: var(--font-sud);
        text-shadow: 0 1px 4px #0007;
        margin-bottom: 1px;
    }

.founders-banner-btn-container[b-2g3kpwmw5u] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
    justify-content: center;
}

.prereg-founders-cta-banner-btn[b-2g3kpwmw5u] {
    cursor: pointer;
    height: auto;
    max-width: min(99%, 600px);
    transform: scale(0.95);
    transition: 0.2s filter ease-out, 0.2s transform ease-out;
    z-index: 1;
}

    .prereg-founders-cta-banner-btn:hover[b-2g3kpwmw5u] {
        filter: brightness(1.15) drop-shadow(0 0 8px #0007);
        transform: scale(1);
    }

.prereg-img-characters-container[b-2g3kpwmw5u] {
    pointer-events: none;
    opacity: 1;
    position: absolute;
    bottom: 0;
    height: 100%;
    max-height: 400px;
    width: 100%;
    transition: 0.2s opacity ease-out;
}

.prereg-img-character-right[b-2g3kpwmw5u],
.prereg-img-character-left[b-2g3kpwmw5u] {
    position: absolute;
    max-height: 400px;
}

.prereg-img-character-left[b-2g3kpwmw5u] {
    left: -1px;
}

.prereg-img-character-right[b-2g3kpwmw5u] {
    right: -1px;
}

@media (max-width: 999px) {
    .prereg-img-characters-container[b-2g3kpwmw5u] {
        opacity: 0;
    }
}

@media (max-width: 799px) {
    .prereg-founders-cta-banner-bg-container[b-2g3kpwmw5u] {
        max-height: 900px;
    }

    .prereg-founders-cta-banner-content-container[b-2g3kpwmw5u] {
        flex-direction: column;
    }

    .prereg-founders-cta-banner-section-bg-container[b-2g3kpwmw5u] {
        padding: 10px;
        width: 100%;
    }

    .prereg-founders-cta-banner-section-container[b-2g3kpwmw5u] {
        margin-block: 20px;
    }

    .prereg-founders-cta-banner-section-title-container[b-2g3kpwmw5u] {
        display: none;
    }

    .prereg-founders-cta-banner-btn[b-2g3kpwmw5u] {
        max-width: min(99%, 500px);
    }
}
/* /Shared/Sections/Home/PreregistrationBanner.razor.rz.scp.css */
.prereg-banner-bg-container[b-p4xjrqiqam] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-block: 100px 150px;
}

.prereg-banner-title-container[b-p4xjrqiqam] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: 50px 100px;
    padding-inline: 10px;
}

.prereg-banner-title-container h2[b-p4xjrqiqam] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud);
    text-shadow: 0 1px 4px #0007;
    max-width: 500px;
    margin-inline: auto;
}

.prereg-banner-title-container p[b-p4xjrqiqam] {
    color: var(--tan-700);
    font-family: var(--font-merriweather);
    max-width: 630px;
    margin-inline: auto;
}

.prereg-banner-btn-continer[b-p4xjrqiqam] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
}

.prereg-banner-btn-img[b-p4xjrqiqam] {
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

    .prereg-banner-btn-img:hover[b-p4xjrqiqam] {
        opacity: 0;
    }

.prereg-banner-images-container[b-p4xjrqiqam] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    width: 90%;
    margin-block: 30px 50px;
    margin-inline: auto;
}

.prereg-banner-art-container[b-p4xjrqiqam] {
    position: relative;
}

    .prereg-banner-art-img[b-p4xjrqiqam] {
        scale: 0.96;
        height: auto;
        width: 100%;
        transition: 0.2s scale ease-out, 0.2s filter ease-out;
    }

        .prereg-banner-art-img:hover[b-p4xjrqiqam] {
            scale: 1;
            filter: drop-shadow(0 0 6px #0005);
        }

.prereg-banner-art-outside[b-p4xjrqiqam] {
    transform: translateY(-20px);
}

.prereg-banner-art-center[b-p4xjrqiqam] {
    transform: translateY(20px);
}

@media (max-width: 799px) {
    .prereg-banner-bg-container[b-p4xjrqiqam] {
        padding-block: 80px;
    }

    .prereg-banner-title-container[b-p4xjrqiqam] {
        margin-block: 30px 60px;
    }

    .prereg-banner-images-container[b-p4xjrqiqam] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .prereg-banner-art-container[b-p4xjrqiqam] {
        max-width: 32%;
    }

    .prereg-banner-art-outside[b-p4xjrqiqam] {
        transform: translateY(0);
    }

    .prereg-banner-art-center[b-p4xjrqiqam] {
        transform: translateY(0);
    }
}

@media (max-width: 399px) {
    .prereg-banner-bg-container[b-p4xjrqiqam] {
        padding-block: 40px;
    }

    .prereg-banner-title-container[b-p4xjrqiqam] {
        margin-block: 10px 20px;
    }

    .prereg-banner-art-container[b-p4xjrqiqam] {
        max-width: 40%;
    }
}
/* /Shared/Sections/Home/TradeableCollectibles.razor.rz.scp.css */
.trd-bg-container[b-bt6krwnm8u] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 50px 0;
}

.trd-content-container[b-bt6krwnm8u] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 50px 100px;
    max-width: 1200px;
    width: 90vw;
    z-index: 1;
}

.trd-text-container[b-bt6krwnm8u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 50px;
    text-align: center;
    width: 50vw;
}

    .trd-text-container h1[b-bt6krwnm8u] {
        color: var(--bazaar-orange);
        font-family: 'SudWebRegular', Helvetica, sans-serif;
    }

    .trd-text-container p[b-bt6krwnm8u] {
        color: var(--tan-700);
        font-family: 'MerriweatherRegular', Georgia, serif;
    }

.trd-carousel-container[b-bt6krwnm8u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-inline: 50px;
    width: 50vw;
}

.trd-porthole[b-bt6krwnm8u] {
    pointer-events: none;
    width: 100%;
    z-index: 1;
}

.trd-carousel[b-bt6krwnm8u] {
    width: 83%;
}

@media (max-width: 999px) {
    .trd-content-container[b-bt6krwnm8u] {
        flex-direction: column;
        margin-block: 20px 50px;
    }

    .trd-text-container[b-bt6krwnm8u] {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .trd-carousel-container[b-bt6krwnm8u] {
        width: 70vw;
    }
}
/* /Shared/Sections/Preregistration/PreregistrationUnlocks.razor.rz.scp.css */
.ptu-bg-container[b-ua0q2mv25t] {
    background-color: var(--brown-250);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-height: 900px;
    overflow: hidden;
}

.ptu-content-container[b-ua0q2mv25t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ptu-title-container[b-ua0q2mv25t] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: clamp(50px, 150px, 10vw) 250px;
    padding: 10px;
    width: 50%;
}

.ptu-flourish-lower[b-ua0q2mv25t],
.ptu-title-container-header[b-ua0q2mv25t] {
    position: absolute;
    width: 100%;
}

.ptu-flourish-upper[b-ua0q2mv25t] {
    max-width: 800px;
    margin-inline: auto;
}

.ptu-title-container-header[b-ua0q2mv25t] {
    top: clamp(-148px, -50px, -11vw);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ptu-flourish-lower[b-ua0q2mv25t] {
    position: absolute;
    bottom: -210px;
    max-width: 800px;
}

.ptu-number-container[b-ua0q2mv25t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

    .ptu-number-container p[b-ua0q2mv25t] {
        border-bottom: 5px solid transparent;
        color: var(--bazaar-orange) !important;
        font-family: var(--font-sud) !important;
        margin-inline: unset !important;
    }

.ptu-number-container-active[b-ua0q2mv25t] {
    border-bottom: 5px solid var(--bazaar-orange) !important;
}

.ptu-image-container[b-ua0q2mv25t] {
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 50%;
    padding-block: clamp(50px, 150px, 10vw) 250px;
}

.ptu-player-title-image[b-ua0q2mv25t] {
    width: 375px;
}

.ptu-title-container h1[b-ua0q2mv25t] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud);
    max-width: 300px;
    margin-inline: auto;
}

.ptu-title-container p[b-ua0q2mv25t] {
    color: var(--tan-700);
    font-family: var(--font-merriweather);
    max-width: 450px;
    margin-inline: auto;
}

.ptu-btn[b-ua0q2mv25t] {
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

    .ptu-btn:hover[b-ua0q2mv25t] {
        opacity: 0;
    }


@media (max-width: 999px) {
    .ptu-flourish-lower[b-ua0q2mv25t] {
        bottom: -210px;
    }
}

@media (max-width: 799px) {
    .ptu-bg-container[b-ua0q2mv25t] {
        max-height: unset;
    }

    .ptu-content-container[b-ua0q2mv25t] {
        flex-direction: column-reverse;
    }

    .ptu-title-container[b-ua0q2mv25t],
    .ptu-image-container[b-ua0q2mv25t] {
        width: 100%;
    }

    .ptu-title-container[b-ua0q2mv25t] {
        margin-block: 160px 180px;
    }

    .ptu-image-container[b-ua0q2mv25t] {
        padding-block: 100px 200px;
    }

    .ptu-flourish-upper[b-ua0q2mv25t],
    .ptu-flourish-lower[b-ua0q2mv25t] {
        max-width: 375px;
        margin-inline: auto;
        width: 100%;
    }

    .ptu-flourish-lower[b-ua0q2mv25t] {
        bottom: -100px;
    }

    .ptu-title-container-header[b-ua0q2mv25t] {
        top: -158px;
    }
}

@media (max-width: 313px) {
    .ptu-flourish-lower[b-ua0q2mv25t] {
        bottom: -75px;
    }
}
/* /Shared/Sections/Preregistration/TitleBanner.razor.rz.scp.css */
.preregistration-bg-overlay[b-qdkhoqvuq9] {
    background-color: var(--brown-200);
    opacity: 0.78;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.preregistration-bg-container[b-qdkhoqvuq9] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 50px 0;
}

.preregistration-title-container[b-qdkhoqvuq9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: clamp(50px, 250px, 10vw) 250px;
}

.preregistration-logo[b-qdkhoqvuq9] {
    height: auto;
    max-width: 540px;
    width: 50vw;
}

.preregistration-title-container h1[b-qdkhoqvuq9] {
    color: var(--bazaar-orange);
    font-family: var(--font-sud);
    text-shadow: 0 1px 4px #0007;
    max-width: 500px;
    margin-inline: auto;
}

.preregistration-title-container p[b-qdkhoqvuq9] {
    color: var(--tan-700);
    font-family: var(--font-merriweather);
    max-width: 600px;
    margin-inline: auto;
}

.preregistration-btn-continer[b-qdkhoqvuq9] {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
}

.preregistration-btn[b-qdkhoqvuq9] {
    opacity: 1;
    transition: 0.2s opacity ease-out;
    z-index: 1;
}

    .preregistration-btn:hover[b-qdkhoqvuq9] {
        opacity: 0;
    }