:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: Montserrat, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

progress {
    vertical-align: initial
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:where(:not([type])):focus,
select:focus,
textarea:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: 0 0 #fff, 0 0 0 1px #2563eb, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: #6b7280;
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2563eb, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=checkbox]:indeterminate,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
    background-color: currentColor;
    border-color: #0000
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
    background-color: currentColor;
    border-color: #0000
}

*,
::backdrop,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.min-w-min {
    min-width: min-content !important
}

.select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.\!gap-x-0 {
    column-gap: 0 !important
}

.gap-x-2 {
    column-gap: .5rem !important
}

.gap-x-4 {
    column-gap: 1rem !important
}

.gap-x-8 {
    column-gap: 2rem !important
}

.gap-x-\[\.5rem\] {
    column-gap: .5rem !important
}

.border-transparent {
    border-color: #0000 !important
}

.border-l-transparent {
    border-left-color: #0000 !important
}

.border-r-transparent {
    border-right-color: #0000 !important
}

.bg-transparent {
    background-color: initial !important
}

.from-footer-bg-primary,
.from-footer-bg-secondary {
    --tw-gradient-from: #323637 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #32363700 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-primary {
    --tw-gradient-from: #5bdd65 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #5bdd6500 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-primary\/5 {
    --tw-gradient-from: #5bdd650d var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #5bdd6500 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-transparent {
    --tw-gradient-from: #0000 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #0000 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-white\/0 {
    --tw-gradient-from: #fff0 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-white\/10 {
    --tw-gradient-from: #ffffff1a var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-white\/20 {
    --tw-gradient-from: #fff3 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.via-white\/60 {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #fff9 var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.via-white\/70 {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #ffffffb3 var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.via-white\/80 {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #fffc var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.to-black\/20 {
    --tw-gradient-to: #0003 var(--tw-gradient-to-position) !important
}

.to-primary\/20 {
    --tw-gradient-to: #5bdd6533 var(--tw-gradient-to-position) !important
}

.to-transparent {
    --tw-gradient-to: #0000 var(--tw-gradient-to-position) !important
}

.to-white\/0 {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position) !important
}

.object-contain {
    object-fit: contain !important
}

.object-cover {
    object-fit: cover !important
}

.object-center {
    object-position: center !important
}

.object-top {
    object-position: top !important
}

.placeholder-transparent::placeholder {
    color: #0000 !important
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-black\/40 {
    --tw-shadow-color: #0006 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.outline-none {
    outline: 2px solid #0000 !important;
    outline-offset: 2px !important
}

.ring-black\/5 {
    --tw-ring-color: #0000000d !important
}

.drop-shadow-\[0_0_15px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-drop-shadow: drop-shadow(0 0 15px #0000004d) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 0 15px rgba(0, 0, 0, .3)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.focus\:border-transparent:focus {
    border-color: #0000 !important
}

.focus\:outline-none:focus {
    outline: 2px solid #0000 !important;
    outline-offset: 2px !important
}

@media (min-width:768px) {
    .md\:relative {
        position: relative !important
    }

    .md\:bottom-5 {
        bottom: 1.25rem !important
    }

    .md\:left-5 {
        left: 1.25rem !important
    }

    .md\:right-2 {
        right: .5rem !important
    }

    .md\:top-5 {
        top: 1.25rem !important
    }

    .md\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .md\:my-8 {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .md\:-mb-4 {
        margin-bottom: -1rem !important
    }

    .md\:-mt-6 {
        margin-top: -1.5rem !important
    }

    .md\:mb-0 {
        margin-bottom: 0 !important
    }

    .md\:mb-1 {
        margin-bottom: .25rem !important
    }

    .md\:mb-1\.5 {
        margin-bottom: .375rem !important
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem !important
    }

    .md\:mb-2 {
        margin-bottom: .5rem !important
    }

    .md\:mb-3 {
        margin-bottom: .75rem !important
    }

    .md\:mb-4 {
        margin-bottom: 1rem !important
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem !important
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem !important
    }

    .md\:mb-8 {
        margin-bottom: 2rem !important
    }

    .md\:mb-\[30px\] {
        margin-bottom: 30px !important
    }

    .md\:mr-4 {
        margin-right: 1rem !important
    }

    .md\:mt-0 {
        margin-top: 0 !important
    }

    .md\:mt-1 {
        margin-top: .25rem !important
    }

    .md\:mt-5 {
        margin-top: 1.25rem !important
    }

    .md\:inline {
        display: inline !important
    }

    .md\:flex {
        display: flex !important
    }

    .md\:grid {
        display: grid !important
    }

    .md\:hidden {
        display: none !important
    }

    .md\:\!h-10 {
        height: 2.5rem !important
    }

    .md\:\!h-12 {
        height: 3rem !important
    }

    .md\:h-10 {
        height: 2.5rem !important
    }

    .md\:h-5 {
        height: 1.25rem !important
    }

    .md\:h-7 {
        height: 1.75rem !important
    }

    .md\:h-8 {
        height: 2rem !important
    }

    .md\:h-\[200px\] {
        height: 200px !important
    }

    .md\:h-\[220px\] {
        height: 220px !important
    }

    .md\:h-\[68px\] {
        height: 68px !important
    }

    .md\:max-h-\[350px\] {
        max-height: 350px !important
    }

    .md\:max-h-\[42px\] {
        max-height: 42px !important
    }

    .md\:max-h-\[550px\] {
        max-height: 550px !important
    }

    .md\:max-h-none {
        max-height: none !important
    }

    .md\:w-5 {
        width: 1.25rem !important
    }

    .md\:w-\[12px\] {
        width: 12px !important
    }

    .md\:w-\[220px\] {
        width: 220px !important
    }

    .md\:w-\[26px\] {
        width: 26px !important
    }

    .md\:w-auto {
        width: auto !important
    }

    .md\:min-w-\[300px\] {
        min-width: 300px !important
    }

    .md\:min-w-\[45\%\] {
        min-width: 45% !important
    }

    .md\:max-w-2xl {
        max-width: 42rem !important
    }

    .md\:max-w-\[350px\] {
        max-width: 350px !important
    }

    .md\:max-w-\[450px\] {
        max-width: 450px !important
    }

    .md\:max-w-\[50\%\] {
        max-width: 50% !important
    }

    .md\:max-w-sm {
        max-width: 24rem !important
    }

    .md\:cursor-auto {
        cursor: auto !important
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    .md\:flex-row {
        flex-direction: row !important
    }

    .md\:items-center {
        align-items: center !important
    }

    .md\:justify-center {
        justify-content: center !important
    }

    .md\:justify-between {
        justify-content: space-between !important
    }

    .md\:gap-1 {
        gap: .25rem !important
    }

    .md\:gap-2 {
        gap: .5rem !important
    }

    .md\:gap-4 {
        gap: 1rem !important
    }

    .md\:gap-5 {
        gap: 1.25rem !important
    }

    .md\:gap-6 {
        gap: 1.5rem !important
    }

    .md\:gap-\[25px\] {
        gap: 25px !important
    }

    .md\:gap-x-4 {
        column-gap: 1rem !important
    }

    .md\:gap-x-5 {
        column-gap: 1.25rem !important
    }

    .md\:gap-y-4 {
        row-gap: 1rem !important
    }

    .md\:border-2 {
        border-width: 2px !important
    }

    .md\:p-10 {
        padding: 2.5rem !important
    }

    .md\:p-4 {
        padding: 1rem !important
    }

    .md\:p-5 {
        padding: 1.25rem !important
    }

    .md\:p-6 {
        padding: 1.5rem !important
    }

    .md\:px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .md\:px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .md\:px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .md\:px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .md\:px-3\.5 {
        padding-left: .875rem !important;
        padding-right: .875rem !important
    }

    .md\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .md\:px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .md\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .md\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .md\:py-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .md\:py-1\.5 {
        padding-bottom: .375rem !important;
        padding-top: .375rem !important
    }

    .md\:py-10 {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .md\:py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .md\:py-3 {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .md\:py-4 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .md\:py-5 {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .md\:py-6 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .md\:pb-2 {
        padding-bottom: .5rem !important
    }

    .md\:pb-6 {
        padding-bottom: 1.5rem !important
    }

    .md\:pl-3 {
        padding-left: .75rem !important
    }

    .md\:pr-4 {
        padding-right: 1rem !important
    }

    .md\:pt-16 {
        padding-top: 4rem !important
    }

    .md\:pt-2 {
        padding-top: .5rem !important
    }

    .md\:text-center {
        text-align: center !important
    }

    .md\:text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .md\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }

    .md\:text-\[\.62rem\] {
        font-size: .62rem !important
    }

    .md\:text-\[\.7rem\] {
        font-size: .7rem !important
    }

    .md\:text-\[\.84rem\] {
        font-size: .84rem !important
    }

    .md\:text-\[\.92rem\] {
        font-size: .92rem !important
    }

    .md\:text-\[\.9rem\] {
        font-size: .9rem !important
    }

    .md\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .md\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .md\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .md\:text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }

    .md\:font-medium {
        font-weight: 500 !important
    }

    .md\:leading-5 {
        line-height: 1.25rem !important
    }

    .md\:leading-7 {
        line-height: 1.75rem !important
    }

    .md\:opacity-100 {
        opacity: 1 !important
    }
}

@media (min-width:1024px) {
    .lg\:\!bottom-8 {
        bottom: 2rem !important
    }

    .lg\:bottom-\[20px\] {
        bottom: 20px !important
    }

    .lg\:left-10 {
        left: 2.5rem !important
    }

    .lg\:right-10 {
        right: 2.5rem !important
    }

    .lg\:right-2 {
        right: .5rem !important
    }

    .lg\:top-2 {
        top: .5rem !important
    }

    .lg\:top-\[65px\] {
        top: 65px !important
    }

    .lg\:z-10 {
        z-index: 10 !important
    }

    .lg\:-mx-1 {
        margin-left: -.25rem !important;
        margin-right: -.25rem !important
    }

    .lg\:-mx-4 {
        margin-left: -1rem !important;
        margin-right: -1rem !important
    }

    .lg\:my-8 {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .lg\:-mt-6 {
        margin-top: -1.5rem !important
    }

    .lg\:mb-0 {
        margin-bottom: 0 !important
    }

    .lg\:mb-1 {
        margin-bottom: .25rem !important
    }

    .lg\:mb-1\.5 {
        margin-bottom: .375rem !important
    }

    .lg\:mb-10 {
        margin-bottom: 2.5rem !important
    }

    .lg\:mb-2 {
        margin-bottom: .5rem !important
    }

    .lg\:mb-4 {
        margin-bottom: 1rem !important
    }

    .lg\:mb-5 {
        margin-bottom: 1.25rem !important
    }

    .lg\:mb-7 {
        margin-bottom: 1.75rem !important
    }

    .lg\:mt-0 {
        margin-top: 0 !important
    }

    .lg\:mt-4 {
        margin-top: 1rem !important
    }

    .lg\:flex {
        display: flex !important
    }

    .lg\:hidden {
        display: none !important
    }

    .lg\:h-16 {
        height: 4rem !important
    }

    .lg\:h-6 {
        height: 1.5rem !important
    }

    .lg\:h-\[38px\] {
        height: 38px !important
    }

    .lg\:h-\[41px\] {
        height: 41px !important
    }

    .lg\:h-\[45px\] {
        height: 45px !important
    }

    .lg\:h-\[500px\] {
        height: 500px !important
    }

    .lg\:h-\[60px\] {
        height: 60px !important
    }

    .lg\:h-\[70vh\] {
        height: 70vh !important
    }

    .lg\:h-\[88px\] {
        height: 88px !important
    }

    .lg\:\!max-h-\[14\.83px\] {
        max-height: 14.83px !important
    }

    .lg\:max-h-\[38px\] {
        max-height: 38px !important
    }

    .lg\:max-h-\[44px\] {
        max-height: 44px !important
    }

    .lg\:w-1\/3 {
        width: 33.333333% !important
    }

    .lg\:w-12 {
        width: 3rem !important
    }

    .lg\:w-3\/5 {
        width: 60% !important
    }

    .lg\:w-4\/5 {
        width: 80% !important
    }

    .lg\:w-40 {
        width: 10rem !important
    }

    .lg\:w-6 {
        width: 1.5rem !important
    }

    .lg\:w-\[130px\] {
        width: 130px !important
    }

    .lg\:w-\[16\%\] {
        width: 16% !important
    }

    .lg\:w-\[256px\] {
        width: 256px !important
    }

    .lg\:w-\[280px\] {
        width: 280px !important
    }

    .lg\:w-\[60\%\] {
        width: 60% !important
    }

    .lg\:w-\[60px\] {
        width: 60px !important
    }

    .lg\:w-\[70px\] {
        width: 70px !important
    }

    .lg\:w-\[fit\] {
        width: fit !important
    }

    .lg\:w-auto {
        width: auto !important
    }

    .lg\:w-full {
        width: 100% !important
    }

    .lg\:min-w-16 {
        min-width: 4rem !important
    }

    .lg\:min-w-\[100px\] {
        min-width: 100px !important
    }

    .lg\:min-w-\[120px\] {
        min-width: 120px !important
    }

    .lg\:max-w-\[250px\] {
        max-width: 250px !important
    }

    .lg\:flex-none {
        flex: none !important
    }

    .lg\:translate-x-0 {
        --tw-translate-x: 0px !important;
        transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .lg\:scale-100 {
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important
    }

    .lg\:flex-row {
        flex-direction: row !important
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap !important
    }

    .lg\:items-center {
        align-items: center !important
    }

    .lg\:\!justify-start,
    .lg\:justify-start {
        justify-content: flex-start !important
    }

    .lg\:\!justify-end {
        justify-content: flex-end !important
    }

    .lg\:justify-between {
        justify-content: space-between !important
    }

    .lg\:gap-1 {
        gap: .25rem !important
    }

    .lg\:gap-2 {
        gap: .5rem !important
    }

    .lg\:gap-3 {
        gap: .75rem !important
    }

    .lg\:gap-5 {
        gap: 1.25rem !important
    }

    .lg\:gap-x-6 {
        column-gap: 1.5rem !important
    }

    .lg\:border-x {
        border-left-width: 1px !important;
        border-right-width: 1px !important
    }

    .lg\:border-l {
        border-left-width: 1px !important
    }

    .lg\:border-bg-primary {
        --tw-border-opacity: 1 !important;
        border-color: #212425 !important;
        border-color: rgb(33 36 37/var(--tw-border-opacity)) !important
    }

    .lg\:bg-\[\#3d8bb9\] {
        --tw-bg-opacity: 1 !important;
        background-color: #3d8bb9 !important;
        background-color: rgb(61 139 185/var(--tw-bg-opacity)) !important
    }

    .lg\:bg-button-bg {
        --tw-bg-opacity: 1 !important;
        background-color: #5bdd65 !important;
        background-color: #5bdd65 !important
    }

    .lg\:p-5 {
        padding: 1.25rem !important
    }

    .lg\:p-6 {
        padding: 1.5rem !important
    }

    .lg\:px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .lg\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .lg\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .lg\:py-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .lg\:py-1\.5 {
        padding-bottom: .375rem !important;
        padding-top: .375rem !important
    }

    .lg\:py-4 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .lg\:py-5 {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .lg\:pb-\[50px\] {
        padding-bottom: 50px !important
    }

    .lg\:pb-\[70px\] {
        padding-bottom: 70px !important
    }

    .lg\:pl-4 {
        padding-left: 1rem !important
    }

    .lg\:pl-\[280px\] {
        padding-left: 280px !important
    }

    .lg\:pl-\[70px\] {
        padding-left: 70px !important
    }

    .lg\:pr-4 {
        padding-right: 1rem !important
    }

    .lg\:pt-3 {
        padding-top: .75rem !important
    }

    .lg\:pt-3\.5 {
        padding-top: .875rem !important
    }

    .lg\:text-left {
        text-align: left !important
    }

    .lg\:text-center {
        text-align: center !important
    }

    .lg\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }

    .lg\:text-\[\.72rem\] {
        font-size: .72rem !important
    }

    .lg\:text-\[\.8rem\] {
        font-size: .8rem !important
    }

    .lg\:text-\[0\.85rem\] {
        font-size: .85rem !important
    }

    .lg\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .lg\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .lg\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .lg\:text-xs {
        font-size: .75rem !important;
        line-height: 1rem !important
    }

    .lg\:first\:pt-6:first-child {
        padding-top: 1.5rem !important
    }

    .lg\:hover\:bg-button-bg:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #5bdd65 !important;
        background-color: #5bdd65 !important
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-spacing: 0
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    /* src: url(./Montserrat-Regular.Dakiolyu.woff2) format("woff2"), url(./Montserrat-Regular.WNSj2wLb.woff) format("woff") */
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    /* src: url(./Montserrat-Medium.RPTwwBi6.woff2) format("woff2"), url(./Montserrat-Medium.QgKRRsjx.woff) format("woff") */
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    /* src: url(./Montserrat-SemiBold.Ry_SfOKt.woff2) format("woff2"), url(./Montserrat-SemiBold.B2T_Gwvc.woff) format("woff") */
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    /* src: url(./Montserrat-Bold.DEGtcBAD.woff2) format("woff2"), url(./Montserrat-Bold.DOOxKaHs.woff) format("woff") */
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    /* src: url(./Montserrat-800-latin60.Co2xg9Dg.woff2) format("woff2") */
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    /* src: url(./Roboto-Medium.D_UZUm-s.woff2) format("woff2"), url(./Roboto-Medium.DH-iRUaM.woff) format("woff") */
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    /* src: url(./Roboto-Bold.CyJiW675.woff2) format("woff2"), url(./Roboto-Bold.D1lTURi8.woff) format("woff") */
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    /* src: url(./Roboto-Regular.g-opMIF6.woff2) format("woff2"), url(./Roboto-Regular.CfDDYa6Q.woff) format("woff") */
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    /* src: url(./Roboto-Light.-TzFADkf.woff2) format("woff2"), url(./Roboto-Light.QWUam5Wb.woff) format("woff") */
}

/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: Montserrat, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:where(:not([type])),
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:where(:not([type])):focus,
select:focus,
textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: 0 0 #fff, 0 0 0 1px #2563eb, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-meridiem-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-year-field {
    padding-bottom: 0;
    padding-top: 0
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple],
[size]:where(select:not([size="1"])) {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: #6b7280;
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2563eb, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    [type=checkbox]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    [type=radio]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
    background-color: currentColor;
    border-color: transparent
}

[type=checkbox]:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

@media (forced-colors:active) {
    [type=checkbox]:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
    background-color: currentColor;
    border-color: transparent
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-radius: 0;
    border-width: 0;
    font-size: unset;
    line-height: inherit;
    padding: 0
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width:368px) {
    .container {
        max-width: 368px
    }
}

@media (min-width:390px) {
    .container {
        max-width: 390px
    }
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.pointer-events-none {
    pointer-events: none !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.collapse {
    visibility: collapse !important
}

.static {
    position: static !important
}

.fixed {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.\!relative,
.relative {
    position: relative !important
}

.inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
}

.inset-y-0 {
    bottom: 0 !important;
    top: 0 !important
}

.\!bottom-4 {
    bottom: 1rem !important
}

.\!bottom-8 {
    bottom: 2rem !important
}

.\!left-\[50\%\] {
    left: 50% !important
}

.\!start-\[50px\] {
    inset-inline-start: 50px !important
}

.\!top-auto {
    top: auto !important
}

.-bottom-5 {
    bottom: -1.25rem !important
}

.-bottom-\[\.4rem\] {
    bottom: -.4rem !important
}

.-bottom-\[2px\] {
    bottom: -2px !important
}

.-bottom-\[4px\] {
    bottom: -4px !important
}

.-left-1 {
    left: -.25rem !important
}

.-left-\[100vw\] {
    left: -100vw !important
}

.-left-\[1px\] {
    left: -1px !important
}

.-left-\[80vw\] {
    left: -80vw !important
}

.-right-\[1px\] {
    right: -1px !important
}

.-right-\[2px\] {
    right: -2px !important
}

.-right-\[3\%\] {
    right: -3% !important
}

.-right-\[4px\] {
    right: -4px !important
}

.-top-0 {
    top: 0 !important
}

.-top-1 {
    top: -.25rem !important
}

.-top-\[2px\] {
    top: -2px !important
}

.-top-\[4px\] {
    top: -4px !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-28 {
    bottom: 7rem !important
}

.bottom-3 {
    bottom: .75rem !important
}

.bottom-\[20px\] {
    bottom: 20px !important
}

.bottom-\[56px\] {
    bottom: 56px !important
}

.bottom-\[57\.52px\] {
    bottom: 57.52px !important
}

.bottom-\[62px\] {
    bottom: 62px !important
}

.bottom-auto {
    bottom: auto !important
}

.bottom-full {
    bottom: 100% !important
}

.left-0 {
    left: 0 !important
}

.left-1\/2 {
    left: 50% !important
}

.left-10 {
    left: 2.5rem !important
}

.left-2 {
    left: .5rem !important
}

.left-4 {
    left: 1rem !important
}

.left-5 {
    left: 1.25rem !important
}

.left-72 {
    left: 18rem !important
}

.left-\[10\%\] {
    left: 10% !important
}

.left-\[2\%\] {
    left: 2% !important
}

.left-\[20\%\] {
    left: 20% !important
}

.left-\[25\%\] {
    left: 25% !important
}

.left-\[5\%\] {
    left: 5% !important
}

.left-\[50\%\] {
    left: 50% !important
}

.left-\[5px\] {
    left: 5px !important
}

.left-\[75\%\] {
    left: 75% !important
}

.right-0 {
    right: 0 !important
}

.right-1 {
    right: .25rem !important
}

.right-1\.5 {
    right: .375rem !important
}

.right-10 {
    right: 2.5rem !important
}

.right-2 {
    right: .5rem !important
}

.right-3 {
    right: .75rem !important
}

.right-4 {
    right: 1rem !important
}

.right-5 {
    right: 1.25rem !important
}

.right-\[10\%\] {
    right: 10% !important
}

.right-\[2\%\] {
    right: 2% !important
}

.right-\[20\%\] {
    right: 20% !important
}

.right-\[25\%\] {
    right: 25% !important
}

.right-\[5\%\] {
    right: 5% !important
}

.right-\[75\%\] {
    right: 75% !important
}

.right-\[8px\] {
    right: 8px !important
}

.start-4 {
    inset-inline-start: 1rem !important
}

.top-0 {
    top: 0 !important
}

.top-1 {
    top: .25rem !important
}

.top-1\.5 {
    top: .375rem !important
}

.top-1\/2 {
    top: 50% !important
}

.top-2 {
    top: .5rem !important
}

.top-4 {
    top: 1rem !important
}

.top-\[1\.5em\] {
    top: 1.5em !important
}

.top-\[100\%\] {
    top: 100% !important
}

.top-\[50\%\] {
    top: 50% !important
}

.top-\[8px\] {
    top: 8px !important
}

.top-\[initial\] {
    top: auto !important
}

.top-full {
    top: 100% !important
}

.isolate {
    isolation: isolate !important
}

.-z-0 {
    z-index: 0 !important
}

.-z-10 {
    z-index: -10 !important
}

.z-0 {
    z-index: 0 !important
}

.z-10 {
    z-index: 10 !important
}

.z-20 {
    z-index: 20 !important
}

.z-30 {
    z-index: 30 !important
}

.z-40 {
    z-index: 40 !important
}

.z-50 {
    z-index: 50 !important
}

.z-\[2\] {
    z-index: 2 !important
}

.z-\[50\] {
    z-index: 50 !important
}

.z-\[555\] {
    z-index: 555 !important
}

.z-\[599\] {
    z-index: 599 !important
}

.z-\[5\] {
    z-index: 5 !important
}

.z-\[60\] {
    z-index: 60 !important
}

.z-\[70\] {
    z-index: 70 !important
}

.z-\[80\] {
    z-index: 80 !important
}

.z-\[888\] {
    z-index: 888 !important
}

.z-\[90\] {
    z-index: 90 !important
}

.z-\[98\] {
    z-index: 98 !important
}

.z-\[9999\] {
    z-index: 9999 !important
}

.z-\[999\] {
    z-index: 999 !important
}

.z-\[99\] {
    z-index: 99 !important
}

.z-\[9\] {
    z-index: 9 !important
}

.col-span-2 {
    grid-column: span 2/span 2 !important
}

.col-span-3 {
    grid-column: span 3/span 3 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: .75rem !important
}

.-mx-3 {
    margin-left: -.75rem !important;
    margin-right: -.75rem !important
}

.-mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
}

.-mx-5 {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important
}

.-mx-6 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important
}

.-my-1 {
    margin-bottom: -.25rem !important;
    margin-top: -.25rem !important
}

.-my-2 {
    margin-bottom: -.5rem !important;
    margin-top: -.5rem !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mx-0\.5 {
    margin-left: .125rem !important;
    margin-right: .125rem !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
}

.my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
}

.my-3 {
    margin-bottom: .75rem !important;
    margin-top: .75rem !important
}

.my-4 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
}

.my-5 {
    margin-bottom: 1.25rem !important;
    margin-top: 1.25rem !important
}

.\!mb-4 {
    margin-bottom: 1rem !important
}

.\!mr-0 {
    margin-right: 0 !important
}

.\!mt-1 {
    margin-top: .25rem !important
}

.-mb-1 {
    margin-bottom: -.25rem !important
}

.-mb-2 {
    margin-bottom: -.5rem !important
}

.-mb-4 {
    margin-bottom: -1rem !important
}

.-mt-0 {
    margin-top: 0 !important
}

.-mt-1 {
    margin-top: -.25rem !important
}

.-mt-2 {
    margin-top: -.5rem !important
}

.-mt-3 {
    margin-top: -.75rem !important
}

.-mt-4 {
    margin-top: -1rem !important
}

.-mt-6 {
    margin-top: -1.5rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-0\.5 {
    margin-bottom: .125rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-1\.5 {
    margin-bottom: .375rem !important
}

.mb-10 {
    margin-bottom: 2.5rem !important
}

.mb-16 {
    margin-bottom: 4rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.mb-3\.5 {
    margin-bottom: .875rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.mb-5 {
    margin-bottom: 1.25rem !important
}

.mb-6 {
    margin-bottom: 1.5rem !important
}

.mb-8 {
    margin-bottom: 2rem !important
}

.mb-9 {
    margin-bottom: 2.25rem !important
}

.mb-\[1px\] {
    margin-bottom: 1px !important
}

.mb-\[20px\] {
    margin-bottom: 20px !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-0\.5 {
    margin-left: .125rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-1\.5 {
    margin-left: .375rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.ml-5 {
    margin-left: 1.25rem !important
}

.ml-auto {
    margin-left: auto !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mr-\[23px\] {
    margin-right: 23px !important
}

.mr-auto {
    margin-right: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-0\.5 {
    margin-top: .125rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-1\.5 {
    margin-top: .375rem !important
}

.mt-10 {
    margin-top: 2.5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mt-5 {
    margin-top: 1.25rem !important
}

.mt-6 {
    margin-top: 1.5rem !important
}

.mt-7 {
    margin-top: 1.75rem !important
}

.mt-8 {
    margin-top: 2rem !important
}

.mt-\[58px\] {
    margin-top: 58px !important
}

.block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.inline {
    display: inline !important
}

.flex {
    display: flex !important
}

.inline-flex {
    display: inline-flex !important
}

.table {
    display: table !important
}

.grid {
    display: grid !important
}

.contents {
    display: contents !important
}

.hidden {
    display: none !important
}

.aspect-\[1\/1\] {
    aspect-ratio: 1/1 !important
}

.aspect-\[12\/6\] {
    aspect-ratio: 12/6 !important
}

.aspect-\[25\/29\] {
    aspect-ratio: 25/29 !important
}

.aspect-\[3\/2\] {
    aspect-ratio: 3/2 !important
}

.\!h-5 {
    height: 1.25rem !important
}

.\!h-8 {
    height: 2rem !important
}

.\!h-9 {
    height: 2.25rem !important
}

.h-1 {
    height: .25rem !important
}

.h-1\.5 {
    height: .375rem !important
}

.h-10 {
    height: 2.5rem !important
}

.h-12 {
    height: 3rem !important
}

.h-14 {
    height: 3.5rem !important
}

.h-16 {
    height: 4rem !important
}

.h-2 {
    height: .5rem !important
}

.h-20 {
    height: 5rem !important
}

.h-3 {
    height: .75rem !important
}

.h-3\.5 {
    height: .875rem !important
}

.h-4 {
    height: 1rem !important
}

.h-5 {
    height: 1.25rem !important
}

.h-6 {
    height: 1.5rem !important
}

.h-7 {
    height: 1.75rem !important
}

.h-8 {
    height: 2rem !important
}

.h-9 {
    height: 2.25rem !important
}

.h-\[\.8em\] {
    height: .8em !important
}

.h-\[1\.25em\] {
    height: 1.25em !important
}

.h-\[1\.2em\] {
    height: 1.2em !important
}

.h-\[100\%\] {
    height: 100% !important
}

.h-\[100px\] {
    height: 100px !important
}

.h-\[10px\] {
    height: 10px !important
}

.h-\[110px\] {
    height: 110px !important
}

.h-\[12px\] {
    height: 12px !important
}

.h-\[140px\] {
    height: 140px !important
}

.h-\[1px\] {
    height: 1px !important
}

.h-\[2\.1rem\] {
    height: 2.1rem !important
}

.h-\[200px\] {
    height: 200px !important
}

.h-\[20px\] {
    height: 20px !important
}

.h-\[22px\] {
    height: 22px !important
}

.h-\[24px\] {
    height: 24px !important
}

.h-\[30\.88px\] {
    height: 30.88px !important
}

.h-\[32px\] {
    height: 32px !important
}

.h-\[35px\] {
    height: 35px !important
}

.h-\[3px\] {
    height: 3px !important
}

.h-\[40px\] {
    height: 40px !important
}

.h-\[44vh\] {
    height: 44vh !important
}

.h-\[48px\] {
    height: 48px !important
}

.h-\[50px\] {
    height: 50px !important
}

.h-\[54px\] {
    height: 54px !important
}

.h-\[58px\] {
    height: 58px !important
}

.h-\[60px\] {
    height: 60px !important
}

.h-\[8px\] {
    height: 8px !important
}

.h-auto {
    height: auto !important
}

.h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important
}

.h-full {
    height: 100% !important
}

.h-px {
    height: 1px !important
}

.h-screen {
    height: 100vh !important
}

.\!max-h-\[14\.83px\] {
    max-height: 14.83px !important
}

.\!max-h-\[15\.25px\] {
    max-height: 15.25px !important
}

.\!max-h-\[26px\] {
    max-height: 26px !important
}

.\!max-h-\[32px\] {
    max-height: 32px !important
}

.\!max-h-\[36px\] {
    max-height: 36px !important
}

.\!max-h-\[40px\] {
    max-height: 40px !important
}

.\!max-h-\[42px\] {
    max-height: 42px !important
}

.max-h-0 {
    max-height: 0 !important
}

.max-h-16 {
    max-height: 4rem !important
}

.max-h-60 {
    max-height: 15rem !important
}

.max-h-\[150px\] {
    max-height: 150px !important
}

.max-h-\[18px\] {
    max-height: 18px !important
}

.max-h-\[220px\] {
    max-height: 220px !important
}

.max-h-\[22px\] {
    max-height: 22px !important
}

.max-h-\[28px\] {
    max-height: 28px !important
}

.max-h-\[30px\] {
    max-height: 30px !important
}

.max-h-\[32px\] {
    max-height: 32px !important
}

.max-h-\[3px\] {
    max-height: 3px !important
}

.max-h-\[500px\] {
    max-height: 500px !important
}

.max-h-\[56vh\] {
    max-height: 56vh !important
}

.max-h-\[60px\] {
    max-height: 60px !important
}

.max-h-full {
    max-height: 100% !important
}

.max-h-none {
    max-height: none !important
}

.min-h-\[100px\] {
    min-height: 100px !important
}

.min-h-\[50px\] {
    min-height: 50px !important
}

.min-h-\[560px\] {
    min-height: 560px !important
}

.min-h-\[600px\] {
    min-height: 600px !important
}

.min-h-full {
    min-height: 100% !important
}

.\!w-auto {
    width: auto !important
}

.\!w-full {
    width: 100% !important
}

.w-1 {
    width: .25rem !important
}

.w-1\/2 {
    width: 50% !important
}

.w-1\/3 {
    width: 33.333333% !important
}

.w-10 {
    width: 2.5rem !important
}

.w-12 {
    width: 3rem !important
}

.w-14 {
    width: 3.5rem !important
}

.w-2\/3 {
    width: 66.666667% !important
}

.w-2\/5 {
    width: 40% !important
}

.w-24 {
    width: 6rem !important
}

.w-3 {
    width: .75rem !important
}

.w-3\.5 {
    width: .875rem !important
}

.w-3\/5 {
    width: 60% !important
}

.w-32 {
    width: 8rem !important
}

.w-36 {
    width: 9rem !important
}

.w-4 {
    width: 1rem !important
}

.w-40 {
    width: 10rem !important
}

.w-5 {
    width: 1.25rem !important
}

.w-56 {
    width: 14rem !important
}

.w-6 {
    width: 1.5rem !important
}

.w-64 {
    width: 16rem !important
}

.w-7 {
    width: 1.75rem !important
}

.w-8 {
    width: 2rem !important
}

.w-8\/12 {
    width: 66.666667% !important
}

.w-9 {
    width: 2.25rem !important
}

.w-\[\.8em\] {
    width: .8em !important
}

.w-\[1\.25em\] {
    width: 1.25em !important
}

.w-\[1\.2em\] {
    width: 1.2em !important
}

.w-\[1\.6em\] {
    width: 1.6em !important
}

.w-\[100\%\] {
    width: 100% !important
}

.w-\[100px\] {
    width: 100px !important
}

.w-\[10px\] {
    width: 10px !important
}

.w-\[110px\] {
    width: 110px !important
}

.w-\[140px\] {
    width: 140px !important
}

.w-\[16\%\] {
    width: 16% !important
}

.w-\[1px\] {
    width: 1px !important
}

.w-\[20px\] {
    width: 20px !important
}

.w-\[22px\] {
    width: 22px !important
}

.w-\[24px\] {
    width: 24px !important
}

.w-\[280px\] {
    width: 280px !important
}

.w-\[39\.19px\] {
    width: 39.19px !important
}

.w-\[40\%\] {
    width: 40% !important
}

.w-\[40px\] {
    width: 40px !important
}

.w-\[50px\] {
    width: 50px !important
}

.w-\[58px\] {
    width: 58px !important
}

.w-\[60px\] {
    width: 60px !important
}

.w-\[70\%\] {
    width: 70% !important
}

.w-\[70px\] {
    width: 70px !important
}

.w-\[80\%\] {
    width: 80% !important
}

.w-\[80px\] {
    width: 80px !important
}

.w-\[80vw\] {
    width: 80vw !important
}

.w-\[90px\] {
    width: 90px !important
}

.w-\[95px\] {
    width: 95px !important
}

.w-auto {
    width: auto !important
}

.w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.w-full {
    width: 100% !important
}

.w-screen {
    width: 100vw !important
}

.min-w-12 {
    min-width: 3rem !important
}

.min-w-3 {
    min-width: .75rem !important
}

.min-w-8 {
    min-width: 2rem !important
}

.min-w-\[132px\] {
    min-width: 132px !important
}

.min-w-\[279px\] {
    min-width: 279px !important
}

.min-w-\[280px\] {
    min-width: 280px !important
}

.min-w-\[40\%\] {
    min-width: 40% !important
}

.min-w-\[50px\] {
    min-width: 50px !important
}

.min-w-\[6rem\] {
    min-width: 6rem !important
}

.min-w-\[80vw\] {
    min-width: 80vw !important
}

.min-w-\[84px\] {
    min-width: 84px !important
}

.min-w-\[90\%\] {
    min-width: 90% !important
}

.min-w-full {
    min-width: 100% !important
}

.min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important
}

.max-w-\[100\%\] {
    max-width: 100% !important
}

.max-w-\[10em\] {
    max-width: 10em !important
}

.max-w-\[10rem\] {
    max-width: 10rem !important
}

.max-w-\[110px\] {
    max-width: 110px !important
}

.max-w-\[1140px\] {
    max-width: 1140px !important
}

.max-w-\[1200px\] {
    max-width: 1200px !important
}

.max-w-\[120px\] {
    max-width: 120px !important
}

.max-w-\[150px\] {
    max-width: 150px !important
}

.max-w-\[200px\] {
    max-width: 200px !important
}

.max-w-\[220px\] {
    max-width: 220px !important
}

.max-w-\[22px\] {
    max-width: 22px !important
}

.max-w-\[24px\] {
    max-width: 24px !important
}

.max-w-\[280px\] {
    max-width: 280px !important
}

.max-w-\[320px\] {
    max-width: 320px !important
}

.max-w-\[350px\] {
    max-width: 350px !important
}

.max-w-\[360px\] {
    max-width: 360px !important
}

.max-w-\[40vw\] {
    max-width: 40vw !important
}

.max-w-\[50\%\] {
    max-width: 50% !important
}

.max-w-\[60px\] {
    max-width: 60px !important
}

.max-w-\[80\%\] {
    max-width: 80% !important
}

.max-w-\[800px\] {
    max-width: 800px !important
}

.max-w-\[80px\] {
    max-width: 80px !important
}

.max-w-\[80vw\] {
    max-width: 80vw !important
}

.max-w-\[850px\] {
    max-width: 850px !important
}

.max-w-\[calc\(100\%-60px\)\] {
    max-width: calc(100% - 60px) !important
}

.max-w-full {
    max-width: 100% !important
}

.max-w-lg {
    max-width: 32rem !important
}

.max-w-md {
    max-width: 28rem !important
}

.flex-1 {
    flex: 1 1 0% !important
}

.flex-none {
    flex: none !important
}

.flex-shrink {
    flex-shrink: 1 !important
}

.flex-grow {
    flex-grow: 1 !important
}

.grow-0 {
    flex-grow: 0 !important
}

.border-collapse {
    border-collapse: collapse !important
}

.origin-top-right {
    transform-origin: top right !important
}

.-translate-x-1\/2 {
    --tw-translate-x: -50% !important;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-x-full {
    --tw-translate-x: -100% !important;
    transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-y-1\/2 {
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-y-16 {
    --tw-translate-y: -4rem !important;
    transform: translate(var(--tw-translate-x), -4rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50% !important;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[50\%\] {
    --tw-translate-x: 50% !important;
    transform: translate(50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-0 {
    --tw-translate-y: 0px !important;
    transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-px {
    --tw-translate-y: 1px !important;
    transform: translate(var(--tw-translate-x), 1px) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-100 {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-110 {
    --tw-scale-x: 1.1 !important;
    --tw-scale-y: 1.1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-90 {
    --tw-scale-x: .9 !important;
    --tw-scale-y: .9 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.9) scaleY(.9) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-95 {
    --tw-scale-x: .95 !important;
    --tw-scale-y: .95 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95) !important
}

.scale-95,
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite !important
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite !important
}

.cursor-default {
    cursor: default !important
}

.cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-text {
    cursor: text !important
}

.select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory !important
}

.list-outside {
    list-style-position: outside !important
}

.list-decimal {
    list-style-type: decimal !important
}

.list-none {
    list-style-type: none !important
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important
}

.flex-row {
    flex-direction: row !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-col {
    flex-direction: column !important
}

.flex-col-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.place-items-center {
    place-items: center !important
}

.items-start {
    align-items: flex-start !important
}

.items-end {
    align-items: flex-end !important
}

.items-center {
    align-items: center !important
}

.items-baseline {
    align-items: baseline !important
}

.items-stretch {
    align-items: stretch !important
}

.\!justify-start,
.justify-start {
    justify-content: flex-start !important
}

.justify-end {
    justify-content: flex-end !important
}

.justify-center {
    justify-content: center !important
}

.justify-between {
    justify-content: space-between !important
}

.justify-evenly {
    justify-content: space-evenly !important
}

.justify-stretch {
    justify-content: stretch !important
}

.gap-0 {
    gap: 0 !important
}

.gap-0\.5 {
    gap: .125rem !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-1\.5 {
    gap: .375rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-2\.5 {
    gap: .625rem !important
}

.gap-3 {
    gap: .75rem !important
}

.gap-4 {
    gap: 1rem !important
}

.gap-5 {
    gap: 1.25rem !important
}

.gap-6 {
    gap: 1.5rem !important
}

.gap-\[\.4rem\] {
    gap: .4rem !important
}

.gap-\[15px\] {
    gap: 15px !important
}

.gap-\[2px\] {
    gap: 2px !important
}

.gap-\[8px\] {
    gap: 8px !important
}

.\!gap-x-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
}

.\!gap-y-3 {
    row-gap: .75rem !important
}

.gap-x-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.gap-x-4 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.gap-x-8 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important
}

.gap-x-\[\.5rem\] {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.gap-y-0 {
    row-gap: 0 !important
}

.gap-y-2 {
    row-gap: .5rem !important
}

.gap-y-3 {
    row-gap: .75rem !important
}

.-space-x-px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: -1px !important;
    margin-left: calc(-1px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: 0 !important;
    margin-right: calc(-1px*var(--tw-space-x-reverse)) !important
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-bottom-width: 0 !important;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse)) !important;
    border-top-width: 1px !important;
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) !important
}

.self-center {
    align-self: center !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overscroll-x-auto {
    overscroll-behavior-x: auto !important
}

.truncate {
    overflow: hidden !important;
    white-space: nowrap !important
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis !important
}

.whitespace-normal {
    white-space: normal !important
}

.whitespace-nowrap {
    white-space: nowrap !important
}

.text-nowrap {
    text-wrap: nowrap !important
}

.break-words {
    overflow-wrap: break-word !important
}

.\!rounded-md {
    border-radius: .375rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-2xl {
    border-radius: 1rem !important
}

.rounded-\[5px\] {
    border-radius: 5px !important
}

.rounded-full {
    border-radius: 9999px !important
}

.rounded-lg {
    border-radius: .5rem !important
}

.rounded-md {
    border-radius: .375rem !important
}

.rounded-none {
    border-radius: 0 !important
}

.rounded-sm {
    border-radius: .125rem !important
}

.rounded-xl {
    border-radius: .75rem !important
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

.rounded-e-md {
    border-end-end-radius: .375rem !important;
    border-start-end-radius: .375rem !important
}

.rounded-l-\[inherit\] {
    border-bottom-left-radius: inherit !important;
    border-top-left-radius: inherit !important
}

.rounded-l-md {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
}

.rounded-l-none {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-r-\[inherit\] {
    border-bottom-right-radius: inherit !important;
    border-top-right-radius: inherit !important
}

.rounded-r-md {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
}

.rounded-r-none {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-s-md {
    border-end-start-radius: .375rem !important;
    border-start-start-radius: .375rem !important
}

.rounded-t-lg {
    border-top-right-radius: .5rem !important
}

.rounded-t-lg,
.rounded-tl-lg {
    border-top-left-radius: .5rem !important
}

.rounded-tr-lg {
    border-top-right-radius: .5rem !important
}

.border {
    border-width: 1px !important
}

.border-0 {
    border-width: 0 !important
}

.border-2,
.border-\[2px\] {
    border-width: 2px !important
}

.border-\[3px\] {
    border-width: 3px !important
}

.border-\[5px\] {
    border-width: 5px !important
}

.border-b {
    border-bottom-width: 1px !important
}

.border-b-2 {
    border-bottom-width: 2px !important
}

.border-b-4,
.border-b-\[4px\] {
    border-bottom-width: 4px !important
}

.border-b-\[5px\] {
    border-bottom-width: 5px !important
}

.border-l {
    border-left-width: 1px !important
}

.border-l-4 {
    border-left-width: 4px !important
}

.border-l-\[5px\] {
    border-left-width: 5px !important
}

.border-r {
    border-right-width: 1px !important
}

.border-r-4 {
    border-right-width: 4px !important
}

.border-r-\[1px\] {
    border-right-width: 1px !important
}

.border-r-\[5px\] {
    border-right-width: 5px !important
}

.border-t {
    border-top-width: 1px !important
}

.border-t-0 {
    border-top-width: 0 !important
}

.border-t-2 {
    border-top-width: 2px !important
}

.border-t-4 {
    border-top-width: 4px !important
}

.border-solid {
    border-style: solid !important
}

.border-dashed {
    border-style: dashed !important
}

.border-dotted {
    border-style: dotted !important
}

.border-none {
    border-style: none !important
}

.border-auth-links {
    --tw-border-opacity: 1 !important;
    border-color: #5d85fc !important;
    border-color: rgb(255 222 0/var(--tw-border-opacity)) !important
}

.border-auth-text-inputs\/20,
.border-auth-texts\/20 {
    border-color: #fdffff33 !important
}

.border-auth-texts\/60 {
    border-color: #fdffff99 !important
}

.border-bg-primary {
    --tw-border-opacity: 1 !important;
    border-color: #212425 !important;
    border-color: rgb(33 36 37/var(--tw-border-opacity)) !important
}

.border-bg-primary\/60 {
    border-color: #21242599 !important
}

.border-bg-secondary {
    --tw-border-opacity: 1 !important;
    border-color: #323637 !important;
    border-color: rgb(50 54 55/var(--tw-border-opacity)) !important
}

.border-current {
    border-color: currentColor !important
}

.border-error {
    --tw-border-opacity: 1 !important;
    border-color: #f1416c !important;
    border-color: rgb(241 65 108/var(--tw-border-opacity)) !important
}

.border-game-button-bg {
    --tw-border-opacity: 1 !important;
    border-color: #5bdd65 !important;
    border-color: rgb(255 222 0/var(--tw-border-opacity)) !important
}

.border-game-icon {
    --tw-border-opacity: 1 !important;
    border-color: #212425 !important;
    border-color: rgb(33 36 37/var(--tw-border-opacity)) !important
}

.border-header-bg {
    --tw-border-opacity: 1 !important;
    border-color: #323637 !important;
    border-color: rgb(50 54 55/var(--tw-border-opacity)) !important
}

.border-primary {
    --tw-border-opacity: 1 !important;
    border-color: #5bdd65 !important;
    border-color: rgb(255 222 0/var(--tw-border-opacity)) !important
}

.border-primary\/70 {
    border-color: #5bdd65b3 !important
}

.border-sidebar-links\/10,
.border-texts\/10 {
    border-color: #fdffff1a !important
}

.border-transparent {
    border-color: transparent !important
}

.border-warning {
    --tw-border-opacity: 1 !important;
    border-color: #ff9f43 !important;
    border-color: rgb(255 159 67/var(--tw-border-opacity)) !important
}

.border-white {
    --tw-border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.border-white\/10 {
    border-color: #ffffff1a !important
}

.border-white\/20 {
    border-color: #fff3 !important
}

.border-white\/50 {
    border-color: #ffffff80 !important
}

.border-b-bg-secondary {
    --tw-border-opacity: 1 !important;
    border-bottom-color: #323637 !important;
    border-bottom-color: rgb(50 54 55/var(--tw-border-opacity)) !important
}

.border-b-header-links\/10 {
    border-bottom-color: #fdffff1a !important
}

.border-l-transparent {
    border-left-color: transparent !important
}

.border-r-bg-primary\/80 {
    border-right-color: #212425cc !important
}

.border-r-primary {
    --tw-border-opacity: 1 !important;
    border-right-color: #5bdd65 !important;
    border-right-color: rgb(255 222 0/var(--tw-border-opacity)) !important
}

.border-r-sidebar-links\/10 {
    border-right-color: #fdffff1a !important
}

.border-r-transparent {
    border-right-color: transparent !important
}

.border-t-primary {
    --tw-border-opacity: 1 !important;
    border-top-color: #5bdd65 !important;
    border-top-color: rgb(255 222 0/var(--tw-border-opacity)) !important
}

.border-opacity-10 {
    --tw-border-opacity: .1 !important
}

.\!bg-auth-bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: #323637 !important;
    background-color: rgb(50 54 55/var(--tw-bg-opacity)) !important
}

.bg-auth-bg-close {
    --tw-bg-opacity: 1 !important;
    background-color: #212425 !important;
    background-color: rgb(33 36 37/var(--tw-bg-opacity)) !important
}

.bg-auth-bg-inputs {
    --tw-bg-opacity: 1 !important;
    background-color: #424344 !important;
    background-color: rgb(66 67 68/var(--tw-bg-opacity)) !important
}

.bg-auth-button-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #5bdd65 !important;
    background-color: #5bdd65 !important
}

.bg-auth-button-bg\/10 {
    background-color: #5bdd651a !important
}

.bg-auth-button-deposit-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #5bdd65 !important;
    background-color: #5bdd65 !important
}

.bg-auth-links {
    --tw-bg-opacity: 1 !important;
    background-color: #5d85fc !important;
    background-color: #5bdd65 !important
}

.bg-auth-text-inputs\/20 {
    background-color: #fdffff33 !important
}

.bg-auth-texts\/10 {
    background-color: #fdffff1a !important
}

.bg-bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: #212425 !important;
    background-color: rgb(33 36 37/var(--tw-bg-opacity)) !important
}

.bg-bg-primary\/20 {
    background-color: #21242533 !important
}

.bg-bg-primary\/40 {
    background-color: #21242566 !important
}

.bg-bg-primary\/70 {
    background-color: #212425b3 !important
}

.bg-bg-primary\/80 {
    background-color: #212425cc !important
}

.bg-bg-primary\/90 {
    background-color: #212425e6 !important
}

.bg-bg-secondary {
    --tw-bg-opacity: 1 !important;
    background-color: #323637 !important;
    background-color: rgb(50 54 55/var(--tw-bg-opacity)) !important
}

.bg-bg-secondary\/100 {
    background-color: #323637 !important
}

.bg-bg-secondary\/20 {
    background-color: #32363733 !important
}

.bg-bg-secondary\/30 {
    background-color: #3236374d !important
}

.bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

.bg-black\/20 {
    background-color: #0003 !important
}

.bg-black\/30 {
    background-color: #0000004d !important
}

.bg-black\/50 {
    background-color: #00000080 !important
}

.bg-black\/70 {
    background-color: #000000b3 !important
}

.bg-button-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #5bdd65 !important;
    background-color: #5bdd65 !important
}

.bg-button-bg\/10 {
    background-color: #5bdd651a !important
}

.bg-button-bg\/15 {
    background-color: #5bdd6526 !important
}

.bg-button-text\/50 {
    background-color: #ffffff80 !important
}

.bg-error {
    --tw-bg-opacity: 1 !important;
    background-color: #f1416c !important;
    background-color: rgb(241 65 108/var(--tw-bg-opacity)) !important
}

.bg-error\/10 {
    background-color: #f1416c1a !important
}

.bg-footer-bg-primary,
.bg-footer-bg-secondary {
    --tw-bg-opacity: 1 !important;
    background-color: #323637 !important;
    background-color: rgb(50 54 55/var(--tw-bg-opacity)) !important
}

.bg-footer-texts {
    --tw-bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.bg-game-button-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #5bdd65 !important;
    background-color: #5bdd65 !important
}

.bg-game-button-bg\/20 {
    background-color: #5bdd6533 !important
}

.bg-game-overlay\/20 {
    background-color: #0003 !important
}

.bg-game-overlay\/80 {
    background-color: #000c !important
}

.bg-header-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #323637 !important;
    background-color: rgb(50 54 55/var(--tw-bg-opacity)) !important
}

.bg-header-bg\/50 {
    background-color: #32363780 !important
}

.bg-header-bg\/90 {
    background-color: #323637e6 !important
}

.bg-header-links\/10 {
    background-color: #fdffff1a !important
}

.bg-header-login-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #5bdd65 !important;
    background-color: #5bdd65 !important
}

.bg-header-login-bg\/30 {
    background-color: #5bdd654d !important
}

.bg-header-register-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #323637 !important;
    background-color: rgb(50 54 55/var(--tw-bg-opacity)) !important
}

.bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: #5bdd65 !important;
    background-color: #5bdd65 !important
}

.bg-primary\/10 {
    background-color: #5bdd651a !important
}

.bg-primary\/20 {
    background-color: #5bdd6533 !important
}

.bg-primary\/40 {
    background-color: #5bdd6566 !important
}

.bg-primary\/90 {
    background-color: #5bdd65e6 !important
}

.bg-secondary {
    --tw-bg-opacity: 1 !important;
    background-color: #263f8c !important;
    background-color: rgb(38 63 140/var(--tw-bg-opacity)) !important
}

.bg-sidebar-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #212425 !important;
    background-color: rgb(33 36 37/var(--tw-bg-opacity)) !important
}

.bg-sidebar-bg\/60 {
    background-color: #21242599 !important
}

.bg-sidebar-button-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #3f4142 !important;
    background-color: rgb(63 65 66/var(--tw-bg-opacity)) !important
}

.bg-sidebar-cta-bg {
    --tw-bg-opacity: 1 !important;
    background-color: #5bdd65 !important;
    background-color: #5bdd65 !important
}

.bg-sidebar-cta-text {
    --tw-bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.bg-sidebar-links\/50 {
    background-color: #fdffff80 !important
}

.bg-success {
    --tw-bg-opacity: 1 !important;
    background-color: #2b3 !important;
    background-color: rgb(34 187 51/var(--tw-bg-opacity)) !important
}

.bg-success\/10 {
    background-color: #22bb331a !important
}

.bg-texts {
    --tw-bg-opacity: 1 !important;
    background-color: #fdffff !important;
    background-color: rgb(253 255 255/var(--tw-bg-opacity)) !important
}

.bg-texts\/10 {
    background-color: #fdffff1a !important
}

.bg-texts\/20 {
    background-color: #fdffff33 !important
}

.bg-texts\/40 {
    background-color: #fdffff66 !important
}

.bg-texts\/5 {
    background-color: #fdffff0d !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-warning {
    background-color: #ff9f43 !important;
    background-color: rgb(255 159 67/var(--tw-bg-opacity)) !important
}

.bg-warning,
.bg-white {
    --tw-bg-opacity: 1 !important
}

.bg-white {
    background-color: #fff !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.bg-white\/10 {
    background-color: #ffffff1a !important
}

.bg-white\/40 {
    background-color: #fff6 !important
}

.bg-white\/60 {
    background-color: #fff9 !important
}

.bg-white\/\[\.08\] {
    background-color: #ffffff14 !important
}

.\!bg-opacity-100 {
    --tw-bg-opacity: 1 !important
}

.bg-opacity-10 {
    --tw-bg-opacity: .1 !important
}

.bg-opacity-50 {
    --tw-bg-opacity: .5 !important
}

.bg-opacity-60 {
    --tw-bg-opacity: .6 !important
}

.bg-opacity-\[\.08\] {
    --tw-bg-opacity: .08 !important
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important
}

.from-footer-bg-primary,
.from-footer-bg-secondary {
    --tw-gradient-from: #323637 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(50, 54, 55, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-primary {
    --tw-gradient-from: #5bdd65 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(65, 105, 225, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-primary\/5 {
    --tw-gradient-from: rgba(65, 105, 225, .05) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(65, 105, 225, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position) !important;
    --tw-gradient-to: transparent var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-white\/0 {
    --tw-gradient-from: hsla(0, 0%, 100%, 0) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-white\/10 {
    --tw-gradient-from: hsla(0, 0%, 100%, .1) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-white\/20 {
    --tw-gradient-from: hsla(0, 0%, 100%, .2) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.via-white\/60 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .6) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.via-white\/70 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .7) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.via-white\/80 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .8) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.to-black\/20 {
    --tw-gradient-to: rgba(0, 0, 0, .2) var(--tw-gradient-to-position) !important
}

.to-primary {
    --tw-gradient-to: #5bdd65 var(--tw-gradient-to-position) !important
}

.to-primary\/20 {
    --tw-gradient-to: rgba(65, 105, 225, .2) var(--tw-gradient-to-position) !important
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position) !important
}

.to-white\/0 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position) !important
}

.bg-contain {
    background-size: contain !important
}

.bg-cover {
    background-size: cover !important
}

.bg-center {
    background-position: 50% !important
}

.bg-top {
    background-position: top !important
}

.bg-no-repeat {
    background-repeat: no-repeat !important
}

.fill-auth-icon-close {
    fill: #5bdd65 !important
}

.fill-button-text {
    fill: #fff !important
}

.fill-current {
    fill: currentColor !important
}

.fill-header-login-bg {
    fill: #5bdd65 !important
}

.stroke-primary {
    stroke: #5bdd65 !important
}

.stroke-primary\/20 {
    stroke: #5bdd6533 !important
}

.object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.object-center {
    -o-object-position: center !important;
    object-position: center !important
}

.object-top {
    -o-object-position: top !important;
    object-position: top !important
}

.p-0 {
    padding: 0 !important
}

.p-0\.5 {
    padding: .125rem !important
}

.p-1 {
    padding: .25rem !important
}

.p-1\.5 {
    padding: .375rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-2\.5 {
    padding: .625rem !important
}

.p-3 {
    padding: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.p-5 {
    padding: 1.25rem !important
}

.p-6 {
    padding: 1.5rem !important
}

.p-8 {
    padding: 2rem !important
}

.\!px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.\!py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.px-1\.5 {
    padding-left: .375rem !important;
    padding-right: .375rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-2\.5 {
    padding-left: .625rem !important;
    padding-right: .625rem !important
}

.px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.px-3\.5 {
    padding-left: .875rem !important;
    padding-right: .875rem !important
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important
}

.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.px-\[\.63rem\] {
    padding-left: .63rem !important;
    padding-right: .63rem !important
}

.px-\[\.67rem\] {
    padding-left: .67rem !important;
    padding-right: .67rem !important
}

.px-\[15px\] {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.px-\[18px\] {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.px-\[30px\] {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.py-0\.5 {
    padding-bottom: .125rem !important;
    padding-top: .125rem !important
}

.py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
}

.py-1\.5 {
    padding-bottom: .375rem !important;
    padding-top: .375rem !important
}

.py-10 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
}

.py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

.py-2\.5 {
    padding-bottom: .625rem !important;
    padding-top: .625rem !important
}

.py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
}

.py-4 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
}

.py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

.py-8 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
}

.\!pb-0 {
    padding-bottom: 0 !important
}

.\!pl-\[50px\] {
    padding-left: 50px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-0\.5 {
    padding-bottom: .125rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-1\.5 {
    padding-bottom: .375rem !important
}

.pb-10 {
    padding-bottom: 2.5rem !important
}

.pb-14 {
    padding-bottom: 3.5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pb-6 {
    padding-bottom: 1.5rem !important
}

.pb-8 {
    padding-bottom: 2rem !important
}

.pb-9 {
    padding-bottom: 2.25rem !important
}

.pb-\[100px\] {
    padding-bottom: 100px !important
}

.pb-\[65px\] {
    padding-bottom: 65px !important
}

.pl-1 {
    padding-left: .25rem !important
}

.pl-1\.5 {
    padding-left: .375rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.pl-2\.5 {
    padding-left: .625rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

.pl-9 {
    padding-left: 2.25rem !important
}

.pl-\[40px\] {
    padding-left: 40px !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pr-10 {
    padding-right: 2.5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pr-8 {
    padding-right: 2rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-0\.5 {
    padding-top: .125rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-1\.5 {
    padding-top: .375rem !important
}

.pt-10 {
    padding-top: 2.5rem !important
}

.pt-20 {
    padding-top: 5rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pt-5 {
    padding-top: 1.25rem !important
}

.pt-6 {
    padding-top: 1.5rem !important
}

.pt-\[100\%\] {
    padding-top: 100% !important
}

.pt-\[116\%\] {
    padding-top: 116% !important
}

.pt-px {
    padding-top: 1px !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.text-2xs {
    font-size: .675rem !important
}

.text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important
}

.text-5xl {
    font-size: 3rem !important
}

.text-5xl,
.text-6xl {
    line-height: 1 !important
}

.text-6xl {
    font-size: 3.75rem !important
}

.text-\[\.46rem\] {
    font-size: .46rem !important
}

.text-\[\.48rem\] {
    font-size: .48rem !important
}

.text-\[\.52rem\] {
    font-size: .52rem !important
}

.text-\[\.58rem\] {
    font-size: .58rem !important
}

.text-\[\.5rem\] {
    font-size: .5rem !important
}

.text-\[\.62rem\] {
    font-size: .62rem !important
}

.text-\[\.65rem\] {
    font-size: .65rem !important
}

.text-\[\.66rem\] {
    font-size: .66rem !important
}

.text-\[\.68rem\] {
    font-size: .68rem !important
}

.text-\[\.6em\] {
    font-size: .6em !important
}

.text-\[\.6rem\] {
    font-size: .6rem !important
}

.text-\[\.72rem\] {
    font-size: .72rem !important
}

.text-\[\.75em\] {
    font-size: .75em !important
}

.text-\[\.75rem\] {
    font-size: .75rem !important
}

.text-\[\.7rem\] {
    font-size: .7rem !important
}

.text-\[\.8em\] {
    font-size: .8em !important
}

.text-\[\.8rem\] {
    font-size: .8rem !important
}

.text-\[\.95rem\] {
    font-size: .95rem !important
}

.text-\[\.9rem\] {
    font-size: .9rem !important
}

.text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}

.text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.font-\[500\] {
    font-weight: 500 !important
}

.font-bold {
    font-weight: 700 !important
}

.font-extrabold {
    font-weight: 800 !important
}

.font-light {
    font-weight: 300 !important
}

.font-medium {
    font-weight: 500 !important
}

.font-normal {
    font-weight: 400 !important
}

.font-semibold {
    font-weight: 600 !important
}

.uppercase {
    text-transform: uppercase !important
}

.capitalize {
    text-transform: capitalize !important
}

.normal-case {
    text-transform: none !important
}

.leading-3 {
    line-height: .75rem !important
}

.leading-4 {
    line-height: 1rem !important
}

.leading-5 {
    line-height: 1.25rem !important
}

.leading-6 {
    line-height: 1.5rem !important
}

.leading-7 {
    line-height: 1.75rem !important
}

.leading-\[100\%\] {
    line-height: 100% !important
}

.leading-none {
    line-height: 1 !important
}

.leading-tight {
    line-height: 1.25 !important
}

.text-auth-bg-inputs {
    --tw-text-opacity: 1 !important;
    color: #424344 !important;
    color: rgb(66 67 68/var(--tw-text-opacity)) !important
}

.text-auth-button-bg {
    --tw-text-opacity: 1 !important;
    color: #5bdd65 !important;
    color: #5bdd65 !important
}

.text-auth-button-bg\/100 {
    color: #5bdd65 !important
}

.text-auth-button-deposit-text,
.text-auth-button-text {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-auth-icon-close {
    --tw-text-opacity: 1 !important;
    color: #5bdd65 !important;
    color: #5bdd65 !important
}

.text-auth-links {
    --tw-text-opacity: 1 !important;
    color: #5d85fc !important;
    color: #5bdd65 !important
}

.text-auth-links\/80 {
    color: #5d85fccc !important
}

.text-auth-text-inputs {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-auth-text-inputs\/60 {
    color: #fdffff99 !important
}

.text-auth-text-inputs\/80 {
    color: #fdffffcc !important
}

.text-auth-texts {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-auth-texts\/30 {
    color: #fdffff4d !important
}

.text-auth-texts\/40 {
    color: #fdffff66 !important
}

.text-auth-texts\/50 {
    color: #fdffff80 !important
}

.text-auth-texts\/60 {
    color: #fdffff99 !important
}

.text-auth-texts\/70 {
    color: #fdffffb3 !important
}

.text-auth-titles {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-bg-primary {
    --tw-text-opacity: 1 !important;
    color: #212425 !important;
    color: rgb(33 36 37/var(--tw-text-opacity)) !important
}

.text-black {
    --tw-text-opacity: 1 !important;
    color: #000 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.text-button-bg {
    --tw-text-opacity: 1 !important;
    color: #5bdd65 !important;
    color: #5bdd65 !important
}

.text-button-text {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-current {
    color: currentColor !important
}

.text-error {
    --tw-text-opacity: 1 !important;
    color: #f1416c !important;
    color: rgb(241 65 108/var(--tw-text-opacity)) !important
}

.text-footer-links {
    --tw-text-opacity: 1 !important;
    color: #adadad !important;
    color: rgb(173 173 173/var(--tw-text-opacity)) !important
}

.text-footer-texts {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-footer-texts\/30 {
    color: #ffffff4d !important
}

.text-footer-texts\/70 {
    color: #ffffffb3 !important
}

.text-footer-titles {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-game-button-text {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-game-subtitle\/80 {
    color: #fdffffcc !important
}

.text-game-title,
.text-header-links {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-header-links\/50 {
    color: #fdffff80 !important
}

.text-header-login-text {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-header-login-text\/50 {
    color: #ffffff80 !important
}

.text-header-register-text {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-header-register-text\/60 {
    color: #fdffff99 !important
}

.text-header-texts,
.text-links {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-links\/90 {
    color: #fdffffe6 !important
}

.text-primary {
    --tw-text-opacity: 1 !important;
    color: #5bdd65 !important;
    color: #5bdd65 !important
}

.text-secondary {
    --tw-text-opacity: 1 !important;
    color: #263f8c !important;
    color: rgb(38 63 140/var(--tw-text-opacity)) !important
}

.text-sidebar-button-text {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-sidebar-cta-bg {
    --tw-text-opacity: 1 !important;
    color: #5bdd65 !important;
    color: #5bdd65 !important
}

.text-sidebar-cta-text {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-sidebar-links {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-sidebar-links\/70 {
    color: #fdffffb3 !important
}

.text-sidebar-titles {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-success {
    --tw-text-opacity: 1 !important;
    color: #2b3 !important;
    color: rgb(34 187 51/var(--tw-text-opacity)) !important
}

.text-texts {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-texts\/20 {
    color: #fdffff33 !important
}

.text-texts\/30 {
    color: #fdffff4d !important
}

.text-texts\/40 {
    color: #fdffff66 !important
}

.text-texts\/50 {
    color: #fdffff80 !important
}

.text-texts\/60 {
    color: #fdffff99 !important
}

.text-texts\/70 {
    color: #fdffffb3 !important
}

.text-texts\/80 {
    color: #fdffffcc !important
}

.text-titles {
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.text-warning {
    --tw-text-opacity: 1 !important;
    color: #ff9f43 !important;
    color: rgb(255 159 67/var(--tw-text-opacity)) !important
}

.text-warning\/80 {
    color: #ff9f43cc !important
}

.text-white {
    --tw-text-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-opacity-70 {
    --tw-text-opacity: .7 !important
}

.underline {
    text-decoration-line: underline !important
}

.no-underline {
    text-decoration-line: none !important
}

.placeholder-transparent::-moz-placeholder {
    color: transparent !important
}

.placeholder-transparent::placeholder {
    color: transparent !important
}

.placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-placeholder-opacity)) !important
}

.placeholder-white::placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgb(255 255 255/var(--tw-placeholder-opacity)) !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-100 {
    opacity: 1 !important
}

.opacity-20 {
    opacity: .2 !important
}

.opacity-30 {
    opacity: .3 !important
}

.opacity-40 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .05 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-60 {
    opacity: .6 !important
}

.opacity-70 {
    opacity: .7 !important
}

.opacity-80 {
    opacity: .8 !important
}

.opacity-90 {
    opacity: .9 !important
}

.shadow-input {
    --tw-shadow: 0 0 0 100px #424344 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 0 100px #424344 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-auth-bg-inputs {
    --tw-shadow-color: #424344 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-black\/40 {
    --tw-shadow-color: rgba(0, 0, 0, .4) !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-primary {
    --tw-shadow-color: #5bdd65 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.ring-black {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity)) !important
}

.ring-black\/5 {
    --tw-ring-color: rgba(0, 0, 0, .05) !important
}

.ring-white {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity)) !important
}

.ring-opacity-5 {
    --tw-ring-opacity: .05 !important
}

.blur {
    --tw-blur: blur(8px) !important;
    filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.blur-md {
    --tw-blur: blur(12px) !important;
    filter: blur(12px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.drop-shadow-\[0_0_15px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-drop-shadow: drop-shadow(0 0 15px rgba(0, 0, 0, .3)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 0 15px rgba(0, 0, 0, .3)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.grayscale {
    --tw-grayscale: grayscale(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.invert {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) invert(100%) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.filter,
.invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.transition {
    transition-duration: .15s !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-none {
    transition-property: none !important
}

.duration-0 {
    transition-duration: 0s !important
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

.content-\[\'\'\] {
    --tw-content: "" !important;
    content: "" !important;
    content: var(--tw-content) !important
}

.text-fill-auth-text-inputs {
    -webkit-text-fill-color: #fdffff !important
}

.no-scrollbar::-webkit-scrollbar {
    display: none !important
}

.no-scrollbar {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important
}

.\[contenthash\:7\] {
    contenthash: 7
}

body {
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body * {
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body.leos *,
body.pix * {
    font-family: Roboto, Helvetica, sans-serif
}

body :not(.swiper-wrapper):not(circle) {
    transition: none !important
}

html {
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity))
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

@media (max-width:768px) {
    ::-webkit-scrollbar {
        width: 0
    }
}

::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity))
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    --tw-border-opacity: 1;
    border: 2px solid #212425;
    border-color: rgb(33 36 37/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65
}

a,
button {
    opacity: 1;
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media (hover:hover) {

    a:hover,
    button:hover {
        opacity: .9
    }
}

input {
    background-color: transparent;
    border: 0;
    box-shadow: none !important;
    outline: none
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input[data-com-onepassword-filled=dark],
input[data-com-onepassword-filled],
input[data-com-onepassword-filled]:active,
input[data-com-onepassword-filled]:focus,
input[data-com-onepassword-filled]:hover,
select[data-com-onepassword-filled=dark],
select[data-com-onepassword-filled],
select[data-com-onepassword-filled]:active,
select[data-com-onepassword-filled]:focus,
select[data-com-onepassword-filled]:hover,
textarea[data-com-onepassword-filled=dark],
textarea[data-com-onepassword-filled],
textarea[data-com-onepassword-filled]:active,
textarea[data-com-onepassword-filled]:focus,
textarea[data-com-onepassword-filled]:hover {
    fill: #fdffff;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #212425, 0 4px 6px -4px #212425;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: #212425;
    --tw-shadow: var(--tw-shadow-colored)
}

.skeleton-loading {
    animation: shimmer-pulse 1.8s infinite;
    background-color: #323637b3;
    border-radius: 8px
}

@media (min-width:375px) {
    .skeleton-loading {
        animation: shimmer 1.8s infinite;
        background-repeat: no-repeat;
        mask: linear-gradient(-60deg, #fff 30%, hsla(0, 0%, 100%, .333), #fff 70%) right/500% 200%;
        -webkit-mask: linear-gradient(-60deg, #fff 30%, hsla(0, 0%, 100%, .333), #fff 70%) right/500% 200%
    }
}

.pix .skeleton-loading {
    background-color: #32363733
}

@keyframes shimmer {
    to {
        -webkit-mask-position: left
    }
}

@keyframes shimmer-pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.container {
    margin: 0 auto
}

.btn:hover {
    opacity: .8
}

.btn-primary {
    border-radius: .25rem;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .375rem .75rem
}

.btn-cta,
.btn-primary {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #000000;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-cta {
    align-items: center;
    border-radius: .2rem;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    white-space: nowrap
}

.btn-cta-lg {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media (min-width:640px) {
    .btn-cta-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.btn-accent {
    border-radius: .2rem;
    --tw-bg-opacity: 1;
    background-color: #4d4e2a;
    background-color: rgb(77 78 42/var(--tw-bg-opacity));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    align-items: center;
    color: #edf141;
    color: rgb(237 241 65/var(--tw-text-opacity));
    display: flex;
    gap: .25rem;
    justify-content: center;
    white-space: nowrap
}

.btn-accent-lg {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media (min-width:640px) {
    .btn-accent-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.btn-disable {
    border-radius: .25rem;
    cursor: not-allowed;
    --tw-bg-opacity: .5;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    align-items: center;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap
}

.btn-disable-lg {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media (min-width:640px) {
    .btn-disable-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.btn-cancel {
    background-color: #f1416c33;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    padding: .375rem .75rem;
    --tw-text-opacity: 1;
    align-items: center;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity));
    display: flex;
    gap: .5rem;
    justify-content: center;
    opacity: .6;
    white-space: nowrap
}

.btn-outlined {
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border: 1px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity));
    padding: .25rem 1rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.btn-outlined.active,
.btn-outlined:active,
.btn-outlined:focus,
.btn-outlined:hover,
.btn-outlined[aria-selected=true] {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #212425;
    color: rgb(33 36 37/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.swiper_menu .swiper-horizontal,
.swiper_menu .swiper-wrapper {
    margin: -10px !important;
    padding: 10px !important
}

.swiper {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.swiper-button-disabled {
    cursor: default !important;
    opacity: .4 !important
}

@media print {

    .mobile-menu-wrapper,
    .sidebar,
    footer,
    header {
        display: none
    }

    .content-wrapper {
        color: #000 !important;
        padding-left: 0 !important
    }
}

.user-page-wrapper {
    margin-bottom: 3rem
}

@media (min-width:1280px) {
    .user-page-wrapper {
        margin-top: 1.5rem
    }
}

.user-page-wrapper.pix {
    margin: 2.5rem auto 0;
    max-width: 1200px;
    padding-left: 1rem;
    padding-right: 1rem
}

.user-page-wrapper .user-page-box {
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .user-page-wrapper .user-page-box {
        padding: 1.5rem
    }
}

.user-page-wrapper .user-page-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

@media (min-width:1280px) {
    .user-page-wrapper .user-page-title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

#frame_game iframe,
#game-wrapper iframe {
    border: 0 !important;
    height: 100% !important;
    width: 100% !important
}

.alert {
    background-color: #0096ff1a;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    padding: .75rem;
    text-align: center;
    width: 100%;
    --tw-text-opacity: 1;
    color: #0096ff;
    color: rgb(0 150 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .alert {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.alert.alert-warning {
    background-color: #ff9f431a;
    --tw-text-opacity: 1;
    color: #ff9f43;
    color: rgb(255 159 67/var(--tw-text-opacity))
}

.alert.alert-success {
    background-color: #22bb331a;
    --tw-text-opacity: 1;
    color: #2b3;
    color: rgb(34 187 51/var(--tw-text-opacity))
}

.alert.alert-error {
    background-color: #f1416c1a;
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

.alert.alert-info {
    background-color: #0096ff1a;
    --tw-text-opacity: 1;
    color: #0096ff;
    color: rgb(0 150 255/var(--tw-text-opacity))
}

.nuxt-icon svg {
    margin-bottom: 0 !important
}

.gamificationPageTitle {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    margin-top: 1rem;
    min-width: 100%;
    position: relative;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .gamificationPageTitle {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
        margin-top: 2rem
    }
}

.gamificationPageTitle .icon {
    background-color: #fdffff0d;
    border-radius: .25rem;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-right: .5rem;
    margin-top: .125rem;
    padding-left: .25rem;
    padding-right: .25rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

@media (min-width:768px) {
    .gamificationPageTitle .icon {
        font-size: 1.875rem;
        line-height: 2.25rem;
        margin-top: .25rem
    }
}

.defaultItemBox {
    background-color: #fdffff0d;
    border-radius: .5rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0006, 0 2px 4px -2px #0006;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgba(0, 0, 0, .4);
    --tw-shadow: var(--tw-shadow-colored)
}

@media (hover:hover) {
    .defaultItemBox:hover {
        opacity: .9;
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0009, 0 4px 6px -4px #0009;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-shadow-color: rgba(0, 0, 0, .6);
        --tw-shadow: var(--tw-shadow-colored)
    }
}

.defaultItemBox .imgWrap {
    align-items: center;
    background-color: #00000080;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.defaultItemBox .imgWrap img {
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.defaultItemBox .imgWrap img.locked {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.defaultItemBox .tagBox {
    background-color: #0096ffe6;
    border-radius: .25rem;
    font-size: .65rem;
    font-weight: 600;
    left: 1rem;
    padding: .125rem .375rem;
    position: absolute;
    top: 1rem;
    z-index: 10;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgba(0, 0, 0, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.defaultItemBox .tagBox.locked {
    background-color: #f1416ce6
}

.defaultItemBox .tagBox.ended {
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity))
}

.defaultItemBox .tagBox.ended,
.defaultItemBox .tagBox.new {
    --tw-bg-opacity: 1;
    padding-left: .75rem;
    padding-right: .75rem;
    text-transform: uppercase
}

.defaultItemBox .tagBox.new {
    background-color: #ff9f43;
    background-color: rgb(255 159 67/var(--tw-bg-opacity))
}

.defaultItemBox .tagBox.current {
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity));
    padding-left: .75rem;
    padding-right: .75rem;
    text-transform: uppercase
}

.defaultItemBox .defaultBoxContent {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: flex-start;
    padding: .75rem .5rem
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent {
        padding: 1.25rem 1rem
    }
}

.defaultItemBox .defaultBoxContent .titleBox {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    max-width: 100%;
    overflow: hidden;
    padding-left: .5rem;
    padding-right: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .titleBox {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 1rem
    }
}

.defaultItemBox .defaultBoxContent .titleBox.smaller {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .titleBox.smaller {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.defaultItemBox .defaultBoxContent .titleBox.titleLevel {
    font-size: .6rem;
    line-height: .75rem;
    margin: -.25rem 0 0;
    padding: 0;
    white-space: normal
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .titleBox.titleLevel {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.defaultItemBox .defaultBoxContent .timerBox {
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: -35px;
    width: auto;
    --tw-translate-x: -50%;
    background-color: #0009;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    padding: .375rem .75rem;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    white-space: nowrap
}

.defaultItemBox .defaultBoxContent .timerBox span {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.defaultItemBox .defaultBoxContent .timerBox span.labelTimer {
    color: #fdffffb3;
    font-weight: 600;
    text-transform: uppercase
}

.defaultItemBox .defaultBoxContent .descriptionBox {
    color: #fdffffcc;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    padding-left: .25rem;
    padding-right: .25rem
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .descriptionBox {
        font-size: .875rem;
        line-height: 1.25rem;
        margin-bottom: 1.25rem;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.defaultItemBox .defaultBoxContent .priceBox {
    border-radius: 9999px;
    left: .75rem;
    position: absolute;
    top: .75rem;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .25rem 1rem .25rem 2.5rem;
    text-align: left
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .priceBox {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.defaultItemBox .defaultBoxContent .priceBox.inlined {
    background-color: #fdffff1a;
    display: inline-flex;
    left: 0;
    margin-bottom: .5rem;
    position: relative;
    top: 0
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .priceBox.inlined {
        margin-bottom: 1.25rem
    }
}

.defaultItemBox .defaultBoxContent .priceBox.noCoins {
    color: #fdffffb3;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0;
    margin-top: .5rem;
    padding-left: 1rem
}

.defaultItemBox .defaultBoxContent .actionBox {
    margin-top: auto
}

.defaultItemBox .defaultBoxContent .actionBox button {
    border-radius: .5rem;
    border-width: 0;
    margin: 0 auto;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .375rem .75rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .actionBox button {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .25rem 1rem
    }
}

.defaultItemBox .defaultBoxContent .actionBox button.locked {
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .actionBox button.locked {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.defaultItemBox .defaultBoxContent .actionBox button.success {
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .actionBox button.success {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.defaultItemBox .defaultBoxContent .progressBox {
    height: .5rem;
    margin-top: 1rem;
    position: relative;
    width: 100%
}

.defaultItemBox .defaultBoxContent .progressBox .progressBar {
    background-color: #fdffff33;
    border-radius: 9999px;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.defaultItemBox .defaultBoxContent .progressBox .progressBarFill {
    border-radius: 9999px;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65
}

.defaultItemBox .defaultBoxContent .progressBox .progressBarFill.success {
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity))
}

.defaultItemBox .defaultBoxContent .infoBox {
    display: flex;
    justify-content: center;
    margin-top: auto;
    padding: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .infoBox {
        justify-content: space-between
    }
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo {
    display: flex;
    flex-direction: column;
    margin-left: .5rem;
    margin-right: .5rem;
    text-align: center
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo label {
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .25rem;
    text-align: center
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .infoBox .itemInfo label {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo span {
    background-color: #fdffff1a;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    max-width: 160px;
    overflow: hidden;
    padding: .25rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .infoBox .itemInfo span {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo span.prizeInfo {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo.success span {
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.defaultItemBox.featuredStore {
    flex-direction: column
}

@media (min-width:768px) {
    .defaultItemBox.featuredStore {
        flex-direction: row
    }

    .defaultItemBox.featuredStore .imgWrap {
        height: 100%;
        max-width: 50%;
        min-width: 50%
    }
}

.defaultItemBox.featuredStore .defaultBoxContent {
    align-items: center;
    justify-content: center
}

.defaultItemBox.featuredStore .defaultBoxContent .titleBox {
    white-space: normal
}

.defaultItemBox.featuredStore .defaultBoxContent .actionBox {
    margin-top: 0
}

.defaultItemBox.featuredMission {
    flex-direction: column;
    height: auto;
    min-height: 150px
}

@media (min-width:768px) {
    .defaultItemBox.featuredMission {
        flex-direction: row;
        height: 300px
    }
}

.defaultItemBox.featuredMission .imgWrap {
    background-color: transparent;
    justify-content: flex-start;
    position: absolute
}

@media (min-width:768px) {
    .defaultItemBox.featuredMission .imgWrap {
        height: 100%;
        max-width: 100%;
        min-width: 100%
    }
}

.defaultItemBox.featuredMission .imgWrap img {
    height: 150%;
    left: -20%;
    min-width: 40%;
    position: relative
}

.defaultItemBox.featuredMission .defaultBoxContent {
    align-items: flex-start;
    justify-content: center;
    margin-left: auto;
    max-width: 60%;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media (min-width:768px) {
    .defaultItemBox.featuredMission .defaultBoxContent {
        max-width: 50%
    }
}

.defaultItemBox.featuredMission .defaultBoxContent .titleBox {
    justify-content: flex-start;
    padding: 0 .5rem 0 0;
    text-align: left;
    white-space: nowrap
}

@media (min-width:768px) {
    .defaultItemBox.featuredMission .defaultBoxContent .titleBox {
        padding-right: 0;
        white-space: normal
    }
}

.defaultItemBox.featuredMission .defaultBoxContent .timerBox {
    left: 0;
    margin-bottom: .5rem;
    position: relative;
    top: 0;
    --tw-translate-x: 0px;
    background-color: #0006;
    font-size: .65rem;
    padding: .25rem .5rem;
    transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.defaultItemBox.featuredMission .defaultBoxContent .actionBox {
    margin-top: 0
}

.defaultItemBox.tournamentFinished {
    opacity: .5
}

.gamificationModal {
    padding: 0
}

.gamificationModal .imageModal {
    height: 250px;
    margin: 0 auto
}

.gamificationModal .modalDescription {
    display: flex;
    flex-direction: column;
    padding: .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .gamificationModal .modalDescription {
        padding: 1rem
    }
}

.gamificationModal .modalDescription .titleModal {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width:768px) {
    .gamificationModal .modalDescription .titleModal {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem
    }
}

.gamificationModal .modalDescription .descriptionModal {
    color: #fdffffb3;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    max-height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: .25rem;
    padding-right: .25rem
}

@media (min-width:768px) {
    .gamificationModal .modalDescription .descriptionModal {
        font-size: .875rem;
        line-height: 1.25rem;
        margin-bottom: 1.25rem;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.gamificationModal .modalDescription .modalAlert {
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width:768px) {
    .gamificationModal .modalDescription .modalAlert {
        margin-bottom: 1.25rem
    }
}

.gamificationModal .modalDescription .modalActions {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
    position: relative
}

@media (min-width:768px) {
    .gamificationModal .modalDescription .modalActions {
        gap: 1rem
    }
}

.gamificationModal .modalDescription .modalActions.isCol {
    flex-direction: column
}

.gamificationModal .modalDescription .modalActions.withBalance {
    margin-bottom: .5rem;
    padding-bottom: 1.25rem
}

.gamificationModal .modalDescription .modalActions .priceModal {
    align-items: center;
    background-color: #fdffff1a;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 9999px;
    display: flex;
    flex: 1 1 0%;
    font-size: .875rem;
    font-weight: 700;
    justify-content: stretch;
    line-height: 1.25rem;
    max-width: 100%;
    min-height: 32px;
    padding: .25rem 1rem .25rem 40px;
    text-align: left;
    white-space: nowrap
}

@media (min-width:768px) {
    .gamificationModal .modalDescription .modalActions .priceModal {
        flex: none;
        font-size: 1rem;
        line-height: 1.5rem;
        min-height: 40px;
        padding-left: 55px;
        padding-right: 1.5rem
    }
}

.gamificationModal .modalDescription .modalActions .priceModal.isBigger {
    background-position: center left 10px;
    background-size: 32px 32px;
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .5rem;
    padding-left: 52px;
    padding-top: .5rem;
    white-space: normal
}

@media (min-width:768px) {
    .gamificationModal .modalDescription .modalActions .priceModal.isBigger {
        background-size: 40px 40px;
        font-size: .875rem;
        line-height: 1.25rem;
        padding-left: 60px
    }
}

.gamificationModal .modalDescription .modalActions .priceModal.isSmall {
    background-color: transparent;
    background-position: center left 10px;
    background-size: 16px 16px;
    font-size: .75rem;
    line-height: 1rem;
    min-height: 1.25rem;
    padding: .25rem 0 .25rem 35px;
    white-space: normal
}

.gamificationModal .modalDescription .modalActions .actionModal {
    flex: 1 1 0%;
    width: 100%
}

.gamificationModal .modalDescription .modalActions .actionModal button {
    border-radius: 9999px;
    border-width: 0;
    margin: 0 auto;
    white-space: nowrap;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .gamificationModal .modalDescription .modalActions .actionModal button {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .5rem 1.25rem
    }
}

.gamificationModal .modalDescription .modalActions .actionModal button[disabled]:not([disabled=true]) {
    cursor: not-allowed;
    opacity: .4
}

.gamificationModal .modalDescription .modalActions .actionModal button.disabled {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.gamificationModal .modalDescription .modalActions .actionModal button.success {
    cursor: default;
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.gamificationModal .modalDescription .modalActions .actionModal button.success:hover {
    opacity: 1
}

.gamificationModal .modalDescription .modalActions .progressModal {
    height: .75rem;
    margin-top: 2rem;
    position: relative;
    width: 100%
}

.gamificationModal .modalDescription .modalActions .progressModal .progressTitle {
    bottom: 100%;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .25rem;
    position: absolute;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.gamificationModal .modalDescription .modalActions .progressModal .progressBar {
    background-color: #fdffff33;
    border-radius: 9999px;
    height: 100%;
    width: 100%
}

.gamificationModal .modalDescription .modalActions .progressModal .progressBarFill {
    border-radius: 9999px;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65
}

.gamificationModal .modalDescription .modalActions .progressModal .progressBarFill.success {
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity))
}

.gamificationModal .modalDescription .modalActions .balanceModal {
    display: flex;
    left: 50%;
    position: absolute;
    top: 100%;
    --tw-translate-x: -50%;
    align-items: center;
    background-color: #000c;
    border-radius: 9999px;
    font-size: .65rem;
    justify-content: center;
    padding: .25rem 1rem;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    white-space: nowrap
}

.gamificationPreDebug {
    background-color: #000c;
    margin-top: 1.5rem;
    max-height: 20rem;
    overflow: auto;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

iframe[id^=_sm_] {
    background: #000000e6 !important
}

.first\:ml-3:first-child {
    margin-left: .75rem !important
}

.first\:pt-0:first-child {
    padding-top: 0 !important
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1 !important;
    --tw-scale-y: 1.1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.hover\:bg-auth-button-bg\/20:hover {
    background-color: #5bdd6533 !important
}

.hover\:bg-bg-primary\/50:hover {
    background-color: #21242580 !important
}

.hover\:bg-black\/90:hover {
    background-color: #000000e6 !important
}

.hover\:bg-primary\/10:hover {
    background-color: #5bdd651a !important
}

.hover\:pl-6:hover {
    padding-left: 1.5rem !important
}

.hover\:text-bg-primary:hover {
    --tw-text-opacity: 1 !important;
    color: #212425 !important;
    color: rgb(33 36 37/var(--tw-text-opacity)) !important
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1 !important;
    color: #5bdd65 !important;
    color: #5bdd65 !important
}

.hover\:opacity-100:hover {
    opacity: 1 !important
}

.hover\:opacity-70:hover {
    opacity: .7 !important
}

.hover\:opacity-75:hover {
    opacity: .75 !important
}

.hover\:opacity-80:hover {
    opacity: .8 !important
}

.hover\:opacity-90:hover {
    opacity: .9 !important
}

.focus\:border-transparent:focus {
    border-color: transparent !important
}

.focus\:outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1 !important
}

.peer:-moz-placeholder-shown~.peer-placeholder-shown\:top-1\/2 {
    top: 50% !important
}

.peer:placeholder-shown~.peer-placeholder-shown\:top-1\/2 {
    top: 50% !important
}

.peer:-moz-placeholder-shown~.peer-placeholder-shown\:text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.peer:placeholder-shown~.peer-placeholder-shown\:text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.peer:focus~.peer-focus\:top-\[\.8rem\] {
    top: .8rem !important
}

.peer:focus~.peer-focus\:top-\[1\.5em\] {
    top: 1.5em !important
}

.peer:focus~.peer-focus\:text-\[\.52rem\] {
    font-size: .52rem !important
}

.peer:focus~.peer-focus\:text-\[\.6em\] {
    font-size: .6em !important
}

.peer:focus~.peer-focus\:opacity-60 {
    opacity: .6 !important
}

.peer.hasContent~.peer-\[\.hasContent\]\:top-\[\.8rem\] {
    top: .8rem !important
}

.peer.hasContent~.peer-\[\.hasContent\]\:text-\[\.52rem\] {
    font-size: .52rem !important
}

@media (min-width:390px) {
    .xxs\:flex {
        display: flex !important
    }
}

@media (min-width:640px) {
    .sm\:-left-0 {
        left: 0 !important
    }

    .sm\:-left-\[400px\] {
        left: -400px !important
    }

    .sm\:m-0 {
        margin: 0 !important
    }

    .sm\:-mb-2 {
        margin-bottom: -.5rem !important
    }

    .sm\:mb-2 {
        margin-bottom: .5rem !important
    }

    .sm\:mb-4 {
        margin-bottom: 1rem !important
    }

    .sm\:mb-5 {
        margin-bottom: 1.25rem !important
    }

    .sm\:block {
        display: block !important
    }

    .sm\:flex {
        display: flex !important
    }

    .sm\:hidden {
        display: none !important
    }

    .sm\:h-20 {
        height: 5rem !important
    }

    .sm\:h-\[400px\] {
        height: 400px !important
    }

    .sm\:max-h-\[300px\] {
        max-height: 300px !important
    }

    .sm\:max-h-\[40px\] {
        max-height: 40px !important
    }

    .sm\:w-\[400px\] {
        width: 400px !important
    }

    .sm\:min-w-\[400px\] {
        min-width: 400px !important
    }

    .sm\:max-w-\[400px\] {
        max-width: 400px !important
    }

    .sm\:max-w-\[500px\] {
        max-width: 500px !important
    }

    .sm\:flex-row {
        flex-direction: row !important
    }

    .sm\:items-center {
        align-items: center !important
    }

    .sm\:gap-3 {
        gap: .75rem !important
    }

    .sm\:rounded {
        border-radius: .25rem !important
    }

    .sm\:rounded-lg {
        border-radius: .5rem !important
    }

    .sm\:rounded-none {
        border-radius: 0 !important
    }

    .sm\:rounded-t-lg {
        border-top-left-radius: .5rem !important;
        border-top-right-radius: .5rem !important
    }

    .sm\:p-10 {
        padding: 2.5rem !important
    }

    .sm\:p-4 {
        padding: 1rem !important
    }

    .sm\:\!px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .sm\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .sm\:text-\[\.64rem\] {
        font-size: .64rem !important
    }

    .sm\:text-\[\.7rem\] {
        font-size: .7rem !important
    }

    .sm\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .sm\:leading-4 {
        line-height: 1rem !important
    }
}

@media (min-width:768px) {
    .md\:relative {
        position: relative !important
    }

    .md\:bottom-5 {
        bottom: 1.25rem !important
    }

    .md\:left-5 {
        left: 1.25rem !important
    }

    .md\:right-2 {
        right: .5rem !important
    }

    .md\:top-5 {
        top: 1.25rem !important
    }

    .md\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .md\:my-8 {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .md\:-mb-4 {
        margin-bottom: -1rem !important
    }

    .md\:-mt-6 {
        margin-top: -1.5rem !important
    }

    .md\:mb-0 {
        margin-bottom: 0 !important
    }

    .md\:mb-1 {
        margin-bottom: .25rem !important
    }

    .md\:mb-1\.5 {
        margin-bottom: .375rem !important
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem !important
    }

    .md\:mb-2 {
        margin-bottom: .5rem !important
    }

    .md\:mb-3 {
        margin-bottom: .75rem !important
    }

    .md\:mb-4 {
        margin-bottom: 1rem !important
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem !important
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem !important
    }

    .md\:mb-8 {
        margin-bottom: 2rem !important
    }

    .md\:mb-\[30px\] {
        margin-bottom: 30px !important
    }

    .md\:mr-4 {
        margin-right: 1rem !important
    }

    .md\:mt-0 {
        margin-top: 0 !important
    }

    .md\:mt-1 {
        margin-top: .25rem !important
    }

    .md\:mt-5 {
        margin-top: 1.25rem !important
    }

    .md\:inline {
        display: inline !important
    }

    .md\:flex {
        display: flex !important
    }

    .md\:grid {
        display: grid !important
    }

    .md\:hidden {
        display: none !important
    }

    .md\:\!h-10 {
        height: 2.5rem !important
    }

    .md\:\!h-12 {
        height: 3rem !important
    }

    .md\:h-10 {
        height: 2.5rem !important
    }

    .md\:h-5 {
        height: 1.25rem !important
    }

    .md\:h-7 {
        height: 1.75rem !important
    }

    .md\:h-8 {
        height: 2rem !important
    }

    .md\:h-\[200px\] {
        height: 200px !important
    }

    .md\:h-\[220px\] {
        height: 220px !important
    }

    .md\:h-\[68px\] {
        height: 68px !important
    }

    .md\:max-h-\[350px\] {
        max-height: 350px !important
    }

    .md\:max-h-\[42px\] {
        max-height: 42px !important
    }

    .md\:max-h-\[550px\] {
        max-height: 550px !important
    }

    .md\:max-h-none {
        max-height: none !important
    }

    .md\:w-5 {
        width: 1.25rem !important
    }

    .md\:w-\[12px\] {
        width: 12px !important
    }

    .md\:w-\[220px\] {
        width: 220px !important
    }

    .md\:w-\[26px\] {
        width: 26px !important
    }

    .md\:w-auto {
        width: auto !important
    }

    .md\:min-w-\[300px\] {
        min-width: 300px !important
    }

    .md\:min-w-\[45\%\] {
        min-width: 45% !important
    }

    .md\:max-w-2xl {
        max-width: 42rem !important
    }

    .md\:max-w-\[350px\] {
        max-width: 350px !important
    }

    .md\:max-w-\[450px\] {
        max-width: 450px !important
    }

    .md\:max-w-\[50\%\] {
        max-width: 50% !important
    }

    .md\:max-w-sm {
        max-width: 24rem !important
    }

    .md\:cursor-auto {
        cursor: auto !important
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    .md\:flex-row {
        flex-direction: row !important
    }

    .md\:items-center {
        align-items: center !important
    }

    .md\:justify-center {
        justify-content: center !important
    }

    .md\:justify-between {
        justify-content: space-between !important
    }

    .md\:gap-1 {
        gap: .25rem !important
    }

    .md\:gap-2 {
        gap: .5rem !important
    }

    .md\:gap-4 {
        gap: 1rem !important
    }

    .md\:gap-5 {
        gap: 1.25rem !important
    }

    .md\:gap-6 {
        gap: 1.5rem !important
    }

    .md\:gap-\[25px\] {
        gap: 25px !important
    }

    .md\:gap-x-4 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .md\:gap-x-5 {
        -moz-column-gap: 1.25rem !important;
        column-gap: 1.25rem !important
    }

    .md\:gap-y-4 {
        row-gap: 1rem !important
    }

    .md\:border-2 {
        border-width: 2px !important
    }

    .md\:p-10 {
        padding: 2.5rem !important
    }

    .md\:p-4 {
        padding: 1rem !important
    }

    .md\:p-5 {
        padding: 1.25rem !important
    }

    .md\:p-6 {
        padding: 1.5rem !important
    }

    .md\:px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .md\:px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .md\:px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .md\:px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .md\:px-3\.5 {
        padding-left: .875rem !important;
        padding-right: .875rem !important
    }

    .md\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .md\:px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .md\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .md\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .md\:py-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .md\:py-1\.5 {
        padding-bottom: .375rem !important;
        padding-top: .375rem !important
    }

    .md\:py-10 {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .md\:py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .md\:py-3 {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .md\:py-4 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .md\:py-5 {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .md\:py-6 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .md\:pb-2 {
        padding-bottom: .5rem !important
    }

    .md\:pb-6 {
        padding-bottom: 1.5rem !important
    }

    .md\:pl-3 {
        padding-left: .75rem !important
    }

    .md\:pr-4 {
        padding-right: 1rem !important
    }

    .md\:pt-16 {
        padding-top: 4rem !important
    }

    .md\:pt-2 {
        padding-top: .5rem !important
    }

    .md\:text-center {
        text-align: center !important
    }

    .md\:text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .md\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }

    .md\:text-\[\.62rem\] {
        font-size: .62rem !important
    }

    .md\:text-\[\.7rem\] {
        font-size: .7rem !important
    }

    .md\:text-\[\.84rem\] {
        font-size: .84rem !important
    }

    .md\:text-\[\.92rem\] {
        font-size: .92rem !important
    }

    .md\:text-\[\.9rem\] {
        font-size: .9rem !important
    }

    .md\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .md\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .md\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .md\:text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }

    .md\:font-medium {
        font-weight: 500 !important
    }

    .md\:leading-5 {
        line-height: 1.25rem !important
    }

    .md\:leading-7 {
        line-height: 1.75rem !important
    }

    .md\:opacity-100 {
        opacity: 1 !important
    }
}

@media (min-width:1024px) {
    .lg\:\!bottom-8 {
        bottom: 2rem !important
    }

    .lg\:bottom-\[20px\] {
        bottom: 20px !important
    }

    .lg\:left-10 {
        left: 2.5rem !important
    }

    .lg\:right-10 {
        right: 2.5rem !important
    }

    .lg\:right-2 {
        right: .5rem !important
    }

    .lg\:top-2 {
        top: .5rem !important
    }

    .lg\:top-\[65px\] {
        top: 65px !important
    }

    .lg\:z-10 {
        z-index: 10 !important
    }

    .lg\:-mx-1 {
        margin-left: -.25rem !important;
        margin-right: -.25rem !important
    }

    .lg\:-mx-4 {
        margin-left: -1rem !important;
        margin-right: -1rem !important
    }

    .lg\:my-8 {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .lg\:-mt-6 {
        margin-top: -1.5rem !important
    }

    .lg\:mb-0 {
        margin-bottom: 0 !important
    }

    .lg\:mb-1 {
        margin-bottom: .25rem !important
    }

    .lg\:mb-1\.5 {
        margin-bottom: .375rem !important
    }

    .lg\:mb-10 {
        margin-bottom: 2.5rem !important
    }

    .lg\:mb-2 {
        margin-bottom: .5rem !important
    }

    .lg\:mb-4 {
        margin-bottom: 1rem !important
    }

    .lg\:mb-5 {
        margin-bottom: 1.25rem !important
    }

    .lg\:mb-7 {
        margin-bottom: 1.75rem !important
    }

    .lg\:mt-0 {
        margin-top: 0 !important
    }

    .lg\:mt-4 {
        margin-top: 1rem !important
    }

    .lg\:flex {
        display: flex !important
    }

    .lg\:hidden {
        display: none !important
    }

    .lg\:h-16 {
        height: 4rem !important
    }

    .lg\:h-6 {
        height: 1.5rem !important
    }

    .lg\:h-\[38px\] {
        height: 38px !important
    }

    .lg\:h-\[41px\] {
        height: 41px !important
    }

    .lg\:h-\[45px\] {
        height: 45px !important
    }

    .lg\:h-\[500px\] {
        height: 500px !important
    }

    .lg\:h-\[60px\] {
        height: 60px !important
    }

    .lg\:h-\[70vh\] {
        height: 70vh !important
    }

    .lg\:h-\[88px\] {
        height: 88px !important
    }

    .lg\:\!max-h-\[14\.83px\] {
        max-height: 14.83px !important
    }

    .lg\:max-h-\[38px\] {
        max-height: 38px !important
    }

    .lg\:max-h-\[44px\] {
        max-height: 44px !important
    }

    .lg\:w-1\/3 {
        width: 33.333333% !important
    }

    .lg\:w-12 {
        width: 3rem !important
    }

    .lg\:w-3\/5 {
        width: 60% !important
    }

    .lg\:w-4\/5 {
        width: 80% !important
    }

    .lg\:w-40 {
        width: 10rem !important
    }

    .lg\:w-6 {
        width: 1.5rem !important
    }

    .lg\:w-\[130px\] {
        width: 130px !important
    }

    .lg\:w-\[16\%\] {
        width: 16% !important
    }

    .lg\:w-\[256px\] {
        width: 256px !important
    }

    .lg\:w-\[280px\] {
        width: 280px !important
    }

    .lg\:w-\[60\%\] {
        width: 60% !important
    }

    .lg\:w-\[60px\] {
        width: 60px !important
    }

    .lg\:w-\[70px\] {
        width: 70px !important
    }

    .lg\:w-\[fit\] {
        width: fit !important
    }

    .lg\:w-auto {
        width: auto !important
    }

    .lg\:w-full {
        width: 100% !important
    }

    .lg\:min-w-16 {
        min-width: 4rem !important
    }

    .lg\:min-w-\[100px\] {
        min-width: 100px !important
    }

    .lg\:min-w-\[120px\] {
        min-width: 120px !important
    }

    .lg\:max-w-\[250px\] {
        max-width: 250px !important
    }

    .lg\:flex-none {
        flex: none !important
    }

    .lg\:translate-x-0 {
        --tw-translate-x: 0px !important;
        transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .lg\:scale-100 {
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important
    }

    .lg\:flex-row {
        flex-direction: row !important
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap !important
    }

    .lg\:items-center {
        align-items: center !important
    }

    .lg\:\!justify-start,
    .lg\:justify-start {
        justify-content: flex-start !important
    }

    .lg\:\!justify-end {
        justify-content: flex-end !important
    }

    .lg\:justify-between {
        justify-content: space-between !important
    }

    .lg\:gap-1 {
        gap: .25rem !important
    }

    .lg\:gap-2 {
        gap: .5rem !important
    }

    .lg\:gap-3 {
        gap: .75rem !important
    }

    .lg\:gap-5 {
        gap: 1.25rem !important
    }

    .lg\:gap-x-6 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .lg\:border-x {
        border-left-width: 1px !important;
        border-right-width: 1px !important
    }

    .lg\:border-l {
        border-left-width: 1px !important
    }

    .lg\:border-bg-primary {
        --tw-border-opacity: 1 !important;
        border-color: #212425 !important;
        border-color: rgb(33 36 37/var(--tw-border-opacity)) !important
    }

    .lg\:bg-\[\#3d8bb9\] {
        --tw-bg-opacity: 1 !important;
        background-color: #3d8bb9 !important;
        background-color: rgb(61 139 185/var(--tw-bg-opacity)) !important
    }

    .lg\:bg-button-bg {
        --tw-bg-opacity: 1 !important;
        background-color: #5bdd65 !important;
        background-color: #5bdd65 !important
    }

    .lg\:p-5 {
        padding: 1.25rem !important
    }

    .lg\:p-6 {
        padding: 1.5rem !important
    }

    .lg\:px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .lg\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .lg\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .lg\:py-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .lg\:py-1\.5 {
        padding-bottom: .375rem !important;
        padding-top: .375rem !important
    }

    .lg\:py-4 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .lg\:py-5 {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .lg\:pb-\[50px\] {
        padding-bottom: 50px !important
    }

    .lg\:pb-\[70px\] {
        padding-bottom: 70px !important
    }

    .lg\:pl-4 {
        padding-left: 1rem !important
    }

    .lg\:pl-\[280px\] {
        padding-left: 280px !important
    }

    .lg\:pl-\[70px\] {
        padding-left: 70px !important
    }

    .lg\:pr-4 {
        padding-right: 1rem !important
    }

    .lg\:pt-3 {
        padding-top: .75rem !important
    }

    .lg\:pt-3\.5 {
        padding-top: .875rem !important
    }

    .lg\:text-left {
        text-align: left !important
    }

    .lg\:text-center {
        text-align: center !important
    }

    .lg\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }

    .lg\:text-\[\.72rem\] {
        font-size: .72rem !important
    }

    .lg\:text-\[\.8rem\] {
        font-size: .8rem !important
    }

    .lg\:text-\[0\.85rem\] {
        font-size: .85rem !important
    }

    .lg\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .lg\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .lg\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .lg\:text-xs {
        font-size: .75rem !important;
        line-height: 1rem !important
    }

    .lg\:first\:pt-6:first-child {
        padding-top: 1.5rem !important
    }

    .lg\:hover\:bg-button-bg:hover {
        --tw-bg-opacity: 1 !important;
        background-color: #5bdd65 !important;
        background-color: #5bdd65 !important
    }
}

@media (min-width:1280px) {
    .xl\:-mt-px {
        margin-top: -1px !important
    }

    .xl\:mb-10 {
        margin-bottom: 2.5rem !important
    }

    .xl\:mb-\[60px\] {
        margin-bottom: 60px !important
    }

    .xl\:mt-0 {
        margin-top: 0 !important
    }

    .xl\:mt-4 {
        margin-top: 1rem !important
    }

    .xl\:mt-\[1\.4rem\] {
        margin-top: 1.4rem !important
    }

    .xl\:flex {
        display: flex !important
    }

    .xl\:h-16 {
        height: 4rem !important
    }

    .xl\:h-\[1\.9rem\] {
        height: 1.9rem !important
    }

    .xl\:max-h-\[57px\] {
        max-height: 57px !important
    }

    .xl\:w-16 {
        width: 4rem !important
    }

    .xl\:w-\[1\.9rem\] {
        width: 1.9rem !important
    }

    .xl\:w-\[fit\] {
        width: fit !important
    }

    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    .xl\:flex-row {
        flex-direction: row !important
    }

    .xl\:gap-2 {
        gap: .5rem !important
    }

    .xl\:gap-\[\.6rem\] {
        gap: .6rem !important
    }

    .xl\:border-4 {
        border-width: 4px !important
    }

    .xl\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .xl\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .xl\:px-\[\.8rem\] {
        padding-left: .8rem !important;
        padding-right: .8rem !important
    }

    .xl\:py-4 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .xl\:pl-0 {
        padding-left: 0 !important
    }

    .xl\:pl-0\.5 {
        padding-left: .125rem !important
    }

    .xl\:text-\[\.85rem\] {
        font-size: .85rem !important
    }

    .xl\:text-\[\.8rem\] {
        font-size: .8rem !important
    }

    .xl\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }
}

@media (min-width:1536px) {
    .\32xl\:-left-\[400px\] {
        left: -400px !important
    }

    .\32xl\:flex {
        display: flex !important
    }
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 100;
    src: url(./DM_Sans-100-1.C24VDuKN.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 100;
    src: url(./DM_Sans-100-2.B1c0Y_ic.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 200;
    src: url(./DM_Sans-100-1.C24VDuKN.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 200;
    src: url(./DM_Sans-100-2.B1c0Y_ic.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 300;
    src: url(./DM_Sans-100-1.C24VDuKN.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 300;
    src: url(./DM_Sans-100-2.B1c0Y_ic.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    src: url(./DM_Sans-100-1.C24VDuKN.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    src: url(./DM_Sans-100-2.B1c0Y_ic.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    src: url(./DM_Sans-100-1.C24VDuKN.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    src: url(./DM_Sans-100-2.B1c0Y_ic.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 600;
    src: url(./DM_Sans-100-1.C24VDuKN.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 600;
    src: url(./DM_Sans-100-2.B1c0Y_ic.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    src: url(./DM_Sans-100-1.C24VDuKN.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    src: url(./DM_Sans-100-2.B1c0Y_ic.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 800;
    src: url(./DM_Sans-100-1.C24VDuKN.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 800;
    src: url(./DM_Sans-100-2.B1c0Y_ic.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 900;
    src: url(./DM_Sans-100-1.C24VDuKN.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 900;
    src: url(./DM_Sans-100-2.B1c0Y_ic.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
}

:root {
    --swiper-theme-color: #5bdd65
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: ease;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid #5bdd65;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: 44px;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 27px;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: auto;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: auto;
    left: var(--swiper-pagination-left, auto);
    right: 8px;
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: #00000040;
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: #0000001a;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 4px;
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: 4px;
    height: var(--swiper-scrollbar-size, 4px);
    left: 1%;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: auto;
    top: var(--swiper-scrollbar-top, auto);
    width: 98%;
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: 98%;
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: auto;
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: 4px;
    right: var(--swiper-scrollbar-right, 4px);
    top: 1%;
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: 4px;
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: #00000080;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.GeOZW {
    background-color: #212425e6;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 9999
}

.GeOZW,
.GeOZW iframe {
    height: 100%;
    width: 100%
}

.GeOZW iframe {
    border-width: 0;
    position: relative;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.GeOZW .YzZNe {
    bottom: 0;
    left: 50%;
    position: absolute;
    z-index: 20;
    --tw-translate-x: -50%;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.GeOZW .YzZNe button {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-size: .6rem;
    padding: .125rem .25rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.GeOZW .YzZNe button:hover {
    padding-left: .5rem;
    padding-right: .5rem
}

.toaster[data-v-6a0eefb2] {
    border-radius: .5rem;
    cursor: pointer;
    margin: .75rem;
    position: fixed;
    z-index: 50;
    --tw-text-opacity: 1;
    align-items: center;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    visibility: hidden;
    --tw-translate-y: -4rem;
    opacity: 0;
    padding: .5rem .75rem;
    transform: translate(var(--tw-translate-x), -4rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition: all .2s !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.toaster.top-right[data-v-6a0eefb2] {
    right: 0;
    top: 0
}

.toaster.top-left[data-v-6a0eefb2] {
    left: 0;
    top: 0
}

.toaster.top-center[data-v-6a0eefb2] {
    left: 50%;
    top: 0;
    --tw-translate-x: -50%;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toaster.top-screen[data-v-6a0eefb2] {
    border-radius: 0;
    left: 0;
    margin: 0;
    right: 0;
    top: 0
}

.toaster.bottom-right[data-v-6a0eefb2] {
    bottom: 0;
    right: 0;
    --tw-translate-y: 4rem;
    transform: translate(var(--tw-translate-x), 4rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toaster.bottom-right.default[data-v-6a0eefb2]:not(.modal_open) {
    bottom: 57.52px
}

@media (min-width:768px) {
    .toaster.bottom-right.default[data-v-6a0eefb2]:not(.modal_open) {
        bottom: 0
    }
}

.toaster.bottom-left[data-v-6a0eefb2] {
    bottom: 0;
    left: 0;
    --tw-translate-y: 4rem;
    transform: translate(var(--tw-translate-x), 4rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toaster.bottom-left.default[data-v-6a0eefb2]:not(.modal_open) {
    bottom: 57.52px
}

@media (min-width:768px) {
    .toaster.bottom-left.default[data-v-6a0eefb2]:not(.modal_open) {
        bottom: 0
    }
}

.toaster.bottom-center[data-v-6a0eefb2] {
    bottom: 0;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: 4rem;
    transform: translate(-50%, 4rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toaster.bottom-center.default[data-v-6a0eefb2]:not(.modal_open) {
    bottom: 57.52px
}

@media (min-width:768px) {
    .toaster.bottom-center.default[data-v-6a0eefb2]:not(.modal_open) {
        bottom: 0
    }
}

.toaster.bottom-screen[data-v-6a0eefb2] {
    bottom: 0;
    left: 0;
    margin: 0;
    right: 0;
    --tw-translate-y: 4rem;
    border-radius: 0;
    transform: translate(var(--tw-translate-x), 4rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toaster.bottom-screen.default[data-v-6a0eefb2]:not(.modal_open) {
    bottom: 57.52px
}

@media (min-width:768px) {
    .toaster.bottom-screen.default[data-v-6a0eefb2]:not(.modal_open) {
        bottom: 0
    }
}

.toaster.open[data-v-6a0eefb2] {
    visibility: visible;
    --tw-translate-y: 0px;
    opacity: 1;
    transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 9999999999
}

.toaster.error[data-v-6a0eefb2] {
    background-color: #f1416ce6
}

.toaster.success[data-v-6a0eefb2] {
    background-color: #22bb33e6
}

.toaster.warning[data-v-6a0eefb2] {
    background-color: #ff9f43e6
}

.toaster.info[data-v-6a0eefb2] {
    background-color: #0096ffe6
}

.toaster .content[data-v-6a0eefb2] {
    font-size: .875rem;
    line-height: 1.25rem
}

.toaster .close[data-v-6a0eefb2] {
    cursor: pointer;
    font-size: .75rem;
    line-height: 1rem;
    opacity: .5
}

.toaster .close[data-v-6a0eefb2]:hover {
    opacity: .9
}

.tabs[data-v-884c5640] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    min-width: 100%;
    --tw-border-opacity: 1;
    border-bottom: 1px;
    border-color: #424344;
    border-color: rgb(66 67 68/var(--tw-border-opacity));
    border-style: solid;
    padding-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: #424344;
    color: rgb(66 67 68/var(--tw-text-opacity))
}

@media (min-width:640px) {
    .tabs[data-v-884c5640] {
        display: none
    }
}

.tabs.pix[data-v-884c5640] {
    border-color: #4243444d
}

.kecXA {
    align-items: center;
    background-color: #5bdd6566;
    border-radius: .25rem;
    display: flex;
    font-size: .875rem;
    height: 22px;
    justify-content: center;
    line-height: 1.25rem;
    margin-left: .5rem;
    overflow: hidden;
    position: relative;
    width: 22px;
    --tw-text-opacity: 1;
    background-color: var(--6559e314);
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.kecXA:after {
    background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, .1) var(--tw-gradient-from-position), rgba(0, 0, 0, .2) var(--tw-gradient-to-position));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    left: 0;
    right: 0;
    top: 0;
    --tw-gradient-from: hsla(0, 0%, 100%, .1) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(0, 0, 0, .2) var(--tw-gradient-to-position);
    --tw-content: ""
}

.kecXA .fI02n,
.kecXA .fI02n:before,
.kecXA:after,
.kecXA:before {
    bottom: 0;
    content: "";
    content: var(--tw-content);
    mix-blend-mode: overlay;
    position: absolute
}

.kecXA .fI02n,
.kecXA .fI02n:before,
.kecXA:before {
    background-image: linear-gradient(to right, hsla(0, 0%, 100%, 0) var(--tw-gradient-from-position), hsla(0, 0%, 100%, .8) var(--tw-gradient-via-position), hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    height: 3px;
    left: 2%;
    right: 2%;
    --tw-gradient-from: hsla(0, 0%, 100%, 0) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .8) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-content: "";
    filter: blur(1px)
}

.kecXA .fI02n {
    left: 5%;
    right: 5%;
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .8) var(--tw-gradient-via-position), var(--tw-gradient-to);
    filter: blur(3px)
}

.kecXA .fI02n:before {
    bottom: -2px;
    height: 8px;
    left: 10%;
    right: 10%;
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .6) var(--tw-gradient-via-position), var(--tw-gradient-to);
    filter: blur(5px)
}

.kecXA .OLwe0 {
    position: relative;
    z-index: 10;
    --tw-shadow-color: #000;
    --tw-shadow: var(--tw-shadow-colored);
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06));
    animation: D1Zxu 3s linear infinite;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@keyframes D1Zxu {
    0% {
        transform: scale(1)
    }

    60% {
        transform: scale(.9)
    }

    65% {
        transform: scale(1.1) skew(1.44deg)
    }

    70% {
        transform: scale(1) skew(2.88deg)
    }

    75% {
        transform: scale(1) skew(0)
    }

    77% {
        transform: rotate(-15deg)
    }

    79% {
        transform: rotate(10deg)
    }

    81% {
        transform: rotate(-10deg)
    }

    83% {
        transform: rotate(6deg)
    }

    85% {
        transform: rotate(-4deg)
    }
}

.logoContainer[data-v-080f5138] {
    align-items: center;
    display: inline-flex
}

.desktop[data-v-080f5138],
.logoContainer span[data-v-080f5138] {
    display: none
}

.desktop[data-v-080f5138] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:640px) {
    .desktop[data-v-080f5138] {
        display: flex
    }
}

.desktop.leos[data-v-080f5138] {
    height: 3rem;
    margin-left: -.25rem;
    margin-top: -.5rem
}

.mobile[data-v-080f5138] {
    display: flex;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:640px) {
    .mobile[data-v-080f5138] {
        display: none
    }
}

.mobile.leos[data-v-080f5138] {
    height: 3rem;
    margin-left: -.25rem;
    margin-top: -.75rem
}

.migrateModal_wrapper[data-v-94bebb3d] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem
}

.migrateModal_wrapper .topTexts[data-v-94bebb3d] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
    text-align: center
}

.migrateModal_wrapper .btn[data-v-94bebb3d] {
    min-width: 40%
}

.migrateModal_wrapper .btn-login[data-v-94bebb3d] {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: .25rem;
    color: #5bdd65;
    color: #5bdd65;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: .625rem .5rem;
    white-space: nowrap
}

.migrateModal_wrapper .btn-login.pix[data-v-94bebb3d] {
    font-size: .875rem;
    line-height: 1.25rem
}

.Bcs7q {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    opacity: .9
}

@media (min-width:640px) {
    .Bcs7q {
        border-radius: .5rem
    }
}

.Bcs7q {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 10
}

.Bs-7c {
    border-color: #212425;
    border-color: rgb(33 36 37/var(--tw-border-opacity));
    border-radius: 9999px;
    border-right-color: #5bdd65;
    border-right-color: rgb(255 222 0/var(--tw-border-opacity));
    border-style: solid;
    display: inline-block;
    --tw-border-opacity: 1;
    animation: FNfyC .6s linear infinite;
    border-bottom-color: #5bdd65;
    border-bottom-color: rgb(255 222 0/var(--tw-border-opacity))
}

.Bs-7c.Y9kTT {
    border-width: 4px;
    height: 1.5rem;
    width: 1.5rem
}

.Bs-7c.EuX3a {
    border-width: 5px;
    height: 2.25rem;
    width: 2.25rem
}

.Bs-7c.AWIm5 {
    border-width: 8px;
    height: 3.5rem;
    width: 3.5rem
}

@keyframes FNfyC {
    to {
        transform: rotate(1turn)
    }
}

.input-group[data-v-9b35dc4c] {
    border: 2px solid transparent;
    border-radius: .375rem;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity))
}

.prepend[data-v-9b35dc4c] {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    display: grid;
    place-items: center
}

.prefix[data-v-9b35dc4c],
.suffix[data-v-9b35dc4c] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 60px;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:640px) {

    .prefix[data-v-9b35dc4c],
    .suffix[data-v-9b35dc4c] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.prefix[data-v-9b35dc4c],
.suffix[data-v-9b35dc4c] {
    overflow: hidden;
    text-overflow: ellipsis
}

.prefix[data-v-9b35dc4c] {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.prefix.pix[data-v-9b35dc4c] {
    --tw-text-opacity: 1;
    color: #424344;
    color: rgb(66 67 68/var(--tw-text-opacity))
}

.prefix.ddi[data-v-9b35dc4c] {
    border-right: 1px;
    border-color: #fdffff33;
    border-style: solid;
    width: 90px
}

.ddi[data-v-9b35dc4c],
.prefix.ddi[data-v-9b35dc4c] {
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.ddi[data-v-9b35dc4c] {
    align-items: center;
    border-bottom-right-radius: inherit;
    border-left: 1px;
    border-color: #fdffff33;
    border-style: solid;
    border-top-right-radius: inherit;
    display: flex;
    width: 95px
}

.suffix[data-v-9b35dc4c] {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.suffix.pix[data-v-9b35dc4c] {
    --tw-text-opacity: 1;
    color: #424344;
    color: rgb(66 67 68/var(--tw-text-opacity))
}

.suffix .ddi[data-v-9b35dc4c] {
    border-left: 1px;
    border-color: #fdffff33;
    border-style: solid;
    width: 95px;
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.input-group.error[data-v-9b35dc4c] {
    border-style: solid;
    --tw-border-opacity: 1;
    animation: shake-9b35dc4c 50ms 3 alternate;
    border-color: #f1416c;
    border-color: rgb(241 65 108/var(--tw-border-opacity))
}

.group[data-v-9b35dc4c] {
    align-items: center;
    border-radius: .375rem;
    cursor: text;
    display: flex;
    flex-grow: 1;
    height: 50px;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    --tw-border-opacity: 1;
    border: 0 solid #424344;
    border-color: rgb(66 67 68/var(--tw-border-opacity))
}

.group.hasLabel[data-v-9b35dc4c] {
    padding-top: .75rem
}

.group.isCompact[data-v-9b35dc4c] {
    font-size: .875rem;
    height: 2.25rem;
    line-height: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.group .input[data-v-9b35dc4c]::-moz-placeholder {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    opacity: .7
}

.group .input[data-v-9b35dc4c]::placeholder {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    opacity: .7
}

@media (min-width:768px) {
    .group .input[data-v-9b35dc4c]::-moz-placeholder {
        font-size: .9rem
    }

    .group .input[data-v-9b35dc4c]::placeholder {
        font-size: .9rem
    }
}

.group:not(.hasLabel) .input[data-v-9b35dc4c]::-moz-placeholder {
    color: #fdffff80 !important
}

.group:not(.hasLabel) .input[data-v-9b35dc4c]::placeholder {
    color: #fdffff80 !important
}

.group .password-show[data-v-9b35dc4c] {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.group.prefix[data-v-9b35dc4c] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.group.ddi[data-v-9b35dc4c],
.group.suffix[data-v-9b35dc4c] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    max-width: calc(100% - 60px)
}

.error-message[data-v-9b35dc4c] {
    border-top-left-radius: .125rem;
    bottom: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-size: .5rem;
    padding: .25rem .25rem .125rem .375rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.icon[data-v-9b35dc4c] {
    padding-left: 50px !important
}

.input[data-v-9b35dc4c] {
    background-color: transparent !important;
    border-style: none !important;
    font-size: .875rem !important;
    height: 2rem !important;
    line-height: 1.25rem !important;
    padding: 0 !important;
    width: 100% !important;
    --tw-text-opacity: 1 !important;
    color: #fdffff !important;
    color: rgb(253 255 255/var(--tw-text-opacity)) !important
}

.input[data-v-9b35dc4c]::-moz-placeholder {
    color: transparent !important
}

.input[data-v-9b35dc4c]::placeholder {
    color: transparent !important
}

.input[data-v-9b35dc4c] {
    --tw-shadow: 0 0 0 100px #424344 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 0 100px #424344 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: #424344 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.input[data-v-9b35dc4c]:focus {
    border-color: transparent !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.input.padRight[data-v-9b35dc4c] {
    padding-right: 30px !important
}

.input[data-v-9b35dc4c]:-webkit-autofill,
.input[data-v-9b35dc4c]:-webkit-autofill:focus,
.input[data-v-9b35dc4c]:-webkit-autofill:hover {
    -webkit-appearance: none !important;
    --tw-shadow: 0 0 0 100px #424344 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 0 100px #424344 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: #424344 !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
    -webkit-text-fill-color: #fdffff !important
}

.label[data-v-9b35dc4c] {
    inset-inline-start: 1rem;
    position: absolute;
    top: 50%;
    --tw-translate-y: -50%;
    cursor: text;
    font-size: .875rem;
    line-height: 1.25rem;
    transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    opacity: .7
}

.peer:-moz-placeholder-shown~.label[data-v-9b35dc4c] {
    font-size: .875rem;
    line-height: 1.25rem;
    top: 50%
}

.peer:placeholder-shown~.label[data-v-9b35dc4c] {
    font-size: .875rem;
    line-height: 1.25rem;
    top: 50%
}

.peer:focus~.label[data-v-9b35dc4c] {
    opacity: .7
}

.peer.hasContent~.label[data-v-9b35dc4c],
.peer:focus~.label[data-v-9b35dc4c] {
    font-size: .52rem;
    top: .8rem
}

.icon .label[data-v-9b35dc4c] {
    inset-inline-start: 50px !important
}

.group[disabled][data-v-9b35dc4c]:not([disabled=false]),
.group[disabled]:not([disabled=false]) .label[data-v-9b35dc4c],
.input[disabled][data-v-9b35dc4c]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .6
}

.group[readonly][data-v-9b35dc4c]:not([readonly=false]),
.group[readonly]:not([readonly=false]) .label[data-v-9b35dc4c],
.input[readonly][data-v-9b35dc4c]:not([readonly=false]) {
    cursor: default;
    opacity: .7
}

.required[data-v-9b35dc4c] {
    color: #f1416cb3;
    color: rgb(241 65 108/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: .7
}

@keyframes shake-9b35dc4c {
    0% {
        transform: translate(-3px)
    }

    to {
        transform: translate(3px)
    }
}

.PW--8 {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 2rem
}

.iTcam {
    align-items: center;
    color: #fdffff80;
    display: flex;
    font-size: .75rem;
    gap: 1rem;
    line-height: 1rem;
    text-align: center;
    text-transform: uppercase
}

.iTcam:after,
.iTcam:before {
    background-color: #fdffff1a;
    content: "";
    flex: 1 1 0%;
    height: 1px
}

.OqGf8 {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: .75rem
}

@media (min-width:768px) {
    .OqGf8 {
        gap: 1.25rem
    }
}

.OqGf8 button {
    align-items: center;
    border: 1px solid rgba(253, 255, 255, .2);
    border-radius: .25rem;
    color: #fdffffb3;
    cursor: pointer;
    display: flex;
    flex: 1 1 0%;
    font-size: 1.125rem;
    height: 40px;
    justify-content: center;
    line-height: 1.75rem
}

.OqGf8 button:hover {
    background-color: #21242580
}

.footer[data-v-839a1f87] {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 0;
    margin-top: 1.75rem;
    padding-top: 0;
    text-align: center
}

@media (min-width:768px) {
    .footer[data-v-839a1f87] {
        margin-bottom: -1rem
    }
}

.footer.pix[data-v-839a1f87] {
    border-color: #4243444d;
    border-style: solid
}

.footer a[data-v-839a1f87]:hover,
.footer button[data-v-839a1f87]:hover {
    text-decoration-line: underline
}

.vUO8D {
    position: relative;
    width: 100%
}

.vUO8D .Uw-Ya {
    color: #fdffff99;
    font-size: .7rem;
    gap: .25rem;
    line-height: .75rem;
    margin-right: auto;
    padding: .75rem .25rem;
    position: absolute;
    text-align: center;
    top: 100%
}

.DhKZb,
.vUO8D .Uw-Ya {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.DhKZb {
    border-radius: .25rem;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.DhKZb[disabled]:not([disabled=false]) {
    opacity: .3
}

.DhKZb svg {
    font-size: .875rem;
    line-height: 1.25rem
}

.ou8nx {
    align-items: center;
    display: flex;
    position: relative
}

.FV7io {
    width: 100%
}

.FV7io.dZpx5 {
    font-size: .875rem;
    height: 40px;
    line-height: 1.25rem;
    padding-left: 40px;
    text-align: left
}

.FV7io[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .6
}

.FV7io[readonly]:not([readonly=false]) {
    cursor: default;
    opacity: .9
}

.WYq67 {
    align-items: center;
    color: #fdffff99;
    display: flex;
    font-size: .875rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1.25rem;
    width: 2.25rem;
    z-index: 10
}

.Gqmf4 {
    display: grid;
    height: 100%;
    place-items: center;
    position: absolute;
    right: 0
}

._4YsPq {
    background-color: transparent;
    margin-right: 1rem;
    position: relative
}

.Fxeuw {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 1.25rem;
    justify-content: center;
    right: 1rem;
    white-space: nowrap;
    text-wrap: nowrap;
    background-color: #fdffff33;
    border-radius: .25rem;
    font-size: .6rem;
    padding-left: .5rem;
    padding-right: .5rem;
    --tw-text-opacity: 1
}

.F9HZz,
.Fxeuw {
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    position: absolute
}

.F9HZz {
    border-radius: .125rem .125rem .25rem;
    bottom: 0;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-size: .5rem;
    padding: .25rem .25rem .125rem .375rem;
    text-align: center;
    --tw-text-opacity: 1
}

.input-group[data-v-ccb46605] {
    border: 2px solid transparent;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.group[data-v-ccb46605] {
    border-radius: .375rem;
    border-width: 0;
    cursor: text;
    display: block;
    flex-grow: 1;
    height: 50px;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .75rem;
    position: relative;
    --tw-border-opacity: 1;
    border-color: #424344;
    border-color: rgb(66 67 68/var(--tw-border-opacity))
}

.group[data-v-ccb46605],
.input[data-v-ccb46605] {
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity))
}

.input[data-v-ccb46605] {
    border-style: none;
    height: 1.25rem;
    margin-top: .75rem;
    padding: 0 1rem 0 0;
    width: 70px;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.input[data-v-ccb46605]::-moz-placeholder {
    color: transparent
}

.input[data-v-ccb46605]::placeholder {
    color: transparent
}

.input[data-v-ccb46605]:focus {
    border-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

@media (min-width:640px) {
    .input[data-v-ccb46605] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.input option[data-v-ccb46605] {
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity))
}

.input[data-v-ccb46605]:-webkit-autofill,
.input[data-v-ccb46605]:-webkit-autofill:focus,
.input[data-v-ccb46605]:-webkit-autofill:hover {
    -webkit-appearance: none !important;
    -webkit-text-fill-color: #fff !important;
    --tw-shadow: 0 0 0 100px #424344 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 0 100px #424344 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: #424344 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.label[data-v-ccb46605] {
    inset-inline-start: 1rem;
    position: absolute;
    top: 1.5em;
    --tw-translate-y: -50%;
    font-size: .6em;
    transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.peer:-moz-placeholder-shown~.label[data-v-ccb46605] {
    font-size: .875rem;
    line-height: 1.25rem;
    top: 50%
}

.peer:placeholder-shown~.label[data-v-ccb46605] {
    font-size: .875rem;
    line-height: 1.25rem;
    top: 50%
}

.peer:focus~.label[data-v-ccb46605] {
    top: 1.5em
}

.label[data-v-ccb46605] {
    cursor: text;
    opacity: .8;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.peer:focus~.label[data-v-ccb46605] {
    font-size: .6em;
    opacity: .6
}

.required[data-v-ccb46605] {
    color: #f1416cb3;
    color: rgb(241 65 108/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: .7
}

.group[disabled][data-v-ccb46605]:not([disabled=false]),
.group[disabled]:not([disabled=false]) .label[data-v-ccb46605],
.input[disabled][data-v-ccb46605]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .6
}

@keyframes shake-ccb46605 {
    0% {
        transform: translate(-3px)
    }

    to {
        transform: translate(3px)
    }
}

.nuxt-icon svg {
    height: 1em;
    margin-bottom: .125em;
    vertical-align: middle;
    width: 1em
}

.nuxt-icon.nuxt-icon--fill,
.nuxt-icon.nuxt-icon--fill * {
    fill: currentColor !important
}

.nuxt-icon.nuxt-icon--stroke,
.nuxt-icon.nuxt-icon--stroke * {
    stroke: currentColor !important
}

.btn-submit[data-v-5974a4f3] {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-submit[disabled][data-v-5974a4f3]:not([disabled=false]) {
    opacity: .3
}

.btn-submit svg[data-v-5974a4f3] {
    font-size: .875rem;
    line-height: 1.25rem
}

.buttonBox[data-v-5974a4f3] {
    position: relative;
    width: 100%
}

.buttonBox .captchaLoading[data-v-5974a4f3] {
    align-items: center;
    color: #fdffff99;
    display: flex;
    font-size: .7rem;
    gap: .25rem;
    justify-content: center;
    line-height: .75rem;
    margin-right: auto;
    padding: .75rem .25rem;
    top: 100%;
    width: 100%
}

.buttonBox .captchaLoading[data-v-5974a4f3],
.error-message[data-v-5974a4f3] {
    position: absolute;
    text-align: center
}

.error-message[data-v-5974a4f3] {
    border-radius: .125rem .125rem .25rem;
    bottom: 0;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-size: .5rem;
    padding: .25rem .25rem .125rem .375rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.modal-content[data-v-774f67c4] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2.5rem;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .modal-content[data-v-774f67c4] {
        padding-top: 4rem
    }
}

.modal-content .modal-title[data-v-774f67c4] {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .modal-content .modal-title[data-v-774f67c4] {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: .75rem
    }
}

.modal-content .modal-text[data-v-774f67c4] {
    color: #fdffff99;
    font-size: .875rem;
    line-height: 1.25rem
}

.modal-footer[data-v-774f67c4] {
    padding: 1.25rem;
    text-align: center
}

.modal-footer .btn[data-v-774f67c4] {
    margin-bottom: 1rem;
    margin-top: 1rem
}

@media (min-width:768px) {
    .modal-footer .btn[data-v-774f67c4] {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem
    }
}

.modal-footer .btn-link[data-v-774f67c4] {
    color: #fdffffb3;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem
}

.btn-submit[data-v-dc08b8e8] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-submit[disabled][data-v-dc08b8e8]:not([disabled=false]) {
    opacity: .3
}

.btn-submit svg[data-v-dc08b8e8] {
    font-size: .875rem;
    line-height: 1.25rem
}

.buttonBox[data-v-dc08b8e8] {
    position: relative;
    width: 100%
}

.buttonBox .captchaLoading[data-v-dc08b8e8] {
    align-items: center;
    color: #fdffff99;
    display: flex;
    font-size: .7rem;
    gap: .25rem;
    justify-content: center;
    line-height: .75rem;
    margin-right: auto;
    padding: .75rem .25rem;
    position: absolute;
    text-align: center;
    top: 100%;
    width: 100%
}

.progress-bar[data-v-63ab7e0d] {
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    height: .25rem;
    margin-top: .25rem;
    position: relative;
    width: 100%
}

.progress-bar[data-v-63ab7e0d],
.progress-bar div[data-v-63ab7e0d] {
    border-radius: .375rem;
    --tw-bg-opacity: 1
}

.progress-bar div[data-v-63ab7e0d] {
    background-color: #5bdd65;
    background-color: #5bdd65;
    height: 100%
}

.cXaPe {
    border-radius: .5rem;
    border-style: none;
    height: 2rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.cXaPe::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-placeholder-opacity))
}

.cXaPe::placeholder {
    --tw-placeholder-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-placeholder-opacity))
}

.cXaPe:focus {
    border-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.cXaPe[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .6
}

.shortcuts[data-v-1de2465d] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-bottom: .5rem;
    position: relative
}

.shortcuts .button[data-v-1de2465d] {
    background-color: #5bdd651a;
    border-radius: .25rem;
    color: #5bdd65;
    cursor: pointer;
    flex: 1 1 0%;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .5rem .875rem;
    white-space: nowrap
}

.shortcuts .button[data-v-1de2465d]:hover {
    background-color: #5bdd6533
}

@media (min-width:640px) {
    .shortcuts .button[data-v-1de2465d] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.shortcuts[data-v-1de2465d]:after {
    background-image: linear-gradient(to left, #323637 var(--tw-gradient-from-position), rgba(50, 54, 55, 0) var(--tw-gradient-to-position));
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: -3%;
    top: 0;
    width: 80px;
    z-index: 10;
    --tw-gradient-from: #323637 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(50, 54, 55, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cupom[data-v-a5c4ada2] {
    position: relative
}

.cupom .icon[data-v-a5c4ada2] {
    color: #fdffff99;
    height: 40px;
    justify-content: center;
    width: 40px
}

.cupom .buttons[data-v-a5c4ada2],
.cupom .icon[data-v-a5c4ada2] {
    align-items: center;
    display: flex;
    position: absolute
}

.cupom .buttons[data-v-a5c4ada2] {
    font-size: .75rem;
    line-height: 1rem;
    right: .5rem;
    top: .5rem
}

.cupom button[data-v-a5c4ada2] {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: .25rem;
    display: flex;
    height: 24px;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem
}

.cupom button[data-v-a5c4ada2],
.cupom button.remove[data-v-a5c4ada2] {
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.cupom button.remove[data-v-a5c4ada2] {
    width: 24px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    border-radius: 9999px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    --tw-text-opacity: 1
}

.cupom button.remove .times[data-v-a5c4ada2] {
    display: none
}

.cupom button.remove .check[data-v-a5c4ada2] {
    display: block
}

.cupom button.remove[data-v-a5c4ada2]:hover {
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity))
}

.cupom button.remove:hover .times[data-v-a5c4ada2] {
    display: block
}

.cupom button.remove:hover .check[data-v-a5c4ada2] {
    display: none
}

.cupom button.clear[data-v-a5c4ada2] {
    background-color: transparent;
    margin-left: .25rem;
    margin-right: .25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    opacity: .5
}

.cupom button.clear[data-v-a5c4ada2]:hover {
    opacity: .7
}

.input-center[data-v-a5c4ada2] {
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity));
    font-size: 1.875rem;
    line-height: 2.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    height: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.input-center.small[data-v-a5c4ada2] {
    height: 40px;
    padding-left: 40px;
    text-align: left
}

.coupon_details[data-v-a5c4ada2],
.input-center.small[data-v-a5c4ada2] {
    font-size: .875rem;
    line-height: 1.25rem
}

.coupon_details[data-v-a5c4ada2] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: .5rem;
    margin-top: .25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.coupon_details div[data-v-a5c4ada2] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between
}

.coupon_details div .spacer[data-v-a5c4ada2] {
    flex: 1 1 0%;
    width: 100%;
    --tw-border-opacity: 1;
    border: dotted #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity));
    border-width: 2px 0 0
}

.coupon_details div[data-v-a5c4ada2]:last-child {
    font-weight: 700
}

.deposit-payment .scan-title[data-v-d9e9a5f9] {
    margin: .25rem auto .5rem;
    max-width: 280px;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.deposit-payment .clickToCopy[data-v-d9e9a5f9] {
    border: 1px dashed rgba(253, 255, 255, .6);
    border-radius: .5rem;
    margin: 1.25rem .25rem;
    padding: 2rem 1.75rem;
    position: relative
}

@media (min-width:768px) {
    .deposit-payment .clickToCopy[data-v-d9e9a5f9] {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.deposit-payment .clickToCopy .handIcon[data-v-d9e9a5f9] {
    color: #fdffff66;
    cursor: pointer;
    font-size: 1.875rem;
    line-height: 2.25rem;
    position: absolute;
    right: 1rem;
    top: 1rem
}

.deposit-payment .clickToCopy .depositValue[data-v-d9e9a5f9] {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: .75rem;
    margin-bottom: 1.25rem;
    margin-top: -.25rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.deposit-payment .clickToCopy .inputCode[data-v-d9e9a5f9] {
    margin-bottom: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .deposit-payment .clickToCopy .inputCode[data-v-d9e9a5f9] {
        margin-bottom: .75rem
    }
}

.deposit-payment .clickToCopy .inputCode .input-center[data-v-d9e9a5f9] {
    border-radius: .5rem;
    height: 50px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity));
    color: #fdffffcc;
    font-size: .75rem;
    line-height: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
}

.deposit-payment .timer[data-v-d9e9a5f9] {
    margin: 1.25rem .25rem;
    padding-bottom: 1rem;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative
}

@media (min-width:768px) {
    .deposit-payment .timer[data-v-d9e9a5f9] {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.deposit-payment .buttonsBottom[data-v-d9e9a5f9] {
    align-items: center;
    background-color: #5bdd651a;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: #5bdd65;
    color: #5bdd65;
    padding: .5rem 1.5rem;
    width: 100%
}

@media (min-width:768px) {
    .deposit-payment .buttonsBottom[data-v-d9e9a5f9] {
        padding-bottom: .75rem;
        padding-top: .75rem;
        width: auto
    }
}

.deposit-payment .buttonsBottom.small[data-v-d9e9a5f9] {
    background-color: #22bb331a;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: -.5rem;
    margin-top: .5rem;
    padding: .5rem 1.25rem;
    width: auto;
    --tw-text-opacity: 1;
    color: #2b3;
    color: rgb(34 187 51/var(--tw-text-opacity))
}

.deposit-payment .depositQrCode[data-v-d9e9a5f9] {
    border-radius: .5rem;
    border-width: 5px;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem;
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content;
    --tw-border-opacity: 1;
    border-color: #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: .5rem
}

.deposit-payment .depositQrCode img[data-v-d9e9a5f9] {
    max-width: 220px
}

.sXhjJ {
    align-items: center;
    background-color: #dc3545;
    border-radius: .25rem;
    display: flex;
    justify-content: space-between;
    padding: .75rem
}

.rtbqi {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.-OrQm {
    align-items: center;
    display: flex;
    gap: .25rem
}

.s99AL {
    background-color: #fff;
    border-radius: .25rem;
    color: #000;
    display: grid;
    font-size: 1.25rem;
    font-weight: 700;
    height: 45px;
    line-height: 1.75rem;
    padding: .25rem;
    place-items: center;
    width: 45px
}

.QfxsU {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

._6f96W {
    border-radius: .25rem;
    font-size: .875rem;
    height: 40px;
    line-height: 1.25rem
}

.DPlfu {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: -.25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:640px) {
    .DPlfu {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._9HnJM {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between
}

.input-center[data-v-7f7bf096] {
    border-radius: .9rem;
    height: 45px;
    width: 80%;
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity));
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.input-center.small[data-v-7f7bf096] {
    font-size: .875rem;
    height: 40px;
    line-height: 1.25rem;
    padding-left: 40px;
    text-align: left
}

.btn-submit[data-v-7f7bf096] {
    align-items: center;
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    padding: .75rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-submit[disabled][data-v-7f7bf096]:not([disabled=false]) {
    cursor: default;
    opacity: .4
}

.vxnEW {
    border-radius: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    padding: 1.5rem;
    text-align: left;
    vertical-align: middle;
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width:640px) {
    .vxnEW {
        border-radius: .5rem
    }
}

.hEI1S {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 40px;
    z-index: 50;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    box-shadow: 0 5px 20px #0006;
    font-weight: 500;
    padding: .5rem;
    transition-property: none
}

.hEI1S,
.hEI1S svg {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.hEI1S svg {
    height: 1.2em;
    width: 1.2em;
    fill: #5bdd65
}

@media (min-width:1024px) {
    .hEI1S {
        right: -2px;
        top: -2px
    }

    .hEI1S:hover {
        right: 0;
        top: 0
    }
}

.hEI1S.vJ8aE {
    background-color: #212425e6;
    right: .5rem;
    top: .5rem
}

.dDlSg {
    background-color: #000000b3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed
}

body::-webkit-scrollbar {
    display: none
}

.title[data-v-6834d608] {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-right: .5rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .title[data-v-6834d608] {
        margin-right: 1rem
    }
}

.title.default[data-v-6834d608] {
    font-size: 1rem;
    line-height: 1.25rem
}

@media (min-width:1024px) {
    .title.default[data-v-6834d608] {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.title.pix[data-v-6834d608] {
    --tw-border-opacity: 1;
    border-bottom: 2px #323637;
    border-bottom-color: rgb(50 54 55/var(--tw-border-opacity));
    border-style: solid;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding-bottom: .25rem;
    padding-left: .25rem;
    padding-right: .25rem
}

@media (min-width:768px) {
    .title.pix[data-v-6834d608] {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-bottom: .5rem
    }
}

.page__container[data-v-2256ae1d] {
    color: #fdffff99;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 0;
    width: 100%
}

@media (min-width:1024px) {
    .page__container[data-v-2256ae1d] {
        margin-bottom: 2.5rem
    }
}

.page__container.pix[data-v-2256ae1d] {
    margin: 2.5rem auto 1.25rem;
    max-width: 1200px
}

.page__slot-wrapper[data-v-2256ae1d] h2,
.page__slot-wrapper[data-v-2256ae1d] p {
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.page__slot-wrapper[data-v-2256ae1d] a,
.page__slot-wrapper[data-v-2256ae1d] h2,
.page__slot-wrapper[data-v-2256ae1d] h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.page__slot-wrapper[data-v-2256ae1d] h2,
.page__slot-wrapper[data-v-2256ae1d] h3 {
    font-weight: 500
}

.page__slot-wrapper[data-v-2256ae1d] ol {
    counter-reset: item;
    list-style-type: none;
    padding: 0
}

.page__slot-wrapper[data-v-2256ae1d] ol li>ol {
    margin-left: 1rem
}

.page__slot-wrapper[data-v-2256ae1d] ol h3,
.page__slot-wrapper[data-v-2256ae1d] ol li {
    margin-bottom: 1rem
}

.page__slot-wrapper[data-v-2256ae1d] li {
    counter-increment: item
}

.page__slot-wrapper[data-v-2256ae1d] li h3,
.page__slot-wrapper[data-v-2256ae1d] li p {
    display: inline
}

.page__slot-wrapper[data-v-2256ae1d] li:before {
    content: counters(item, ".") " - "
}

@media print {
    .page__slot-wrapper[data-v-2256ae1d] {
        color: #000 !important
    }
}

.boxes-wrapper[data-v-2256ae1d] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .boxes-wrapper[data-v-2256ae1d] {
        flex-direction: row
    }
}

.boxes-wrapper .box[data-v-2256ae1d] {
    border-radius: .375rem;
    gap: .5rem;
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    flex: 1 1 0%;
    padding: 1.5rem;
    width: 100%
}

@media (min-width:1024px) {
    .boxes-wrapper .box[data-v-2256ae1d] {
        width: auto
    }
}

.boxes-wrapper .box .box__section[data-v-2256ae1d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .boxes-wrapper .box .box__section[data-v-2256ae1d] {
        flex-direction: row
    }
}

.boxes-wrapper .box .box__section[data-v-2256ae1d]:before {
    top: 0
}

.boxes-wrapper .box .box__section[data-v-2256ae1d]:after,
.boxes-wrapper .box .box__section[data-v-2256ae1d]:before {
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #fdffff;
    background-color: rgb(253 255 255/var(--tw-bg-opacity));
    opacity: .05
}

.boxes-wrapper .box .box__section[data-v-2256ae1d]:after {
    bottom: 0
}

.boxes-wrapper .box .box__section button[data-v-2256ae1d] {
    border-radius: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .25rem .5rem
}

.boxes-wrapper .box .box__section .box__section__version[data-v-2256ae1d] {
    display: flex;
    font-size: .875rem;
    gap: 1.25rem;
    line-height: 1.25rem
}

.boxes-wrapper .box .box__section .box__section__action[data-v-2256ae1d] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem
}

@media (min-width:1024px) {
    .boxes-wrapper .box .box__section .box__section__action[data-v-2256ae1d] {
        flex-direction: row-reverse
    }
}

.boxes-wrapper .side-box[data-v-2256ae1d] {
    border-radius: .375rem;
    gap: .5rem;
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem 1.25rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    flex: 1 1 0%;
    width: 100%
}

@media (min-width:1024px) {
    .boxes-wrapper .side-box[data-v-2256ae1d] {
        max-width: 250px;
        width: auto
    }
}

@media print {
    .boxes-wrapper .side-box[data-v-2256ae1d] {
        display: none
    }
}

.boxes-wrapper .side-box .terms-links[data-v-2256ae1d] {
    display: flex;
    font-size: .75rem;
    line-height: 1rem;
    opacity: .6;
    padding: .625rem .5rem;
    text-transform: uppercase
}

.boxes-wrapper .side-box .terms-links[data-v-2256ae1d]:hover {
    opacity: 1
}

.btn-submit[data-v-db13e336] {
    align-items: center;
    display: flex;
    gap: .25rem;
    justify-content: center
}

.casino-votes[data-v-8093ec11] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    justify-content: flex-start
}

.casino-votes .btn[data-v-8093ec11] {
    font-size: 1.125rem;
    line-height: 1.75rem
}

@media (min-width:768px) {
    .casino-votes .btn[data-v-8093ec11] {
        padding: .25rem
    }
}

.casino-votes .casino-votes__count[data-v-8093ec11] {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    opacity: .4
}

.casino-votes .casino-votes[data-v-8093ec11],
.casino-votes .casino-votes__count[data-v-8093ec11] {
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.casino-votes .casino-votes[data-v-8093ec11] {
    background-color: transparent;
    opacity: .6
}

@media (min-width:768px) {
    .casino-votes .casino-votes[data-v-8093ec11] {
        opacity: 1
    }

    .casino-votes .casino-votes[data-v-8093ec11]:hover {
        opacity: .8
    }
}

.casino-votes .casino-votes__up.liked[data-v-8093ec11] {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65;
    opacity: 1
}

.casino-votes .casino-votes__up.disliked[data-v-8093ec11] {
    opacity: .3
}

.casino-votes .casino-votes__down[data-v-8093ec11] {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(-1) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.casino-votes .casino-votes__down.disliked[data-v-8093ec11] {
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity));
    opacity: .8
}

.casino-votes .casino-votes__down.liked[data-v-8093ec11] {
    opacity: .3
}

@keyframes spinner-7c749315 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

svg[data-v-7c749315] {
    animation: spinner-7c749315 .6s linear infinite
}

.game-launcher[data-v-a145a5d6] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    margin-bottom: 2rem;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding: 1.25rem
}

.game-launcher .casino-votes[data-v-a145a5d6] {
    gap: .5rem;
    margin-top: 1rem
}

@media (min-width:768px) {
    .game-launcher .casino-votes[data-v-a145a5d6] {
        margin-top: 0
    }
}

.game-launcher .game-launcher__info[data-v-a145a5d6] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem
}

.game-launcher .game-launcher__info img[data-v-a145a5d6] {
    aspect-ratio: 1;
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 110px
}

.game-launcher .game-launcher__info h2[data-v-a145a5d6] {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.game-launcher .game-launcher__info h4[data-v-a145a5d6] {
    color: #fff6;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.game-launcher .game-launcher__mode[data-v-a145a5d6] {
    display: flex;
    gap: .5rem;
    justify-content: flex-start;
    margin-top: 1.25rem
}

.game-launcher .game-launcher__mode a[data-v-a145a5d6] {
    display: flex;
    flex: 1 1 0%;
    justify-content: stretch
}

.game-launcher .game-launcher__mode a[data-v-a145a5d6]:hover {
    text-decoration-line: none
}

.game-launcher .game-launcher__mode .btn[data-v-a145a5d6] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    font-size: .875rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-top: .5rem;
    white-space: nowrap;
    width: 100%
}

.game-launcher .game-launcher__mode .btn.btn-default[data-v-a145a5d6] {
    border: 1px solid hsla(0, 0%, 100%, .5);
    color: #ffffff80
}

.game-launcher .game-launcher__mode .btn svg[data-v-a145a5d6] {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem;
    fill: currentColor
}

.gamesBar[data-v-5e8628a7] {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    z-index: 99999
}

.gamesBar .menu .menuBtn[data-v-5e8628a7] {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.gamesBar .menu .btn-deposit[data-v-5e8628a7] {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    position: relative;
    --tw-shadow-color: #5bdd65;
    --tw-shadow: var(--tw-shadow-colored)
}

@media (min-width:1024px) {
    .gamesBar .menu .btn-deposit[data-v-5e8628a7] {
        display: none
    }
}

.gamesBar .menu .btn-deposit[data-v-5e8628a7] {
    height: 1.5rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.gamesBar .menu .btn-deposit[data-v-5e8628a7]:after {
    box-shadow: 0 0 10px var(--tw-shadow-color);
    content: "";
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

#frame_game[data-v-875c1bb1] {
    display: flex;
    flex-direction: column;
    height: 44vh;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    #frame_game[data-v-875c1bb1] {
        height: 70vh
    }
}

#frame_game[data-v-875c1bb1] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

@media (max-width:767px) {
    #frame_game[data-v-875c1bb1]:not(.fullScreenOn) {
        display: none
    }
}

#frame_game iframe[data-v-875c1bb1] {
    overflow: hidden
}

#frame_game .loading[data-v-875c1bb1],
#frame_game iframe[data-v-875c1bb1] {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 10
}

#frame_game .loading[data-v-875c1bb1] {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

#frame_game .loading svg[data-v-875c1bb1] {
    height: 3rem;
    width: 3rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

#frame_game .error[data-v-875c1bb1] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 700;
    gap: .625rem;
    height: 100%;
    justify-content: center;
    line-height: 1.25rem;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 20;
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

@media (min-width:768px) {
    #frame_game .error[data-v-875c1bb1] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

#frame_game .error.login[data-v-875c1bb1] {
    background-color: #0003;
    font-weight: 600;
    position: absolute;
    top: 0;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

#frame_game .error svg[data-v-875c1bb1] {
    height: 3rem;
    width: 3rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

#frame_game .error .btn[data-v-875c1bb1] {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    gap: .375rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: .625rem 1.5rem
}

#frame_game .error .btn svg[data-v-875c1bb1] {
    height: 1rem;
    width: 1rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

#frame_game .error .col[data-v-875c1bb1] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .625rem
}

#frame_game .error .col>svg[data-v-875c1bb1] {
    height: 3rem;
    width: 3rem
}

#frame_game .game-header[data-v-875c1bb1] {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 2.5rem;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    padding-left: .625rem
}

@media (min-width:768px) {
    #frame_game .game-header[data-v-875c1bb1] {
        display: none
    }
}

#frame_game .game-header h6[data-v-875c1bb1] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

#frame_game .game-header .close_full[data-v-875c1bb1] {
    align-items: center;
    border-width: 0;
    display: flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
    z-index: 50;
    --tw-bg-opacity: 1;
    background-color: #000;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

#frame_game .game-header .close_full svg[data-v-875c1bb1] {
    color: #fdffff99;
    height: .875rem;
    width: .875rem
}

#frame_game.fullScreenOn[data-v-875c1bb1] {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50
}

#frame_game.fullScreenOn .game-header[data-v-875c1bb1] {
    display: flex
}

#frame_game.fullScreenOn .game-header button[data-v-875c1bb1] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

#frame_game.fullScreenOn .game-header button svg[data-v-875c1bb1] {
    height: 1.25rem;
    width: 1.25rem;
    fill: #5bdd65;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

#frame_game .bg[data-v-875c1bb1] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    background-position: top;
    background-size: cover;
    opacity: .2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.25) scaleY(1.25);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-blur: blur(12px);
    filter: blur(12px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

#game-wrapper[data-v-875c1bb1] {
    height: 100%
}

#game-wrapper iframe[data-v-875c1bb1] {
    border: 0 !important;
    height: 100% !important;
    width: 100% !important
}

#game_details[data-v-220c8b56] {
    display: none
}

@media (min-width:768px) {
    #game_details[data-v-220c8b56] {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

#game_details[data-v-220c8b56] {
    margin-bottom: 2rem;
    overflow: hidden;
    padding: .75rem .875rem;
    width: 100%
}

@media (min-width:1024px) {
    #game_details[data-v-220c8b56] {
        padding: 1.25rem 1.5rem
    }
}

#game_details[data-v-220c8b56] {
    background-color: #0003;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-top: 0 solid hsla(0, 0%, 100%, .1);
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

#game_details h1[data-v-220c8b56] {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .375rem
}

@media (min-width:1024px) {
    #game_details h1[data-v-220c8b56] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

#game_details h1 .skeleton-loading[data-v-220c8b56] {
    margin-bottom: .375rem;
    padding-top: 1rem;
    width: 60%
}

@media (min-width:1024px) {
    #game_details h1 .skeleton-loading[data-v-220c8b56] {
        padding-top: 1.25rem;
        width: 80%
    }
}

#game_details h2[data-v-220c8b56] {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    margin: 0
}

@media (min-width:1024px) {
    #game_details h2[data-v-220c8b56] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

#game_details h2 .skeleton-loading[data-v-220c8b56] {
    margin-bottom: .5rem;
    padding-top: .75rem;
    width: 40%
}

@media (min-width:1024px) {
    #game_details h2 .skeleton-loading[data-v-220c8b56] {
        margin-bottom: .625rem;
        padding-top: .875rem;
        width: 60%
    }
}

#game_details .casino-buttons[data-v-220c8b56] {
    display: flex;
    flex-grow: 0;
    gap: .5rem
}

#game_details .casino-buttons button[data-v-220c8b56] {
    background-color: transparent;
    border-width: 0;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0;
    padding: .625rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

#game_details .casino-buttons button[data-v-220c8b56]:hover {
    opacity: .8
}

#game_details .casino-buttons button svg[data-v-220c8b56] {
    height: 1rem;
    width: 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    #game_details .casino-buttons button svg[data-v-220c8b56] {
        height: 1.25rem;
        width: 1.25rem
    }
}

.OoVTY {
    animation: hCy3m 1.8s infinite;
    background-color: #323637b3;
    border-radius: 8px
}

@media (min-width:375px) {
    .OoVTY {
        animation: Hadc8 1.8s infinite;
        background-repeat: no-repeat;
        mask: linear-gradient(-60deg, #fff 30%, #fff5, #fff 70%) right/500% 200%;
        -webkit-mask: linear-gradient(-60deg, #fff 30%, #fff5, #fff 70%) right/500% 200%
    }
}

.pix .OoVTY {
    background-color: #32363733
}

@keyframes Hadc8 {
    to {
        -webkit-mask-position: left
    }
}

@keyframes hCy3m {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.JayH5 {
    border-radius: .375rem;
    display: flex;
    flex-direction: column;
    height: auto;
    max-width: 350px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.JayH5 ._4JF4M {
    align-items: center;
    background-color: #000c;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 40
}

.JayH5 ._4JF4M ._0vha3 {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: .75rem;
    font-weight: 700;
    padding: .5rem 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.JayH5 ._4JF4M ._0vha3 svg {
    --tw-text-opacity: 1;
    color: #212425;
    color: rgb(33 36 37/var(--tw-text-opacity))
}

.pix .JayH5 ._4JF4M ._0vha3 {
    display: flex;
    height: 2.5rem;
    margin-bottom: 0;
    margin-top: 1rem;
    width: 2.5rem;
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    align-items: center;
    border-radius: 9999px;
    justify-content: center;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.25) scaleY(1.25);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    background-color: transparent;
    border: 2px solid #212425;
    border-color: rgb(33 36 37/var(--tw-border-opacity));
    padding: 1rem .75rem
}

@media (min-width:768px) {
    .pix .JayH5 ._4JF4M ._0vha3 {
        border-width: 2px
    }
}

@media (min-width:1280px) {
    .pix .JayH5 ._4JF4M ._0vha3 {
        border-width: 4px;
        height: 4rem;
        padding: 1rem;
        width: 4rem
    }
}

.pix .JayH5 ._4JF4M ._0vha3 span {
    display: none
}

.pix .JayH5 ._4JF4M ._0vha3 svg {
    font-size: 3rem;
    line-height: 1;
    margin-right: -.25rem
}

.JayH5.iW28- {
    overflow: hidden
}

.JayH5.iW28- ._4JF4M {
    opacity: 0;
    visibility: visible
}

.default .JayH5.iW28-,
.leos .JayH5.iW28- {
    aspect-ratio: 3/2
}

.pix .JayH5.iW28- {
    border-radius: 1rem;
    height: 110px
}

.leos .JayH5 {
    border-radius: 1rem
}

.Ghiko {
    background-color: #fdffff0d;
    display: inline-block;
    overflow: hidden;
    padding-top: 116%;
    position: relative;
    width: 100%;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.Ghiko .o-qO2 {
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 30
}

.Ghiko .Vh8WD {
    background-color: #fdffff66;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    line-height: 1;
    margin: .5rem;
    padding: .125rem .375rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 40;
    --tw-text-opacity: 1;
    color: #212425;
    color: rgb(33 36 37/var(--tw-text-opacity))
}

.Ghiko.iW28- {
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding-top: 0
}

.Ghiko.iW28- .o-qO2 {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    padding: .75rem
}

@media (max-width:1200px) {
    .Ghiko.iW28- .o-qO2 {
        padding: .5rem
    }
}

.pix .Ghiko {
    padding-top: 100%
}

.pix .Ghiko.iW28- {
    background-color: #32363733;
    padding-top: 0
}

.leos .Ghiko {
    border-radius: 1rem
}

.leos .Ghiko .o-qO2:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.leos .Ghiko.iW28- {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65
}

._2Ktas {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    padding-bottom: .375rem;
    padding-left: .625rem;
    padding-right: .625rem;
    position: absolute;
    width: 100%;
    z-index: 30
}

._2Ktas.c-ZMr {
    opacity: 0;
    visibility: hidden
}

._2Ktas .bnCcK {
    font-size: .66rem;
    font-weight: 700;
    line-height: .75rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:640px) {
    ._2Ktas .bnCcK {
        font-size: .7rem;
        line-height: 1rem
    }
}

@media (min-width:1024px) {
    ._2Ktas .bnCcK {
        font-size: .8rem;
        line-height: 1.25rem
    }
}

._2Ktas .CEyPr {
    color: #fdffffcc;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1.25;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:640px) {
    ._2Ktas .CEyPr {
        font-size: .64rem
    }
}

@media (min-width:1024px) {
    ._2Ktas .CEyPr {
        font-size: .72rem
    }
}

.leos ._2Ktas {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: .25rem;
    position: relative;
    text-align: center;
    width: 100%
}

.leos ._2Ktas:hover {
    opacity: .8
}

@media (min-width:768px) {
    .leos ._2Ktas {
        padding-top: .5rem
    }
}

.leos ._2Ktas .CEyPr {
    display: none
}

.pix ._2Ktas {
    align-items: center;
    bottom: auto;
    justify-content: center;
    margin-left: 0;
    margin-top: 2rem;
    opacity: 0;
    top: 0;
    visibility: hidden
}

.pix ._2Ktas .CEyPr {
    display: none
}

.JayH5.Ka7CK,
.JayH5.Ka7CK a {
    opacity: 1
}

.JayH5.Ka7CK ._4JF4M {
    visibility: visible
}

.JayH5.Ka7CK.iW28- ._4JF4M {
    background-color: #0003;
    opacity: .1
}

.pix .JayH5.Ka7CK ._2Ktas {
    margin-top: 1.25rem;
    opacity: 1;
    visibility: visible
}

.hnvf1 {
    width: 100%
}

.Ukd9w,
.hnvf1 {
    position: relative
}

.Ukd9w {
    display: flex;
    gap: var(--b8953c22);
    overflow-x: auto;
    scroll-behavior: smooth;
    z-index: 0
}

._1PZa- {
    flex-basis: var(--018d7e16);
    flex-shrink: var(--ab98de66);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.vxgZg.w-By0:before {
    background-image: linear-gradient(to right, #212425 var(--tw-gradient-from-position), rgba(33, 36, 37, 0) var(--tw-gradient-to-position));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    left: -1px
}

.vxgZg.VwBfp:after,
.vxgZg.w-By0:before {
    display: block;
    height: 100%;
    max-width: 80px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 16%;
    z-index: 10;
    --tw-gradient-from: #212425 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(33, 36, 37, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

.vxgZg.VwBfp:after {
    background-image: linear-gradient(to left, #212425 var(--tw-gradient-from-position), rgba(33, 36, 37, 0) var(--tw-gradient-to-position));
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    right: -1px
}

.FnGP4 {
    display: grid;
    height: 100%;
    place-items: center;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 2rem;
    z-index: 20;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.FnGP4.w-By0 {
    left: 0
}

.FnGP4.VwBfp {
    right: 0
}

.HyAO0 {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important
}

.HyAO0::-webkit-scrollbar {
    display: none !important
}

.hnvf1:hover .FnGP4 {
    visibility: visible
}

.O65FB {
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.MZ-Cf,
.O65FB {
    display: flex
}

.MZ-Cf {
    align-items: center;
    justify-content: space-between;
    padding-bottom: .375rem
}

@media (min-width:768px) {
    .MZ-Cf {
        padding-bottom: .5rem
    }
}

.pix .MZ-Cf {
    margin-bottom: .75rem;
    --tw-border-opacity: 1;
    border-bottom: 1px #323637;
    border-bottom-color: rgb(50 54 55/var(--tw-border-opacity));
    border-style: solid;
    padding-bottom: 0
}

@media (min-width:768px) {
    .pix .MZ-Cf {
        margin-bottom: 1rem
    }
}

.Vgqb9 {
    align-items: center;
    background-color: #5bdd6526;
    border-radius: 9999px;
    display: flex;
    font-size: .75rem;
    gap: .25rem;
    justify-content: flex-end;
    line-height: 1rem;
    margin-left: auto;
    padding: 0 .5rem;
    text-decoration-line: none
}

.Vgqb9 span {
    font-size: .6rem;
    font-weight: 600;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.Vgqb9 svg {
    display: none
}

.pix .Vgqb9 {
    background-color: transparent
}

.pix .Vgqb9 span {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .pix .Vgqb9 span {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.pix .Vgqb9 svg {
    display: block;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

._6SnwN {
    display: grid;
    gap: var(--22315aa0);
    grid-template-columns: repeat(var(--6b73dc9e), minmax(0, 1fr));
    width: 100%
}

@media (min-width:768px) and (max-width:1023px) {
    .pix ._6SnwN {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width:1024px) {
    .pix ._6SnwN {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }

    @media (max-width:1279px) {
        .pix ._6SnwN {
            gap: 16px !important
        }
    }

    .pix ._6SnwN a.zB-wy.tFD69 {
        max-width: 660px
    }

    .pix ._6SnwN a.zB-wy.tFD69 [class*=thumb-box] {
        min-height: 100% !important
    }

    ._6SnwN.-kYmw a.zB-wy.tFD69:first-child {
        grid-area: 1/1/3/3
    }
}

.DESOj {
    max-width: 200px
}

.DESOj,
.d2FLc {
    flex: 1 1 0%;
    height: 20px
}

.d2FLc {
    max-width: 60px
}

.Hw6uX {
    aspect-ratio: 25/29;
    height: auto;
    width: 100%
}

.pix .Hw6uX {
    aspect-ratio: 1/1
}

.c0rV3 {
    color: #fdffff99;
    cursor: pointer
}

.c0rV3:hover {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.c0rV3+.c0rV3 {
    margin-left: .75rem
}

.c0rV3.zB6RE {
    color: #fdffff33;
    cursor: not-allowed
}

@media (max-width:768px) {
    .h49PL {
        min-width: 132px
    }
}

#casino.pix[data-v-bbc76545] {
    padding: .75rem
}

@media (min-width:768px) {
    #casino.pix[data-v-bbc76545] {
        padding: 1rem
    }
}

@media (min-width:1024px) {
    #casino.pix[data-v-bbc76545] {
        padding: 1.25rem
    }
}

@media (min-width:1280px) {
    #casino.pix[data-v-bbc76545] {
        padding: 2rem
    }
}

.game-open #layout-wrapper[data-v-bbc76545] {
    margin-top: 0 !important
}

.banner-clickable[data-v-9f71f203] {
    cursor: pointer
}

.banner {
    margin: -1rem -1.25rem .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:640px) {
    .banner {
        margin: 0 0 1rem
    }
}

@media (min-width:1024px) {
    .banner {
        margin-bottom: 1.5rem
    }
}

.banner .skeleton-loading {
    border-radius: 0
}

@media (min-width:640px) {
    .banner .skeleton-loading {
        border-radius: .25rem
    }
}

.banner.pix-slide-casino {
    margin: 0;
    position: relative
}

.banner.pix-slide-casino * {
    border-radius: 0
}

.banner.pix-slide-casino>div {
    margin-bottom: 0;
    padding-bottom: 0
}

.banner.pix-slide-casino img,
.banner.pix-slide-casino.loader-indicator {
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.banner.pix-slide-casino .swiper-pagination-bullets {
    display: none
}

.sl_paginav span {
    background-color: #fff9;
    max-height: 3px;
    max-width: 30px !important
}

@media screen and (max-width:767px) {
    .aspect-ratio {
        aspect-ratio: 65/24
    }
}

.aspect-ratio {
    aspect-ratio: 16/5.93
}

.aspect-ratio.pix {
    aspect-ratio: 32/5
}

.casino-header[data-v-e0435886] {
    position: relative;
    --tw-border-opacity: 1;
    border-color: #5bdd65;
    border-top: 2px #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity));
    border-style: solid;
    height: 2.5rem
}

@media (min-width:1024px) {
    .casino-header[data-v-e0435886] {
        align-items: center;
        display: flex;
        flex-direction: row-reverse;
        --tw-bg-opacity: 1;
        background-color: #323637;
        background-color: rgb(50 54 55/var(--tw-bg-opacity))
    }
}

.casino-header .title[data-v-e0435886] {
    bottom: 100%;
    left: 50%;
    margin: auto;
    position: absolute;
    width: auto;
    --tw-translate-x: -50%;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    border-top: 4px #5bdd65;
    border-style: solid;
    border-top-color: rgb(255 222 0/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .25rem .5rem 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 10;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.casino-header .title span[data-v-e0435886] {
    position: relative;
    top: -.125rem;
    z-index: 10
}

.casino-header .title[data-v-e0435886]:after,
.casino-header .title[data-v-e0435886]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: -4px;
    width: 50%;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: #5bdd65;
    border-top: 4px #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity));
    border-style: solid;
    height: calc(100% + 4px);
    z-index: 1
}

.casino-header .title[data-v-e0435886]:before {
    border-left-width: 4px;
    border-top-left-radius: .5rem;
    right: 75%;
    transform: skew(-45deg)
}

.casino-header .title[data-v-e0435886]:after {
    border-right-width: 4px;
    border-top-right-radius: .5rem;
    left: 75%;
    transform: skew(45deg)
}

.casino-header .menu[data-v-e0435886] {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    font-weight: 300
}

@media (min-width:1024px) {
    .casino-header .menu[data-v-e0435886] {
        display: flex;
        --tw-bg-opacity: 1;
        background-color: #3d8bb9;
        background-color: rgb(61 139 185/var(--tw-bg-opacity))
    }
}

.casino-header .menu .mch_navnext[data-v-e0435886],
.casino-header .menu .mch_navprev[data-v-e0435886] {
    align-items: center;
    display: none;
    justify-content: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {

    .casino-header .menu .mch_navnext[data-v-e0435886],
    .casino-header .menu .mch_navprev[data-v-e0435886] {
        display: flex
    }
}

.casino-header .menu .mch_navnext.swiper-button-disabled[data-v-e0435886],
.casino-header .menu .mch_navprev.swiper-button-disabled[data-v-e0435886] {
    cursor: default;
    opacity: .3
}

.casino-header .menu .menu-item[data-v-e0435886] {
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    border-style: solid;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .casino-header .menu .menu-item[data-v-e0435886] {
        border-left-width: 1px;
        --tw-border-opacity: 1;
        border-color: #212425;
        border-color: rgb(33 36 37/var(--tw-border-opacity));
        text-align: center
    }

    .casino-header .menu .menu-item[data-v-e0435886]:first-child {
        border-left-width: 0
    }

    .casino-header .menu .menu-item[data-v-e0435886]:hover {
        --tw-bg-opacity: 1;
        background-color: #5bdd65;
        background-color: #5bdd65;
        --tw-text-opacity: 1;
        color: #fff;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

.casino-header .menu .menu-item .menu-link[data-v-e0435886] {
    display: block;
    padding: .625rem 1rem
}

@media (min-width:1024px) {
    .casino-header .menu .menu-item .menu-link[data-v-e0435886] {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .casino-header .menu .menu-item.active[data-v-e0435886],
    .casino-header .menu .menu-item[data-v-e0435886]:hover {
        --tw-bg-opacity: 1;
        background-color: #5bdd65;
        background-color: #5bdd65;
        --tw-text-opacity: 1;
        color: #fff;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

@media screen and (max-width:1023px) {
    .casino-header .menu .menu-item[data-v-e0435886] {
        width: auto !important
    }
}

.pagination[data-v-cb617656] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 800;
    justify-content: center;
    margin-bottom: 2.25rem;
    padding-top: 2.5rem;
    width: 100%
}

@media (min-width:1280px) {
    .pagination[data-v-cb617656] {
        margin-bottom: 3.5rem
    }
}

.pagination .btn-more[data-v-cb617656] {
    background-color: #5bdd6533;
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    padding: .625rem 1rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.pagination .btn-more[data-v-cb617656]:hover {
    background-color: #5bdd651a
}

.casino-filters[data-v-3b0812af] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .casino-filters[data-v-3b0812af] {
        justify-content: flex-end
    }
}

.casino-filters .casino-search[data-v-3b0812af] {
    background-color: #ffffff1a;
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .casino-filters .casino-search[data-v-3b0812af] {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .casino-filters .casino-search[data-v-3b0812af] {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .casino-filters .casino-search[data-v-3b0812af] {
        width: 14rem
    }
}

.casino-filters .casino-search input[data-v-3b0812af] {
    font-size: .75rem;
    line-height: 1rem;
    width: 100%
}

@media (min-width:1280px) {
    .casino-filters .casino-search input[data-v-3b0812af] {
        font-size: .8rem
    }
}

.casino-filters .casino-search input[data-v-3b0812af]::-moz-placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.casino-filters .casino-search input[data-v-3b0812af]::placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .casino-filters .casino-search input[data-v-3b0812af]::-moz-placeholder {
        font-size: .8rem
    }

    .casino-filters .casino-search input[data-v-3b0812af]::placeholder {
        font-size: .8rem
    }
}

.casino-filters .casino-search.pix[data-v-3b0812af] {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:1024px) {
    .casino-filters .casino-search.pix[data-v-3b0812af] {
        width: 12rem
    }
}

.casino-filters .casino-search.pix input[data-v-3b0812af] {
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: .375rem;
    padding-top: .375rem;
    width: 100%
}

.casino-filters .casino-search.pix input[data-v-3b0812af]:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

.casino-filters .casino-search.pix input[data-v-3b0812af] {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1024px) {
    .casino-filters .casino-search.pix input[data-v-3b0812af] {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:1280px) {
    .casino-filters .casino-search.pix input[data-v-3b0812af] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.casino-filters .casino-search.pix svg[data-v-3b0812af] {
    margin: .5rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.casino-filters-open[data-v-3b0812af] {
    margin-top: 1.25rem
}

.casino-filters__buttons[data-v-3b0812af] {
    width: 100%
}

@media (min-width:1024px) {
    .casino-filters__buttons[data-v-3b0812af] {
        width: auto
    }
}

.listBox-wrapper[data-v-3b0812af] {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    .listBox-wrapper[data-v-3b0812af] {
        width: 10rem
    }
}

.listBox-wrapper .select-btn[data-v-3b0812af] {
    background-color: #fdffff33;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .5rem 1rem;
    text-align: left
}

@media (min-width:1280px) {
    .listBox-wrapper .select-btn[data-v-3b0812af] {
        font-size: .8rem
    }
}

.listBox-wrapper .select-btn[data-v-3b0812af]:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.listBox-wrapper .select-btn.pix[data-v-3b0812af] {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    .listBox-wrapper .select-btn.pix[data-v-3b0812af] {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .listBox-wrapper .select-btn.pix[data-v-3b0812af] {
        width: 100%
    }
}

@media (min-width:1280px) {
    .listBox-wrapper .select-btn.pix[data-v-3b0812af] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.listBox-wrapper .select-btn.pix[data-v-3b0812af] {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.listBox-wrapper .select-btn.pix[data-v-3b0812af]:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

.listBox-wrapper .select-btn strong[data-v-3b0812af] {
    font-weight: 800
}

.listBox-wrapper .select-options[data-v-3b0812af] {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.listBox-wrapper .select-options[data-v-3b0812af]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.listBox-wrapper .select-options.pix[data-v-3b0812af] {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 1rem;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    .listBox-wrapper .select-options.pix[data-v-3b0812af] {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .listBox-wrapper .select-options.pix[data-v-3b0812af] {
        width: 100%
    }
}

@media (min-width:1280px) {
    .listBox-wrapper .select-options.pix[data-v-3b0812af] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.listBox-wrapper .select-options.pix[data-v-3b0812af] {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.listBox-wrapper .select-opt[data-v-3b0812af] {
    padding: .5rem;
    white-space: nowrap
}

.listBox-wrapper .select-opt[data-v-3b0812af]:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.listBox-wrapper .select-opt label[data-v-3b0812af] {
    align-items: center;
    display: flex
}

.listBox-wrapper .select-opt input[data-v-3b0812af] {
    border-radius: .25rem
}

.listBox-wrapper .select-opt .badge[data-v-3b0812af] {
    background-color: #fff6;
    border-radius: .25rem;
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1;
    margin-left: .5rem;
    padding: .125rem;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.Wv0h4 {
    align-items: center;
    margin-bottom: 1.5rem;
    margin-top: .25rem
}

@media (min-width:640px) {
    .Wv0h4 {
        margin-bottom: .5rem
    }
}

@media (min-width:768px) {
    .Wv0h4 {
        margin-bottom: 1.5rem;
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .Wv0h4 {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1280px) {
    .Wv0h4 {
        margin-bottom: 2.5rem;
        margin-top: 1rem;
        padding-bottom: .25rem
    }
}

.dkgv1 {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-align: left
}

@media (min-width:768px) {
    .dkgv1 {
        margin-bottom: .75rem
    }
}

@media (min-width:1024px) {
    .dkgv1 {
        margin-bottom: 0;
        padding-right: .5rem
    }
}

._9pnOY {
    align-items: center;
    background-color: transparent;
    color: #fdffff99;
    display: flex
}

._9pnOY svg {
    flex: none
}

.Hu5GA {
    display: inline;
    font-size: .9rem;
    font-weight: 700;
    margin-left: .75rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.DltPr {
    display: flex;
    margin-left: auto
}

@media (min-width:768px) {
    .DltPr {
        display: none
    }
}

.DltPr button {
    padding: .625rem .5rem
}

.DltPr button:first-child {
    margin-left: .75rem
}

.DltPr button:last-child {
    margin-right: .25rem
}

.DltPr svg {
    color: #fdffff99;
    height: 1rem;
    width: 1rem
}

@media (min-width:1024px) {
    .B9kuG {
        flex: none;
        width: fit
    }
}

@media (min-width:1280px) {
    .B9kuG {
        width: fit
    }
}

@media (min-width:1024px) {
    .B9kuG.nv-WK {
        width: fit
    }
}

@media (min-width:1280px) {
    .B9kuG.nv-WK {
        width: fit
    }
}

.games[data-v-941a852b] {
    display: flex;
    flex-direction: column
}

@media (min-width:1280px) {
    .games[data-v-941a852b] {
        padding-top: 1.25rem
    }
}

.games .spacing[data-v-941a852b] {
    padding: 0 0 .75rem
}

.games .spacing.pix[data-v-941a852b] {
    padding: 1rem
}

@media (min-width:1024px) {
    .games .spacing.pix[data-v-941a852b] {
        padding: 1.5rem
    }
}

.games .games_content .bt_link[data-v-941a852b] {
    align-items: center;
    border-radius: .375rem;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    margin: 0;
    white-space: nowrap;
    width: auto;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .75rem 1.25rem;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity));
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.games .games_content .bt_link[data-v-941a852b]:hover {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65;
    opacity: .9
}

.banner-clickable[data-v-46bf5a44] {
    cursor: pointer
}

.bt_link[data-v-c1c4e15f] {
    align-items: center;
    border-radius: .375rem;
    display: inline-flex;
    gap: .5rem;
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .25rem 1.25rem;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .bt_link[data-v-c1c4e15f] {
        padding-bottom: .75rem;
        padding-top: .75rem
    }
}

.bt_link[data-v-c1c4e15f] {
    justify-content: center;
    white-space: nowrap;
    width: auto;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.bt_link[data-v-c1c4e15f]:hover {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65;
    opacity: .9
}

.skeleton-items[data-v-6beb1e5f] {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: .75rem
}

@media (min-width:768px) {
    .skeleton-items[data-v-6beb1e5f] {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: .75rem
    }
}

@media (min-width:1024px) {
    .skeleton-items[data-v-6beb1e5f] {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        row-gap: .75rem
    }
}

.skeleton-items .skeleton-loading[data-v-6beb1e5f] {
    flex: 1
}

.title[data-v-25166626] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

@media (min-width:768px) {
    .title[data-v-25166626] {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.grid_games[data-v-addd40e5] {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: .75rem
}

@media (min-width:768px) {
    .grid_games[data-v-addd40e5] {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: .75rem
    }
}

@media (min-width:1024px) {
    .grid_games[data-v-addd40e5] {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        row-gap: .75rem
    }
}

.providers-page[data-v-e7771313] {
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem
}

@media (min-width:768px) {
    .providers-page[data-v-e7771313] {
        max-width: 42rem
    }
}

@media (min-width:1024px) {
    .providers-page[data-v-e7771313] {
        max-width: 100%
    }
}

.providers-page.pix[data-v-e7771313] {
    padding: .75rem
}

@media (min-width:768px) {
    .providers-page.pix[data-v-e7771313] {
        padding: 1.25rem
    }
}

.providers-page .providers-filters .providers-search[data-v-e7771313] {
    background-color: #ffffff1a;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    padding: .625rem .5rem .625rem 1rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .providers-page .providers-filters .providers-search[data-v-e7771313] {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.25rem;
        padding-bottom: .75rem;
        padding-top: .75rem
    }
}

.providers-page .providers-content .bt_link[data-v-e7771313] {
    align-items: center;
    border-radius: .375rem;
    display: inline-flex;
    gap: .5rem;
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .75rem 1.25rem;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity));
    justify-content: center;
    white-space: nowrap;
    width: auto;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.providers-page .providers-content .bt_link[data-v-e7771313]:hover {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65;
    opacity: .9
}

.searchResults[data-v-8ee0efe0] {
    background-color: #323637;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    margin-top: .25rem;
    max-height: 56vh;
    position: absolute;
    width: 100%;
    z-index: 90
}

@media (min-width:768px) {
    .searchResults[data-v-8ee0efe0] {
        max-height: 550px
    }
}

.searchResults .skeleton-rows[data-v-8ee0efe0] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    min-height: 100% !important;
    overflow: hidden;
    width: 100%
}

.searchResults .skeleton-rows .skeleton-loading[data-v-8ee0efe0] {
    aspect-ratio: 25/29;
    background-color: #21242533;
    height: auto;
    width: 100%
}

.searchResults .skeleton-rows .skeleton-loading.pix[data-v-8ee0efe0] {
    aspect-ratio: 1/1
}

.searchResults .filterWrapper[data-v-8ee0efe0] {
    border-bottom: 1px;
    border-color: #ffffff1a;
    border-style: solid;
    padding: .5rem
}

.searchResults .filterWrapper .btn[data-v-8ee0efe0] {
    background-color: #5bdd6533;
    border-radius: 9999px;
    text-decoration-line: none
}

.searchResults .filterWrapper .btn span[data-v-8ee0efe0] {
    font-size: .6rem
}

.searchResults .resultsWrapper[data-v-8ee0efe0] {
    display: flex;
    flex-wrap: wrap;
    margin-top: .75rem;
    overflow: auto;
    padding-left: .75rem;
    padding-right: .75rem
}

.searchResults .resultsWrapper[data-v-8ee0efe0]::-webkit-scrollbar {
    display: none;
    visibility: hidden
}

[data-v-8ee0efe0] .games-row {
    margin-top: 0
}

.gameSearchBar .overlay[data-v-49f1cded] {
    background-color: #212425cc;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 60
}

.gameSearchBar .searchInput[data-v-49f1cded],
.gameSearchBar .searchResults[data-v-49f1cded] {
    position: relative;
    z-index: 70
}

.gameSearchBar .searchInput[data-v-49f1cded] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width:768px) {
    .gameSearchBar .searchInput[data-v-49f1cded] {
        padding-left: .875rem;
        padding-right: .875rem
    }
}

@media (min-width:1024px) {
    .gameSearchBar .searchInput[data-v-49f1cded] {
        padding: .375rem .75rem
    }
}

.gameSearchBar .searchInput svg[data-v-49f1cded] {
    opacity: .6
}

.gameSearchBar .searchInput input[data-v-49f1cded] {
    height: 2.1rem;
    margin-left: .125rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    font-size: .8rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .gameSearchBar .searchInput input[data-v-49f1cded] {
        margin-left: 0
    }
}

.gameSearchBar .searchInput input[data-v-49f1cded]::-moz-placeholder {
    color: #fdffff99
}

.gameSearchBar .searchInput input[data-v-49f1cded]::placeholder {
    color: #fdffff99
}

.fAGKs {
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:1024px) {
    .fAGKs {
        margin: 2rem -.25rem
    }
}

@media (min-width:1280px) {
    .fAGKs {
        margin-top: 2.75rem
    }
}

.XXYQL {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 3rem;
    overflow: hidden;
    padding-top: 1px;
    white-space: nowrap;
    width: 100%
}

.XXYQL:hover {
    opacity: .7
}

@media (min-width:1024px) {
    .XXYQL {
        min-width: 4rem
    }
}

@media (min-width:1280px) {
    .XXYQL {
        padding-bottom: .75rem
    }
}

.XXYQL ._4v2cz {
    align-items: center;
    background-color: #5bdd6526;
    border-radius: 9999px;
    display: flex;
    font-size: 1.5rem;
    height: 58px;
    justify-content: center;
    line-height: 2rem;
    width: 58px;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

@media (min-width:1024px) {
    .XXYQL ._4v2cz {
        font-size: 1.875rem;
        height: 60px;
        line-height: 2.25rem;
        width: 60px
    }
}

.XXYQL svg {
    height: 1.75rem;
    width: 1.75rem
}

@media (min-width:1280px) {
    .XXYQL svg {
        height: 1.9rem;
        width: 1.9rem
    }
}

.XXYQL .hIA43 {
    display: flex;
    margin-top: .125rem;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    align-items: center;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.9) scaleY(.9);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .XXYQL .hIA43 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        font-size: .85rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.XXYQL .hIA43 small {
    color: #fdffffe6;
    font-weight: 500;
    line-height: .75rem
}

@media (max-width:768px) {
    ._8-sCO {
        min-width: 132px
    }
}

.recommended_title[data-v-3e9e0ea5] {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: .375rem
}

.recommended_title .skeleton-loading[data-v-3e9e0ea5] {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .recommended_title .skeleton-loading[data-v-3e9e0ea5] {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .recommended_title .skeleton-loading[data-v-3e9e0ea5] {
        margin-bottom: .25rem
    }
}

.recommended_title .skeleton-loading.pix[data-v-3e9e0ea5] {
    height: 1.5rem;
    margin-bottom: .125rem
}

@media (min-width:768px) {
    .recommended_title .skeleton-loading.pix[data-v-3e9e0ea5] {
        height: 1.25rem;
        margin-bottom: .375rem
    }
}

@media (min-width:1024px) {
    .recommended_title .skeleton-loading.pix[data-v-3e9e0ea5] {
        margin-bottom: .375rem
    }
}

@media (min-width:1280px) {
    .recommended_title .skeleton-loading.pix[data-v-3e9e0ea5] {
        margin-top: .125rem
    }
}

.row_imgs[data-v-3e9e0ea5] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem
}

@media (min-width:640px) {
    .row_imgs[data-v-3e9e0ea5] {
        gap: .75rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width:768px) {
    .row_imgs[data-v-3e9e0ea5] {
        gap: 1rem;
        margin-bottom: 2rem
    }
}

@media (min-width:1024px) {
    .row_imgs[data-v-3e9e0ea5] {
        gap: 1.25rem
    }
}

.row_imgs.loading-indicator[data-v-3e9e0ea5] {
    margin-bottom: 0
}

.row_imgs.loading-indicator .skeleton-loading[data-v-3e9e0ea5] {
    aspect-ratio: 25/33;
    flex: 1 1 0%
}

@media screen and (min-width:768px) {
    .row_imgs.loading-indicator .skeleton-loading[data-v-3e9e0ea5] {
        aspect-ratio: 29/8
    }
}

@media (max-width:768px) {
    .xF5Jv {
        min-width: 132px
    }
}

.recommended_title[data-v-90099de1] {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: .375rem
}

.recommended_title .skeleton-loading[data-v-90099de1] {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .recommended_title .skeleton-loading[data-v-90099de1] {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .recommended_title .skeleton-loading[data-v-90099de1] {
        margin-bottom: .25rem
    }
}

.recommended_title .skeleton-loading.pix[data-v-90099de1] {
    height: 1.5rem;
    margin-bottom: .125rem
}

@media (min-width:768px) {
    .recommended_title .skeleton-loading.pix[data-v-90099de1] {
        height: 1.25rem;
        margin-bottom: .375rem
    }
}

@media (min-width:1024px) {
    .recommended_title .skeleton-loading.pix[data-v-90099de1] {
        margin-bottom: .375rem
    }
}

@media (min-width:1280px) {
    .recommended_title .skeleton-loading.pix[data-v-90099de1] {
        margin-top: .125rem
    }
}

.row_imgs[data-v-90099de1] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem
}

@media (min-width:640px) {
    .row_imgs[data-v-90099de1] {
        gap: .75rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width:768px) {
    .row_imgs[data-v-90099de1] {
        gap: 1rem;
        margin-bottom: 2rem
    }
}

@media (min-width:1024px) {
    .row_imgs[data-v-90099de1] {
        gap: 1.25rem
    }
}

.row_imgs.loading-indicator[data-v-90099de1] {
    margin-bottom: 0
}

.row_imgs.loading-indicator .skeleton-loading[data-v-90099de1] {
    aspect-ratio: 25/33;
    flex: 1 1 0%
}

@media screen and (min-width:768px) {
    .row_imgs.loading-indicator .skeleton-loading[data-v-90099de1] {
        aspect-ratio: 29/8
    }
}

.moreItemsButton[data-v-90099de1] {
    align-items: center;
    background-color: #5bdd6526;
    border-radius: 9999px;
    display: flex;
    font-size: .75rem;
    gap: .25rem;
    justify-content: flex-end;
    line-height: 1rem;
    margin-left: auto;
    padding: 0 .5rem;
    text-decoration-line: none
}

.moreItemsButton span[data-v-90099de1] {
    font-size: .6rem;
    font-weight: 600;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.moreItemsButton svg[data-v-90099de1] {
    display: none
}

.hvsvG {
    margin-top: 0;
    padding-bottom: 1rem
}

@media (min-width:1024px) {
    .hvsvG {
        margin-top: 1rem
    }
}

@media (min-width:1280px) {
    .hvsvG {
        margin-top: 1.4rem
    }
}

.banner-clickable[data-v-a324399c] {
    cursor: pointer
}

.sl_paginav span {
    max-height: 3px;
    max-width: 30px !important
}

.contentHome .spacing[data-v-f404fa15] {
    padding: .75rem
}

@media (min-width:768px) {
    .contentHome .spacing[data-v-f404fa15] {
        padding: 1.25rem
    }
}

.contentHome .grid_pixbet[data-v-f404fa15] {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: .5rem
}

@media (min-width:1024px) {
    .contentHome .grid_pixbet[data-v-f404fa15] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .contentHome .grid_pixbet>div[data-v-f404fa15]:last-child {
        grid-column: span 2/span 2
    }
}

._7F3Qt {
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    padding: 1.25rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._7F3Qt,
._7F3Qt ._9-7g8 {
    align-items: center;
    display: flex;
    justify-content: center
}

._7F3Qt ._9-7g8 {
    flex-direction: column;
    gap: 1rem;
    line-height: .75rem
}

._7F3Qt ._9-7g8 svg {
    font-size: 3.75rem;
    line-height: 1;
    opacity: .7
}

._7F3Qt ._9-7g8 h2 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: .75rem
}

._7F3Qt ._9-7g8 h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: .75rem
}

._7F3Qt ._9-7g8 button {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    gap: .5rem;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1.25rem;
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

._7F3Qt ._9-7g8 button svg {
    font-size: .75rem;
    line-height: 1rem
}

.promotions-view[data-v-74aa2c7b] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    text-align: left
}

@media (min-width:768px) {
    .promotions-view[data-v-74aa2c7b] {
        gap: 25px
    }
}

.promotions-view .loading[data-v-74aa2c7b] {
    width: 100%
}

.promotions-view .loading .load[data-v-74aa2c7b] {
    border-radius: .25rem;
    flex: 1 1 0%;
    max-width: 100%;
    min-width: 90%;
    overflow: hidden
}

.promotions-view .thumb[data-v-74aa2c7b] {
    align-items: center;
    aspect-ratio: 12/6;
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity))
}

.promotions-view .thumb[data-v-74aa2c7b],
.promotions-view .thumb img[data-v-74aa2c7b] {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.promotions-view .thumb img[data-v-74aa2c7b] {
    height: auto;
    max-height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: auto
}

.promotions-view .title[data-v-74aa2c7b] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-top: -.5rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

@media (min-width:768px) {
    .promotions-view .title[data-v-74aa2c7b] {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.promotions-view .content[data-v-74aa2c7b] {
    overflow: hidden;
    width: 100%
}

.promotions-view .content img[data-v-74aa2c7b] {
    max-width: 100%
}

.promotions-section[data-v-74aa2c7b] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between
}

@media (min-width:768px) {
    .promotions-section[data-v-74aa2c7b] {
        gap: 25px
    }
}

.promotions-section .promo[data-v-74aa2c7b] {
    border-radius: .25rem;
    cursor: pointer;
    flex: 1 1 0%;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    text-decoration-line: none
}

.promotions-section .promo[data-v-74aa2c7b]:hover {
    opacity: .9
}

.promotions-section .promo[data-v-74aa2c7b] {
    max-width: 100%;
    min-width: 90%
}

@media (min-width:768px) {
    .promotions-section .promo[data-v-74aa2c7b] {
        max-width: 50%;
        min-width: 45%
    }
}

.promotions-section .promo .thumb[data-v-74aa2c7b] {
    overflow: hidden;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    align-items: center;
    aspect-ratio: 12/6;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    display: flex;
    justify-content: center
}

.promotions-section .promo .thumb[data-v-74aa2c7b],
.promotions-section .promo .thumb img[data-v-74aa2c7b] {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.promotions-section .promo .thumb img[data-v-74aa2c7b] {
    height: auto;
    max-height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: auto
}

.promotions-section .promo .title[data-v-74aa2c7b] {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .75rem 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .promotions-section .promo .title[data-v-74aa2c7b] {
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding: 1rem 1.25rem
    }
}

.promotions-container[data-v-74aa2c7b] {
    margin-bottom: 1.5rem;
    margin-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width:768px) {
    .promotions-container[data-v-74aa2c7b] {
        margin-bottom: 2.5rem;
        margin-top: 1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.promotions-title[data-v-74aa2c7b] {
    align-items: center;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 1.25rem;
    margin-bottom: .5rem;
    min-width: 100%;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .promotions-title[data-v-74aa2c7b] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.promotions-title svg[data-v-74aa2c7b] {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: -.125rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.promotions-title.action[data-v-74aa2c7b] {
    cursor: pointer
}

.promotions-title.action[data-v-74aa2c7b]:hover {
    opacity: .8
}

.wp-block-group-is-layout-flex {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    --tw-text-opacity: 1;
    color: #263f8c;
    color: rgb(38 63 140/var(--tw-text-opacity));
    max-height: 200px !important;
    min-height: 180px !important
}

.wp-block-group-is-layout-flex .has-medium-font-size {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0;
    padding: 0
}

.content {
    font-size: .75rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .content {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.content p {
    line-height: 1.75rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.content img {
    height: auto;
    max-width: 100%
}

.wp-block-social-links {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.125rem;
    gap: 1rem;
    justify-content: center;
    line-height: 1.75rem;
    list-style-type: none;
    margin: 1rem 0;
    padding: 0
}

.wp-block-social-links a {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65;
    text-decoration-line: none
}

.wp-block-social-links a:hover {
    opacity: .9
}

.wp-block-social-links svg {
    height: 1.25em;
    width: 1.25em;
    fill: currentColor;
    color: currentColor
}

.wp-block-button__link {
    border-radius: 9999px;
    cursor: pointer;
    display: inline-block;
    overflow-wrap: break-word;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem 1.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.wp-block-button__link,
.wp-block-button__link:hover {
    color: #212425;
    color: rgb(33 36 37/var(--tw-text-opacity));
    text-decoration-line: none
}

.wp-block-button__link:hover {
    --tw-text-opacity: 1;
    opacity: .8
}

.screen-reader-text {
    height: 1px;
    overflow: hidden;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    word-wrap: normal !important
}

.promotions-iframe[data-v-9ab73e1e] {
    height: 800px;
    margin-bottom: 30px;
    padding: 0 50px;
    width: 100%
}

@media (max-width:768px) {
    .promotions-iframe[data-v-9ab73e1e] {
        margin-bottom: 5px;
        padding: 0 15px
    }
}

.promotions-iframe iframe[data-v-9ab73e1e] {
    border: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 5
}

.promotions-access[data-v-10e1cf1f] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    text-align: center
}

.promotions-access a[data-v-10e1cf1f] {
    border-radius: 9999px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem 2rem
}

@media (min-width:768px) {
    .promotions-access a[data-v-10e1cf1f] {
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding: 1.25rem 2.5rem
    }
}

.promotions-access[data-v-24458e8b] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    padding: 100px 0;
    text-align: center
}

.promotions-access a[data-v-24458e8b] {
    border-radius: 100px;
    font-size: 1.2rem;
    padding: 10px 30px
}

@media (max-width:768px) {
    .promotions-access a[data-v-24458e8b] {
        font-size: 1rem;
        padding: 10px 20px
    }
}

@media (min-width:1024px) {
    .form[data-v-62455b64] {
        width: 40%
    }
}

.form .form-group[data-v-62455b64] {
    margin-bottom: .5rem
}

.form .form-group label[data-v-62455b64] {
    font-size: .875rem;
    line-height: 1.25rem
}

.form .form-group label span[data-v-62455b64] {
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

.form .btn-send[data-v-62455b64] {
    margin-top: 1rem
}

.form .btn-send[disabled][data-v-62455b64]:not([disabled=false]) {
    opacity: .3
}

.r-fAf {
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding: 1.25rem
}

._7a1CO,
.r-fAf {
    display: flex;
    justify-content: center;
    width: 100%
}

._7a1CO._-7Ldy {
    height: 4rem
}

.sIMsp {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.tJfAQ {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:768px) {
    .tJfAQ {
        max-width: 350px
    }
}

.tvPej {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    margin-top: .5rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.Vy1rj {
    color: #fdffff99;
    font-size: .6rem;
    margin-bottom: .25rem;
    margin-top: .25rem;
    text-align: center
}

@media (min-width:768px) {
    .Vy1rj {
        font-size: .62rem
    }
}

.Vy1rj a {
    color: #5bdd65cc
}

.RVS9j {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.RVS9j[disabled]:not([disabled=false]) {
    opacity: .3
}

.RVS9j svg {
    font-size: .875rem;
    line-height: 1.25rem
}

.EHIhS {
    position: relative
}

.EHIhS,
.EHIhS .YAy4k {
    width: 100%
}

.EHIhS .YAy4k {
    align-items: center;
    color: #fdffff99;
    display: flex;
    font-size: .7rem;
    gap: .25rem;
    justify-content: center;
    line-height: .75rem;
    margin-right: auto;
    padding: .75rem .25rem;
    position: absolute;
    text-align: center;
    top: 100%
}

._0dtV2 {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: 2rem
}

.patronages__title[data-v-ccb66a5c] {
    font-size: 1rem;
    line-height: 1.5rem
}

.patronages__container[data-v-ccb66a5c] {
    padding-bottom: .75rem;
    padding-top: 1.5rem;
    position: relative
}

.patronages__container h2[data-v-ccb66a5c] {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.patronages__container[data-v-ccb66a5c] p {
    color: #fdffffb3;
    font-size: .875rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem
}

.patronages__container[data-v-ccb66a5c]:before {
    top: 0
}

.patronages__container[data-v-ccb66a5c]:after,
.patronages__container[data-v-ccb66a5c]:before {
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #fdffff;
    background-color: rgb(253 255 255/var(--tw-bg-opacity));
    opacity: .05
}

.patronages__container[data-v-ccb66a5c]:after {
    top: 100%
}

.KUC-B {
    width: 100%;
    z-index: 10
}

#e-sport-container-element,
#e-sport-container-element>iframe {
    height: 100%
}

.RKCum {
    width: 100%
}

.k-zJ9 {
    display: flex;
    justify-content: center;
    min-height: var(--1d3d9f31);
    min-width: 100%;
    position: relative
}

.pix .k-zJ9 {
    margin-bottom: -1rem;
    margin-top: 0
}

.d9Dge {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    z-index: 10
}

.SmR-D {
    animation: SmR-D 1s infinite
}

@keyframes SmR-D {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .5;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.select-group[data-v-06db21b6] {
    border: 2px solid transparent;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap
}

.prefix[data-v-06db21b6],
.suffix[data-v-06db21b6] {
    align-items: center;
    background-color: #21242533;
    display: flex;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:640px) {

    .prefix[data-v-06db21b6],
    .suffix[data-v-06db21b6] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.prefix[data-v-06db21b6] {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.suffix[data-v-06db21b6] {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.select-group.error[data-v-06db21b6] {
    border-style: solid;
    --tw-border-opacity: 1;
    animation: shake-06db21b6 50ms 3 alternate;
    border-color: #f1416c;
    border-color: rgb(241 65 108/var(--tw-border-opacity))
}

.group[data-v-06db21b6] {
    border-radius: .375rem;
    border-width: 0;
    cursor: text;
    display: block;
    flex-grow: 1;
    height: 50px;
    overflow: hidden;
    padding-top: .5rem;
    position: relative;
    --tw-border-opacity: 1;
    border-color: #424344;
    border-color: rgb(66 67 68/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity))
}

.group.prefix[data-v-06db21b6] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.group.suffix[data-v-06db21b6] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.error-message[data-v-06db21b6] {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .125rem;
    padding-top: .25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.icon[data-v-06db21b6] {
    padding-left: 50px !important
}

.select[data-v-06db21b6] {
    background-color: transparent;
    border-style: none;
    height: 2rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    padding: 0 .75rem
}

.select[data-v-06db21b6]:focus {
    border-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

@media (min-width:640px) {
    .select[data-v-06db21b6] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.select option[data-v-06db21b6] {
    --tw-bg-opacity: 1;
    background-color: #424344;
    background-color: rgb(66 67 68/var(--tw-bg-opacity))
}

.select[data-v-06db21b6]:-webkit-autofill,
.select[data-v-06db21b6]:-webkit-autofill:focus,
.select[data-v-06db21b6]:-webkit-autofill:hover {
    -webkit-appearance: none !important;
    -webkit-text-fill-color: #fff !important;
    --tw-shadow: 0 0 0 100px #424344 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 0 100px #424344 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: #424344 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.icon .label[data-v-06db21b6] {
    inset-inline-start: 50px !important
}

.group[disabled][data-v-06db21b6]:not([disabled=false]),
.group[disabled]:not([disabled=false]) .label[data-v-06db21b6],
.select[disabled][data-v-06db21b6]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .6
}

.required[data-v-06db21b6] {
    color: #f1416cb3;
    color: rgb(241 65 108/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: .7
}

@keyframes shake-06db21b6 {
    0% {
        transform: translate(-3px)
    }

    to {
        transform: translate(3px)
    }
}

.user-page-box[data-v-e8cb38ab] {
    margin-bottom: 1.5rem
}

.form-box[data-v-e8cb38ab] {
    row-gap: .25rem;
    width: 100%
}

@media (min-width:768px) {
    .form-box[data-v-e8cb38ab] {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        display: grid
    }

    .form-box-2[data-v-e8cb38ab] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .form-box-3[data-v-e8cb38ab] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.form-box .form-group[data-v-e8cb38ab] {
    margin-bottom: 1rem;
    position: relative
}

.form-box .form-group label[data-v-e8cb38ab] {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.form-box .error-message[data-v-e8cb38ab] {
    border-radius: .125rem .125rem .25rem;
    bottom: 0;
    position: absolute;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-size: .5rem;
    padding: .25rem .25rem .125rem .375rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .form[data-v-cc05045f] {
        width: 40%
    }
}

.form .form-group[data-v-cc05045f] {
    margin-bottom: .5rem
}

.form .form-group label[data-v-cc05045f] {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.form .form-group label span[data-v-cc05045f] {
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

.form .btn-send[data-v-cc05045f] {
    margin-top: 1rem
}

.form .btn-send[disabled][data-v-cc05045f]:not([disabled=false]) {
    opacity: .3
}

.user-page-box .refers-text[data-v-a6a3f6da] {
    font-weight: 500;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.user-page-box .refers-text.warning[data-v-a6a3f6da] {
    border-bottom: 1px;
    border-color: #fdffff1a;
    border-style: solid;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: #ff9f43;
    color: rgb(255 159 67/var(--tw-text-opacity))
}

.user-page-box .buttons[data-v-a6a3f6da] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between
}

.user-page-box .buttons .btn[data-v-a6a3f6da] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    font-size: .875rem;
    height: 2.5rem;
    justify-content: center;
    line-height: 1.25rem;
    white-space: nowrap;
    width: 100%
}

@media (min-width:768px) {
    .user-page-box .buttons .btn[data-v-a6a3f6da] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.user-page-box .buttons .btn.btn-default[data-v-a6a3f6da] {
    border: 1px solid hsla(0, 0%, 100%, .5);
    color: #ffffff80
}

.user-page-box .buttons .btn svg[data-v-a6a3f6da] {
    height: 1rem;
    width: 1rem;
    fill: currentColor
}

.user-page-wrapper[data-v-a6a3f6da] {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px
}

@media (min-width:768px) {
    .user-page-wrapper[data-v-a6a3f6da] {
        margin-bottom: 30px
    }
}

@media (min-width:1280px) {
    .user-page-wrapper[data-v-a6a3f6da] {
        margin-bottom: 60px
    }
}

.banner-top[data-v-a6a3f6da] {
    margin-bottom: -1rem
}

@media (min-width:640px) {
    .banner-top[data-v-a6a3f6da] {
        margin-bottom: -1.25rem
    }
}

.banner-top img[data-v-a6a3f6da] {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    width: 100%
}

.progress-wrapper[data-v-d5b1e2a5] {
    border-radius: .375rem;
    margin-bottom: .5rem;
    margin-top: .5rem;
    overflow: hidden;
    width: 100%
}

.progress-wrapper .progress-bar[data-v-d5b1e2a5] {
    height: 100%;
    position: relative;
    width: var(--27e4ed7e)
}

.MaNDl {
    background-color: #5bdd6526;
    border-radius: .375rem;
    padding: .5rem
}

.MaNDl:hover {
    opacity: .7
}

.MaNDl.xZS0N {
    color: #5bdd65;
    color: #5bdd65
}

.MaNDl.kWQoR,
.MaNDl.xZS0N {
    --tw-text-opacity: 1
}

.MaNDl.kWQoR {
    background-color: #f1416c26;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

.MaNDl.LwQIv,
.MaNDl.mXPHr {
    background-color: #ff9f4326;
    --tw-text-opacity: 1;
    color: #ff9f43;
    color: rgb(255 159 67/var(--tw-text-opacity))
}

.wallet-table-responsive {
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%;
    -ms-overflow-style: none
}

.wallet-table-responsive::-webkit-scrollbar {
    display: none
}

.wallet-table {
    margin-bottom: 1rem;
    width: 100%
}

.wallet-table tr td,
.wallet-table tr th {
    white-space: nowrap;
    --tw-border-opacity: 1;
    border-bottom: 2px;
    border-color: #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity));
    border-style: solid;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .75rem .5rem;
    text-align: left
}

@media (min-width:1024px) {

    .wallet-table tr td,
    .wallet-table tr th {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.wallet-table tr td {
    border-color: #fff3
}

.wallet-table tr:last-child td {
    border-style: none
}

.wallet-table .detailText {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    max-width: 320px;
    overflow-y: hidden;
    overscroll-behavior-x: auto
}

.wallet-table .detailText::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

@media (max-width:768px) {
    .wallet-table .detailText::-webkit-scrollbar {
        height: 3px;
        width: 3px
    }
}

.wallet-table .detailText::-webkit-scrollbar-thumb {
    border-style: none
}

.wallet-table .table-badge {
    border-radius: .375rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    line-height: 100%;
    padding: .25rem
}

.wallet-table .table-badge.success {
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity))
}

.wallet-table .table-badge.warning {
    --tw-bg-opacity: 1;
    background-color: #ff9f43;
    background-color: rgb(255 159 67/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.wallet-table .table-badge.danger {
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity))
}

.wallet-table .table-badge.expired {
    --tw-bg-opacity: 1;
    background-color: #0096ff;
    background-color: rgb(0 150 255/var(--tw-bg-opacity))
}

.wallet-table .table-badge svg {
    font-size: .875rem;
    line-height: 1.25rem
}

.pagination-wrapper {
    text-align: center
}

@media (min-width:768px) {
    .pagination-wrapper {
        align-items: baseline;
        display: flex;
        justify-content: space-between
    }
}

.pagination-wrapper .pagination-info {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .75rem
}

@media (min-width:768px) {
    .pagination-wrapper .pagination-info {
        margin-bottom: 0
    }
}

.pagination-wrapper .pagination-nav-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center
}

@media (min-width:768px) {
    .pagination-wrapper .pagination-nav-wrapper {
        gap: .5rem
    }
}

.pagination-wrapper .pagination-nav-wrapper .pagination-btn {
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    border: 1px solid #212425;
    border-color: rgb(33 36 37/var(--tw-border-opacity));
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.pagination-wrapper .pagination-nav-wrapper .pagination-btn,
.pagination-wrapper .pagination-nav-wrapper .pagination-btn.active,
.pagination-wrapper .pagination-nav-wrapper .pagination-btn:hover {
    align-items: center;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    line-height: 1.25;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1
}

.pagination-wrapper .pagination-nav-wrapper .pagination-btn.active,
.pagination-wrapper .pagination-nav-wrapper .pagination-btn:hover {
    background-color: #5bdd65;
    background-color: #5bdd65;
    border-color: #212425;
    border-color: rgb(33 36 37/var(--tw-border-opacity));
    border-width: 1px;
    color: #212425;
    color: rgb(33 36 37/var(--tw-text-opacity));
    z-index: 10
}

.pagination-wrapper .pagination-nav-wrapper .pagination-nav {
    display: flex;
    justify-content: center
}

.pagination-wrapper .pagination-nav-wrapper .pagination-nav .pagination-nav-list {
    align-items: center;
    display: flex;
    height: 2.5rem
}

.pagination-wrapper .pagination-nav-wrapper .pagination-nav .pagination-nav-list>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: -1px;
    margin-left: calc(-1px*(1 - var(--tw-space-x-reverse)));
    margin-right: 0;
    margin-right: calc(-1px*var(--tw-space-x-reverse))
}

.pagination-wrapper .pagination-nav-wrapper .pagination-nav .pagination-nav-list {
    font-size: 1rem;
    line-height: 1.5rem
}

.pagination-wrapper .pagination-nav-wrapper .pagination-nav .pagination-nav-list .hidden-mobile {
    display: none
}

@media (min-width:768px) {
    .pagination-wrapper .pagination-nav-wrapper .pagination-nav .pagination-nav-list .hidden-mobile {
        display: inline
    }
}

.pagination-wrapper .pagination-nav-wrapper .pagination-nav .pagination-nav-list .pagination-next,
.pagination-wrapper .pagination-nav-wrapper .pagination-nav .pagination-nav-list .pagination-prev {
    align-items: center;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    line-height: 1.25;
    margin-left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.pagination-wrapper .pagination-nav-wrapper .pagination-nav .pagination-nav-list .pagination-next {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: 0;
    border-top-right-radius: .5rem
}

.pagination-wrapper .pagination-nav-wrapper .pagination-direct {
    display: flex
}

.pagination-wrapper .pagination-nav-wrapper .pagination-direct-input {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem;
    width: 50px;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    text-align: center;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.pagination-wrapper .pagination-nav-wrapper .pagination-direct .pagination-btn {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.rules-box {
    background-color: #ffffff14;
    border-radius: .5rem;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    padding: 1.25rem
}

.rules-box .rules-rows p {
    color: #fdffff99;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-bottom: .75rem
}

.rules-box .rules-rows p span {
    background-color: #5bdd651a;
    font-size: .675rem;
    margin-left: .5rem;
    padding: .25rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.rules-box hr {
    color: #fdffff33;
    margin-top: 1rem
}

.rules-box .rules-warning {
    border-top-width: 1px;
    gap: .5rem;
    margin-bottom: 0;
    margin-top: 1rem;
    --tw-border-opacity: 1;
    border-color: #ff9f43;
    border-color: rgb(255 159 67/var(--tw-border-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #ff9f43;
    color: rgb(255 159 67/var(--tw-text-opacity))
}

.rules-box .rules-warning p {
    margin: 1rem .125rem;
    --tw-border-opacity: 1;
    border-left: 1px;
    border-color: #ff9f43;
    border-color: rgb(255 159 67/var(--tw-border-opacity));
    border-style: solid;
    padding-left: .75rem
}

.rules-box .rules-warning p:last-of-type {
    margin-bottom: .25rem
}

.rules-box .rules-warning h4 {
    font-weight: 400
}

.rules-box .rules-warning svg {
    height: 2rem;
    margin-bottom: 0;
    margin-right: .75rem;
    min-width: 2rem;
    width: 2rem
}

.rules-title {
    color: #5bdd65;
    color: #5bdd65;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1rem
}

.rules-box,
.rules-title {
    --tw-text-opacity: 1
}

.rules-box {
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.rules-box * {
    margin-bottom: .5rem
}

.rules-box ol {
    list-style-position: outside;
    list-style-type: decimal;
    padding-left: 2rem
}

.rules-text {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.close-button {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 40px;
    z-index: 50;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    box-shadow: 0 5px 20px #0006;
    font-weight: 500;
    padding: .5rem;
    transition-property: none
}

.close-button,
.close-button svg {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.close-button svg {
    fill: #5bdd65;
    height: 1.2em;
    width: 1.2em
}

@media (min-width:1024px) {
    .close-button {
        right: -2px;
        top: -2px
    }

    .close-button:hover {
        right: 0;
        top: 0
    }
}

.step .step-advisor-text[data-v-a1a056e8] {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    padding: 1.25rem 1rem .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.step .step-actions[data-v-a1a056e8] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 1rem;
    padding-top: 1rem
}

.step .step-actions-btn[data-v-a1a056e8] {
    border-radius: .25rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: capitalize
}

.step .step-actions-btn-true[data-v-a1a056e8] {
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity))
}

.step .step-actions-btn-false[data-v-a1a056e8],
.step .step-actions-btn-true[data-v-a1a056e8] {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.step .step-actions-btn-false[data-v-a1a056e8] {
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity))
}

.step .step-form .step-form-item[data-v-a1a056e8] {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.step .step-form .step-form-item-rules[data-v-a1a056e8] {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.step .step-form .step-form-item-rules[data-v-a1a056e8],
.step .step-form .step-form-item-rules .btn-infos[data-v-a1a056e8] {
    align-items: center;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    line-height: 1rem
}

.step .step-form .step-form-item-rules .btn-infos[data-v-a1a056e8] {
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: #5d85fc;
    border-color: rgb(255 222 0/var(--tw-border-opacity));
    padding-left: .25rem;
    padding-right: .25rem;
    --tw-text-opacity: 1;
    color: #5d85fc;
    color: #5bdd65
}

.step .step-form .step-form-item-rules .btn-infos[data-v-a1a056e8]:hover {
    --tw-bg-opacity: 1;
    background-color: #5d85fc;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #323637;
    color: rgb(50 54 55/var(--tw-text-opacity))
}

.step .step-form .step-form-item .item-key-button[data-v-a1a056e8] {
    display: inline-flex;
    font-size: .75rem;
    line-height: 1rem;
    margin-left: .5rem
}

.step .step-form .step-form-item-key[data-v-a1a056e8] {
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.125rem;
    line-height: 1.5rem;
    row-gap: 0
}

.step .step-form .step-form-item-key svg[data-v-a1a056e8] {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.step .step-form .step-form-item-doc[data-v-a1a056e8] {
    color: #fdffffcc;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.step .step-form .step-form-item-info[data-v-a1a056e8] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #ff9f43;
    color: rgb(255 159 67/var(--tw-text-opacity))
}

.step .step-form .step-form-item .step-form-info[data-v-a1a056e8],
.step .step-form .step-form-item .step-form-label[data-v-a1a056e8] {
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    line-height: 1rem;
    margin-bottom: .5rem
}

.step .step-form .step-form-item .step-form-input[data-v-a1a056e8] {
    margin-bottom: .5rem
}

.step .step-form .step-form-item .btn-submit[data-v-a1a056e8] {
    margin-top: 1rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity));
    font-weight: 500;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.step .step-form .step-form-item .btn-submit[disabled][data-v-a1a056e8]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .3
}

._5D9Tk,
.eA8md {
    text-align: center
}

.eA8md {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    padding: 1.25rem 1rem .5rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.EJd5Z {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 1rem;
    padding-top: 1rem
}

.EJd5Z button {
    border-radius: .25rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: capitalize
}

.EJd5Z button:first-child {
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity))
}

.EJd5Z button:first-child,
.EJd5Z button:last-child {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.EJd5Z button:last-child {
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity))
}

.Rf-6Z {
    margin-bottom: .5rem
}

.Rf-6Z .Ixslv,
.Rf-6Z .PsApe {
    --tw-border-opacity: 1;
    border: 1px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity));
    padding: .25rem 1rem
}

.Rf-6Z .Ixslv {
    border-end-start-radius: .375rem;
    border-start-start-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    color: #212425;
    color: rgb(33 36 37/var(--tw-text-opacity))
}

.Rf-6Z .Ixslv,
.Rf-6Z .PsApe {
    --tw-text-opacity: 1
}

.Rf-6Z .PsApe {
    border-end-end-radius: .375rem;
    border-start-end-radius: .375rem;
    color: #5bdd65;
    color: #5bdd65;
    font-weight: 700
}

.Rf-6Z.BPiX3 .PsApe,
.Rf-6Z:active .PsApe,
.Rf-6Z:focus .PsApe,
.Rf-6Z:hover .PsApe,
.Rf-6Z[aria-selected=true] .PsApe {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #212425;
    color: rgb(33 36 37/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.wallet[data-v-4fce9e42] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:1024px) {
    .wallet[data-v-4fce9e42] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.wallet .wallet-box[data-v-4fce9e42] {
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding: 1.25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.wallet .wallet-box .wallet-box-item[data-v-4fce9e42] {
    padding-bottom: .5rem;
    position: relative
}

.wallet .wallet-box .wallet-box-item .wallet-icon[data-v-4fce9e42] {
    position: absolute;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    height: 2rem;
    opacity: .2;
    right: 0;
    top: 0;
    width: 2rem
}

@media (min-width:1024px) {
    .wallet .wallet-box .wallet-box-item .wallet-icon[data-v-4fce9e42] {
        height: 3rem;
        right: .5rem;
        top: .5rem;
        width: 3rem
    }
}

.wallet .wallet-box .wallet-box-item *[data-v-4fce9e42] {
    line-height: 100%
}

.wallet .wallet-box .wallet-box-item .item-amount[data-v-4fce9e42],
.wallet .wallet-box .wallet-box-item .item-bonus[data-v-4fce9e42] {
    display: inline-block;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.25rem;
    line-height: 1;
    padding-bottom: .25rem;
    padding-top: .25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {

    .wallet .wallet-box .wallet-box-item .item-amount[data-v-4fce9e42],
    .wallet .wallet-box .wallet-box-item .item-bonus[data-v-4fce9e42] {
        font-size: 3rem;
        line-height: 1
    }
}

.wallet .wallet-box .wallet-box-item .item-bonus[data-v-4fce9e42] {
    font-size: 1.5rem;
    line-height: 2rem
}

.wallet .wallet-box .wallet-box-item .item-status[data-v-4fce9e42] {
    border-radius: .25rem;
    display: inline-block;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: .75rem;
    padding: .125rem .25rem
}

.wallet .wallet-box .wallet-box-item .item-status.success[data-v-4fce9e42] {
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity))
}

.wallet .wallet-box .wallet-box-item .item-status.warning[data-v-4fce9e42] {
    --tw-bg-opacity: 1;
    background-color: #ff9f43;
    background-color: rgb(255 159 67/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #212425;
    color: rgb(33 36 37/var(--tw-text-opacity))
}

.wallet .wallet-box .wallet-box-item .item-status.danger[data-v-4fce9e42] {
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity))
}

.wallet .wallet-box .wallet-box-item .item-currency[data-v-4fce9e42] {
    color: #fdffffb3
}

.wallet .wallet-box .wallet-box-item .withdraw-btn[data-v-4fce9e42] {
    align-self: center;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.wallet .wallet-box .wallet-box-item .withdraw-btn[disabled][data-v-4fce9e42]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .2
}

.wallet .wallet-box .wallet-box-item .btn-rules[data-v-4fce9e42] {
    align-items: center;
    display: flex;
    font-size: .75rem;
    line-height: 1rem;
    padding-left: .25rem;
    padding-right: .25rem
}

.wallet .wallet-box .wallet-box-item .btn-rules svg[data-v-4fce9e42] {
    margin-right: .25rem
}

.wallet .wallet-box .wallet-box-item.bonus-countdown *[data-v-4fce9e42] {
    font-size: .75rem;
    line-height: 1rem
}

.wallet .wallet-box .wallet-box-item.bonus-countdown .bonus-countdown-expire[data-v-4fce9e42] {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-weight: 700;
    padding: .25rem .5rem
}

.wallet .wallet-box .wallet-box-item.bonus-countdown .bonus-countdown-time[data-v-4fce9e42] {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #ff9f43;
    background-color: rgb(255 159 67/var(--tw-bg-opacity));
    font-weight: 700;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

.wallet .wallet-box .wallet-box-item.bonus-rollover[data-v-4fce9e42] {
    margin-top: 1rem;
    padding-bottom: 0
}

.wallet .wallet-box .wallet-box-item.bonus-rollover .bonus-rollover-box[data-v-4fce9e42] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-bottom: .5rem;
    padding-top: .5rem
}

.wallet .wallet-box .wallet-box-item.bonus-rollover .bonus-rollover-box .bonus-rollover-value[data-v-4fce9e42] {
    font-size: .75rem;
    line-height: 1rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.wallet .wallet-box .wallet-box-item.bonus-rollover .bonus-rollover-box .bonus-rollover-progress[data-v-4fce9e42] {
    grid-column: span 3/span 3
}

.wallet .wallet-box .wallet-box-item.bonus-rules[data-v-4fce9e42] {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.wallet .wallet-box .wallet-box-item.bonus-rules p[data-v-4fce9e42] {
    align-items: center;
    color: #fdffffb3;
    display: flex;
    font-size: .675rem;
    gap: .5rem
}

.wallet .wallet-box-btns[data-v-4fce9e42] {
    display: flex;
    gap: .5rem
}

.wallet .wallet-box-btns .deposit-btn[data-v-4fce9e42] {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.wallet-transactions-box[data-v-4fce9e42] {
    border-radius: .375rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    overflow: hidden;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding: 1.25rem 1.25rem 2.25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .wallet-transactions-box[data-v-4fce9e42] {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .wallet-transactions-box.pix[data-v-4fce9e42] {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
}

.wallet-transactions-box .wallet-transactions-title[data-v-4fce9e42] {
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1.75rem;
    row-gap: .25rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

@media (min-width:768px) {
    .wallet-transactions-box .wallet-transactions-title[data-v-4fce9e42] {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1.25rem
    }
}

.wallet-transactions-box .wallet-transactions-title .dateFilter[data-v-4fce9e42] {
    align-items: center;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    line-height: 1rem;
    margin-top: 0;
    white-space: nowrap
}

@media (min-width:768px) {
    .wallet-transactions-box .wallet-transactions-title .dateFilter[data-v-4fce9e42] {
        margin-top: .125rem
    }
}

.wallet-transactions-box .wallet-transactions-title .dateFilter label[data-v-4fce9e42] {
    background-color: #5bdd6533;
    border-radius: .25rem;
    cursor: pointer;
    font-weight: 600;
    opacity: .7;
    padding: .125rem .375rem;
    position: relative
}

.wallet-transactions-box .wallet-transactions-title .dateFilter label.active[data-v-4fce9e42] {
    background-color: #5bdd65e6;
    --tw-text-opacity: 1;
    color: #212425;
    color: rgb(33 36 37/var(--tw-text-opacity));
    opacity: 1
}

.wallet-transactions-box .wallet-transactions-title .dateFilter label input[data-v-4fce9e42] {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.wallet-transactions-box .fade-tab[data-v-4fce9e42] {
    position: relative;
    width: 100%
}

.wallet-transactions-box .fade-tab[data-v-4fce9e42]:after {
    background-image: linear-gradient(to left, #323637 var(--tw-gradient-from-position), rgba(50, 54, 55, 0) var(--tw-gradient-to-position));
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: -3%;
    top: 0;
    width: 80px;
    z-index: 10;
    --tw-gradient-from: #323637 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(50, 54, 55, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.wallet-transactions-box .tabs-tablist[data-v-4fce9e42] {
    display: flex;
    gap: .5rem;
    margin-bottom: .5rem;
    margin-top: 1rem;
    overflow-x: auto;
    padding-right: 2.5rem;
    position: relative;
    scrollbar-width: none;
    width: 100%;
    -ms-overflow-style: none
}

.wallet-transactions-box .tabs-tablist button[data-v-4fce9e42] {
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .wallet-transactions-box .tabs-tablist button[data-v-4fce9e42] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.wallet-transactions-box .tabs-tablist[data-v-4fce9e42]::-webkit-scrollbar {
    display: none
}

.wallet-transactions-box .tab-panel .alert-warning[data-v-4fce9e42] {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: .5rem
}

.animate[data-v-4fce9e42] {
    animation: rotate-4fce9e42 .6s linear infinite
}

@keyframes rotate-4fce9e42 {
    to {
        transform: rotate(1turn)
    }
}

._4ZAM3 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 600px;
    width: 100%
}

._4ZAM3._-8tYf {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

._4ZAM3 ._69zA0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 600px;
    padding-bottom: 2.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center;
    width: 100%
}

._4ZAM3 ._69zA0 img {
    max-width: 200px
}

._4ZAM3 ._69zA0 img.k2f87 {
    opacity: .5;
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

._4ZAM3 ._69zA0 .joYEk {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    justify-content: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

._4ZAM3 ._69zA0 .joYEk h2 {
    font-size: 3.75rem;
    line-height: 1;
    margin-bottom: .5rem
}

._4ZAM3 ._69zA0 .joYEk strong {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

@media (min-width:768px) {
    ._4ZAM3 ._69zA0 .joYEk strong {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

._4ZAM3 ._69zA0 .joYEk small {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width:768px) {
    ._4ZAM3 ._69zA0 .joYEk small {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

._4ZAM3 ._69zA0 .joYEk.k2f87 strong {
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

._4ZAM3 ._69zA0 .dfraC {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

._4ZAM3 ._69zA0 .dfraC button {
    align-items: center;
    background-color: #5bdd65;
    background-color: #5bdd65;
    border-radius: .25rem;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: .5rem 1rem
}

._4ZAM3 ._69zA0 .dfraC button,
._4ZAM3 ._69zA0 .dfraC button.k2f87 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._4ZAM3 ._69zA0 .dfraC button.k2f87 {
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity))
}

._4ZAM3 ._5nxyP {
    height: 2rem;
    width: 2rem
}

@media (min-width:768px) {
    ._4ZAM3 ._5nxyP {
        height: 2.5rem;
        width: 2.5rem
    }
}

._4ZAM3 .q25hD {
    animation: q25hD 1s infinite
}

@keyframes q25hD {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .5;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.U-IV8 {
    margin-bottom: 2.5rem
}

.U-IV8 .zBgcu {
    text-align: center
}

.U-IV8 .zBgcu.wOSNs {
    opacity: .1
}

.U-IV8 .zBgcu.wOSNs img {
    filter: grayscale()
}

.U-IV8 .zBgcu .FO28L {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700
}

.kp9tk {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 600px;
    position: relative;
    width: 100%
}

._7QqJ8 {
    margin-top: 1.25rem
}

.TG7yG {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%
}

@media (min-width:1024px) {
    .TG7yG {
        width: auto
    }
}

.bueU2 {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    .bueU2 {
        width: 10rem
    }
}

.bueU2 .qmYwH {
    background-color: #fdffff33;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .5rem 1rem;
    text-align: left
}

@media (min-width:1280px) {
    .bueU2 .qmYwH {
        font-size: .8rem
    }
}

.bueU2 .qmYwH:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.bueU2 .qmYwH.MaQzH {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    .bueU2 .qmYwH.MaQzH {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .bueU2 .qmYwH.MaQzH {
        width: 100%
    }
}

@media (min-width:1280px) {
    .bueU2 .qmYwH.MaQzH {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.bueU2 .qmYwH.MaQzH {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.bueU2 .qmYwH.MaQzH:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

.bueU2 .qmYwH strong {
    font-weight: 800
}

.bueU2 .cs70g {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.bueU2 .cs70g:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.bueU2 .cs70g.MaQzH {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 1rem;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    .bueU2 .cs70g.MaQzH {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .bueU2 .cs70g.MaQzH {
        width: 100%
    }
}

@media (min-width:1280px) {
    .bueU2 .cs70g.MaQzH {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.bueU2 .cs70g.MaQzH {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.bueU2 .RHzPZ {
    padding: .5rem;
    white-space: nowrap
}

.bueU2 .RHzPZ:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.bueU2 .RHzPZ label {
    align-items: center;
    display: flex
}

.bueU2 .RHzPZ input {
    border-radius: .25rem
}

.bueU2 .RHzPZ .KPYrH {
    background-color: #fff6;
    border-radius: .25rem;
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1;
    margin-left: .5rem;
    padding: .125rem;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.k7D4v {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .k7D4v {
        justify-content: flex-end
    }
}

.k7D4v .bWT-n {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: 1rem;
    width: 2rem
}

.k7D4v .UxrnU,
.k7D4v .bWT-n {
    background-color: #ffffff1a;
    border-radius: .25rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.k7D4v .UxrnU {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .k7D4v .UxrnU {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .k7D4v .UxrnU {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .k7D4v .UxrnU {
        width: 14rem
    }
}

.k7D4v .UxrnU input {
    font-size: .75rem;
    line-height: 1rem;
    padding-left: .375rem;
    padding-right: .375rem;
    width: 100%
}

@media (min-width:1280px) {
    .k7D4v .UxrnU input {
        font-size: .8rem
    }
}

.k7D4v .UxrnU input::-moz-placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.k7D4v .UxrnU input::placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .k7D4v .UxrnU input::-moz-placeholder {
        font-size: .8rem
    }

    .k7D4v .UxrnU input::placeholder {
        font-size: .8rem
    }
}

.k7D4v .UxrnU.MaQzH {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:1024px) {
    .k7D4v .UxrnU.MaQzH {
        width: 12rem
    }
}

.k7D4v .UxrnU.MaQzH input {
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: .375rem;
    padding-top: .375rem;
    width: 100%
}

.k7D4v .UxrnU.MaQzH input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

.k7D4v .UxrnU.MaQzH input {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1024px) {
    .k7D4v .UxrnU.MaQzH input {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:1280px) {
    .k7D4v .UxrnU.MaQzH input {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.k7D4v .UxrnU.MaQzH svg {
    margin: .5rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

._0yeqB {
    animation: _-9j2- .6s linear infinite
}

@keyframes _-9j2- {
    to {
        transform: rotate(1turn)
    }
}

.ISnoG {
    align-items: center;
    margin-bottom: 1.5rem;
    margin-top: .25rem
}

@media (min-width:640px) {
    .ISnoG {
        margin-bottom: .5rem
    }
}

@media (min-width:768px) {
    .ISnoG {
        margin-bottom: 1.5rem;
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .ISnoG {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1280px) {
    .ISnoG {
        margin-bottom: 2.5rem;
        margin-top: 1rem;
        padding-bottom: .25rem
    }
}

.ISnoG .tu1by {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-align: left
}

@media (min-width:768px) {
    .ISnoG .tu1by {
        margin-bottom: .75rem
    }
}

@media (min-width:1024px) {
    .ISnoG .tu1by {
        margin-bottom: 0;
        padding-right: .5rem
    }
}

.ISnoG .mxiOd {
    align-items: center;
    background-color: transparent;
    color: #fdffff99;
    display: flex
}

.ISnoG .mxiOd svg {
    flex: none
}

.ISnoG .RCfRV {
    display: inline;
    font-size: .95rem;
    font-weight: 700;
    margin-left: .75rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.ISnoG .d5COZ {
    display: flex;
    margin-left: auto
}

@media (min-width:768px) {
    .ISnoG .d5COZ {
        display: none
    }
}

.ISnoG .d5COZ button {
    padding: .625rem .5rem
}

.ISnoG .d5COZ button:first-child {
    margin-left: .75rem
}

.ISnoG .d5COZ button:last-child {
    margin-right: .25rem
}

.ISnoG .d5COZ svg {
    color: #fdffff99;
    height: 1rem;
    width: 1rem
}

.wZzmX {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

.wZzmX .N8E5x {
    align-content: stretch;
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:768px) {
    .wZzmX .N8E5x {
        gap: 1.5rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.wZzmX .N8E5x.q2en9 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .wZzmX .N8E5x.q2en9 {
        margin-bottom: 1.5rem
    }
}

@media (min-width:1024px) {
    .wZzmX .N8E5x.q2en9 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.A9MdD {
    margin-top: 1.25rem
}

.k2WvQ {
    width: 100%
}

@media (min-width:1024px) {
    .k2WvQ {
        width: auto
    }
}

.W-MF- {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    .W-MF- {
        width: 10rem
    }
}

.W-MF- .e79U6 {
    background-color: #fdffff33;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .5rem 1rem;
    text-align: left
}

@media (min-width:1280px) {
    .W-MF- .e79U6 {
        font-size: .8rem
    }
}

.W-MF- .e79U6:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.W-MF- .e79U6.yK8Ny {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    .W-MF- .e79U6.yK8Ny {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .W-MF- .e79U6.yK8Ny {
        width: 100%
    }
}

@media (min-width:1280px) {
    .W-MF- .e79U6.yK8Ny {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.W-MF- .e79U6.yK8Ny {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.W-MF- .e79U6.yK8Ny:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

.W-MF- .e79U6 strong {
    font-weight: 800
}

.W-MF- .RymvD {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.W-MF- .RymvD:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.W-MF- .RymvD.yK8Ny {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 1rem;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    .W-MF- .RymvD.yK8Ny {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .W-MF- .RymvD.yK8Ny {
        width: 100%
    }
}

@media (min-width:1280px) {
    .W-MF- .RymvD.yK8Ny {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.W-MF- .RymvD.yK8Ny {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.W-MF- .lLPfT {
    padding: .5rem;
    white-space: nowrap
}

.W-MF- .lLPfT:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.W-MF- .lLPfT label {
    align-items: center;
    display: flex
}

.W-MF- .lLPfT input {
    border-radius: .25rem
}

.W-MF- .lLPfT .VIJPk {
    background-color: #fff6;
    border-radius: .25rem;
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1;
    margin-left: .5rem;
    padding: .125rem;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.ZVrjU {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .ZVrjU {
        justify-content: flex-end
    }
}

.ZVrjU .qd4jP {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: 1rem;
    width: 2rem
}

.ZVrjU .mXMZW,
.ZVrjU .qd4jP {
    background-color: #ffffff1a;
    border-radius: .25rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.ZVrjU .mXMZW {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .ZVrjU .mXMZW {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .ZVrjU .mXMZW {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .ZVrjU .mXMZW {
        width: 14rem
    }
}

.ZVrjU .mXMZW input {
    font-size: .75rem;
    line-height: 1rem;
    width: 100%
}

@media (min-width:1280px) {
    .ZVrjU .mXMZW input {
        font-size: .8rem
    }
}

.ZVrjU .mXMZW input::-moz-placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.ZVrjU .mXMZW input::placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .ZVrjU .mXMZW input::-moz-placeholder {
        font-size: .8rem
    }

    .ZVrjU .mXMZW input::placeholder {
        font-size: .8rem
    }
}

.ZVrjU .mXMZW.yK8Ny {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:1024px) {
    .ZVrjU .mXMZW.yK8Ny {
        width: 12rem
    }
}

.ZVrjU .mXMZW.yK8Ny input {
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: .375rem;
    padding-top: .375rem;
    width: 100%
}

.ZVrjU .mXMZW.yK8Ny input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

.ZVrjU .mXMZW.yK8Ny input {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1024px) {
    .ZVrjU .mXMZW.yK8Ny input {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:1280px) {
    .ZVrjU .mXMZW.yK8Ny input {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.ZVrjU .mXMZW.yK8Ny svg {
    margin: .5rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.Qo8Me {
    animation: sYN-a .6s linear infinite
}

@keyframes sYN-a {
    to {
        transform: rotate(1turn)
    }
}

._0bAed {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

._0bAed ._0HZjE {
    align-content: stretch;
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:768px) {
    ._0bAed ._0HZjE {
        gap: 1.5rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

._0bAed ._0HZjE.ZVGnx {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:1024px) {
    ._0bAed ._0HZjE.ZVGnx {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

._4kIcH {
    margin-top: 1.25rem
}

.l2je8 {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%
}

@media (min-width:1024px) {
    .l2je8 {
        width: auto
    }
}

._2Oepl {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    ._2Oepl {
        width: 10rem
    }
}

._2Oepl .sthLj {
    background-color: #fdffff33;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .5rem 1rem;
    text-align: left
}

@media (min-width:1280px) {
    ._2Oepl .sthLj {
        font-size: .8rem
    }
}

._2Oepl .sthLj:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

._2Oepl .sthLj.heMJL {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    ._2Oepl .sthLj.heMJL {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    ._2Oepl .sthLj.heMJL {
        width: 100%
    }
}

@media (min-width:1280px) {
    ._2Oepl .sthLj.heMJL {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._2Oepl .sthLj.heMJL {
    outline: 2px solid transparent;
    outline-offset: 2px
}

._2Oepl .sthLj.heMJL:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

._2Oepl .sthLj strong {
    font-weight: 800
}

._2Oepl .ykH-a {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

._2Oepl .ykH-a:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

._2Oepl .ykH-a.heMJL {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 1rem;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    ._2Oepl .ykH-a.heMJL {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    ._2Oepl .ykH-a.heMJL {
        width: 100%
    }
}

@media (min-width:1280px) {
    ._2Oepl .ykH-a.heMJL {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._2Oepl .ykH-a.heMJL {
    outline: 2px solid transparent;
    outline-offset: 2px
}

._2Oepl .P-T09 {
    padding: .5rem;
    white-space: nowrap
}

._2Oepl .P-T09:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

._2Oepl .P-T09 label {
    align-items: center;
    display: flex
}

._2Oepl .P-T09 input {
    border-radius: .25rem
}

._2Oepl .P-T09 .JxanR {
    background-color: #fff6;
    border-radius: .25rem;
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1;
    margin-left: .5rem;
    padding: .125rem;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.igI70 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .igI70 {
        justify-content: flex-end
    }
}

.igI70 ._2-UDM {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: 1rem;
    width: 2rem
}

.igI70 .DldyH,
.igI70 ._2-UDM {
    background-color: #ffffff1a;
    border-radius: .25rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.igI70 .DldyH {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .igI70 .DldyH {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .igI70 .DldyH {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .igI70 .DldyH {
        width: 14rem
    }
}

.igI70 .DldyH input {
    font-size: .75rem;
    line-height: 1rem;
    width: 100%
}

@media (min-width:1280px) {
    .igI70 .DldyH input {
        font-size: .8rem
    }
}

.igI70 .DldyH input::-moz-placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.igI70 .DldyH input::placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .igI70 .DldyH input::-moz-placeholder {
        font-size: .8rem
    }

    .igI70 .DldyH input::placeholder {
        font-size: .8rem
    }
}

.igI70 .DldyH.heMJL {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:1024px) {
    .igI70 .DldyH.heMJL {
        width: 12rem
    }
}

.igI70 .DldyH.heMJL input {
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: .375rem;
    padding-top: .375rem;
    width: 100%
}

.igI70 .DldyH.heMJL input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

.igI70 .DldyH.heMJL input {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1024px) {
    .igI70 .DldyH.heMJL input {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:1280px) {
    .igI70 .DldyH.heMJL input {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.igI70 .DldyH.heMJL svg {
    margin: .5rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.BLzx2 {
    animation: RfEWU .6s linear infinite
}

@keyframes RfEWU {
    to {
        transform: rotate(1turn)
    }
}

.lsI4V {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

.lsI4V ._6Bk8m {
    align-content: stretch;
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:768px) {
    .lsI4V ._6Bk8m {
        gap: 1.5rem
    }
}

@media (min-width:1024px) {
    .lsI4V ._6Bk8m {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

._1ul2u {
    margin-top: 1.25rem
}

.ii14Q {
    width: 100%
}

@media (min-width:1024px) {
    .ii14Q {
        width: auto
    }
}

.GRzgJ {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    .GRzgJ {
        width: 10rem
    }
}

.GRzgJ .MvU3B {
    background-color: #fdffff33;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .5rem 1rem;
    text-align: left
}

@media (min-width:1280px) {
    .GRzgJ .MvU3B {
        font-size: .8rem
    }
}

.GRzgJ .MvU3B:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.GRzgJ .MvU3B._7FotS {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    .GRzgJ .MvU3B._7FotS {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .GRzgJ .MvU3B._7FotS {
        width: 100%
    }
}

@media (min-width:1280px) {
    .GRzgJ .MvU3B._7FotS {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.GRzgJ .MvU3B._7FotS {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.GRzgJ .MvU3B._7FotS:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

.GRzgJ .MvU3B strong {
    font-weight: 800
}

.GRzgJ .bMI69 {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .75rem;
    line-height: 1rem;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.GRzgJ .bMI69:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.GRzgJ .bMI69._7FotS {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    border-radius: 1rem;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:768px) {
    .GRzgJ .bMI69._7FotS {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .GRzgJ .bMI69._7FotS {
        width: 100%
    }
}

@media (min-width:1280px) {
    .GRzgJ .bMI69._7FotS {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.GRzgJ .bMI69._7FotS {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.GRzgJ .OPMCN {
    padding: .5rem;
    white-space: nowrap
}

.GRzgJ .OPMCN:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.GRzgJ .OPMCN label {
    align-items: center;
    display: flex
}

.GRzgJ .OPMCN input {
    border-radius: .25rem
}

.GRzgJ .OPMCN .taBjR {
    background-color: #fff6;
    border-radius: .25rem;
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1;
    margin-left: .5rem;
    padding: .125rem;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.kH6aF {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .kH6aF {
        justify-content: flex-end
    }
}

.kH6aF .ROYtI {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: 1rem;
    width: 2rem
}

.kH6aF .ROYtI,
.kH6aF .TwVXI {
    background-color: #ffffff1a;
    border-radius: .25rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.kH6aF .TwVXI {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .kH6aF .TwVXI {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .kH6aF .TwVXI {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .kH6aF .TwVXI {
        width: 14rem
    }
}

.kH6aF .TwVXI input {
    font-size: .75rem;
    line-height: 1rem;
    width: 100%
}

@media (min-width:1280px) {
    .kH6aF .TwVXI input {
        font-size: .8rem
    }
}

.kH6aF .TwVXI input::-moz-placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.kH6aF .TwVXI input::placeholder {
    color: #fdffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .kH6aF .TwVXI input::-moz-placeholder {
        font-size: .8rem
    }

    .kH6aF .TwVXI input::placeholder {
        font-size: .8rem
    }
}

.kH6aF .TwVXI._7FotS {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #263f8c;
    background-color: rgb(38 63 140/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    border: 3px solid #5bdd65;
    border-color: rgb(255 222 0/var(--tw-border-opacity))
}

@media (min-width:1024px) {
    .kH6aF .TwVXI._7FotS {
        width: 12rem
    }
}

.kH6aF .TwVXI._7FotS input {
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-bottom: .375rem;
    padding-top: .375rem;
    width: 100%
}

.kH6aF .TwVXI._7FotS input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) #323637, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(50 54 55/var(--tw-ring-opacity))
}

.kH6aF .TwVXI._7FotS input {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1024px) {
    .kH6aF .TwVXI._7FotS input {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:1280px) {
    .kH6aF .TwVXI._7FotS input {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kH6aF .TwVXI._7FotS svg {
    margin: .5rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.F3xbK {
    animation: DmrQ0 .6s linear infinite
}

@keyframes DmrQ0 {
    to {
        transform: rotate(1turn)
    }
}

.PL5c5 {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

.PL5c5 .JJeNr {
    align-content: stretch;
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:768px) {
    .PL5c5 .JJeNr {
        gap: 1.5rem;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (max-width:768px) {
    ._4soxP {
        min-width: 132px
    }
}

.slideTitle[data-v-75610e76] {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: .375rem
}

.slideTitle .skeleton-loading[data-v-75610e76] {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .slideTitle .skeleton-loading[data-v-75610e76] {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .slideTitle .skeleton-loading[data-v-75610e76] {
        margin-bottom: .25rem
    }
}

.slideTitle .skeleton-loading.pix[data-v-75610e76] {
    height: 1.5rem;
    margin-bottom: .125rem
}

@media (min-width:768px) {
    .slideTitle .skeleton-loading.pix[data-v-75610e76] {
        height: 1.25rem;
        margin-bottom: .375rem
    }
}

@media (min-width:1024px) {
    .slideTitle .skeleton-loading.pix[data-v-75610e76] {
        margin-bottom: .375rem
    }
}

@media (min-width:1280px) {
    .slideTitle .skeleton-loading.pix[data-v-75610e76] {
        margin-top: .125rem
    }
}

.slideTitle .gamificationPageTitle[data-v-75610e76] {
    margin: 0 .5rem 0 0;
    min-width: -moz-min-content;
    min-width: min-content;
    width: auto
}

.row_imgs[data-v-75610e76] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem
}

@media (min-width:640px) {
    .row_imgs[data-v-75610e76] {
        gap: .75rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width:768px) {
    .row_imgs[data-v-75610e76] {
        gap: 1rem;
        margin-bottom: 2rem
    }
}

@media (min-width:1024px) {
    .row_imgs[data-v-75610e76] {
        gap: 1.25rem
    }
}

.row_imgs.loading-indicator[data-v-75610e76] {
    margin-bottom: 0
}

.row_imgs.loading-indicator .skeleton-loading[data-v-75610e76] {
    aspect-ratio: 25/33;
    flex: 1 1 0%
}

@media screen and (min-width:768px) {
    .row_imgs.loading-indicator .skeleton-loading[data-v-75610e76] {
        aspect-ratio: 29/8
    }
}

.moreItemsButton[data-v-75610e76] {
    align-items: center;
    background-color: #5bdd6526;
    border-radius: 9999px;
    display: flex;
    font-size: .75rem;
    gap: .25rem;
    justify-content: flex-end;
    line-height: 1rem;
    margin-left: auto;
    padding: 0 .5rem;
    text-decoration-line: none
}

.moreItemsButton span[data-v-75610e76] {
    font-size: .6rem;
    font-weight: 600;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.moreItemsButton svg[data-v-75610e76] {
    display: none
}

.pix {
    background-color: transparent
}

.pix {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .pix {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.pix {
    display: block;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

._3O7s9 {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

._3O7s9 .DeT-z {
    background-color: #0000004d;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z {
        flex-direction: row
    }
}

._3O7s9 .DeT-z .jPUUd {
    align-items: center;
    background-image: linear-gradient(to bottom, rgba(65, 105, 225, .05) var(--tw-gradient-from-position), rgba(65, 105, 225, .2) var(--tw-gradient-to-position));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 100%;
    position: relative;
    --tw-gradient-from: rgba(65, 105, 225, .05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(65, 105, 225, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(65, 105, 225, .2) var(--tw-gradient-to-position);
    padding: 1rem 1rem .5rem
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .jPUUd {
        min-width: 300px
    }
}

._3O7s9 .DeT-z .jPUUd .YAayQ {
    left: 1rem
}

._3O7s9 .DeT-z .jPUUd .YAayQ,
._3O7s9 .DeT-z .jPUUd .d2Tpd {
    color: #fdffff66;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    position: absolute;
    top: 1rem
}

._3O7s9 .DeT-z .jPUUd .d2Tpd {
    right: 1rem
}

._3O7s9 .DeT-z .jPUUd .Vxm6J {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 9999px;
    cursor: pointer;
    height: 140px;
    margin: 0 auto;
    width: 140px
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .jPUUd .Vxm6J {
        height: 220px;
        width: 220px
    }
}

._3O7s9 .DeT-z .jPUUd .ZFrE7 {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    gap: .25rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1rem;
    max-width: 100%;
    position: relative;
    white-space: nowrap;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .375rem .75rem .375rem .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .jPUUd .ZFrE7 {
        font-size: .875rem;
        line-height: 1.25rem;
        margin-top: -1.5rem;
        padding: .5rem 1rem .5rem .75rem
    }
}

._3O7s9 .DeT-z .jPUUd .ZFrE7 img {
    width: 20px
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .jPUUd .ZFrE7 img {
        width: 26px
    }
}

._3O7s9 .DeT-z .jPUUd .zHZE- {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    max-width: 280px;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

._3O7s9 .DeT-z .jPUUd .zHZE- .WiZUj {
    font-size: .68rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

._3O7s9 .DeT-z .jPUUd .zHZE- .wa5mA {
    border-radius: 9999px;
    height: .5rem;
    margin-top: .25rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

._3O7s9 .DeT-z .jPUUd .zHZE- .wa5mA .IdLKd {
    background-color: #fdffff33;
    height: 100%;
    width: 100%
}

._3O7s9 .DeT-z .jPUUd .zHZE- .wa5mA .msG-0 {
    border-radius: 9999px;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65
}

._3O7s9 .DeT-z .jPUUd .zHZE- .EZb8S {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: .125rem;
    width: 100%
}

._3O7s9 .DeT-z .jPUUd .zHZE- .EZb8S .NCZmW {
    font-size: .68rem;
    font-weight: 600;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

._3O7s9 .DeT-z .jPUUd .zHZE- .EZb8S .ZFrE7 {
    background-color: transparent;
    font-size: .68rem;
    gap: .125rem;
    margin: 0;
    max-width: 50%;
    padding: 0
}

._3O7s9 .DeT-z .jPUUd .zHZE- .EZb8S .ZFrE7 img {
    width: 10px
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .jPUUd .zHZE- .EZb8S .ZFrE7 img {
        width: 12px
    }
}

._3O7s9 .DeT-z .Qx8jz {
    padding: 1rem 1.25rem
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .Qx8jz {
        padding: 1.5rem 2rem
    }
}

._3O7s9 .DeT-z .Qx8jz .RiE2v h1 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .75rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .Qx8jz .RiE2v h1 {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1.5rem
    }
}

._3O7s9 .DeT-z .Qx8jz ._6P04- {
    margin-bottom: 1rem;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .Qx8jz ._6P04- {
        margin-bottom: 0;
        max-height: none
    }
}

._3O7s9 .DeT-z .Qx8jz ._6P04- p {
    font-size: .75rem;
    line-height: 1.25rem;
    margin-bottom: .75rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .Qx8jz ._6P04- p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

._3O7s9 .DeT-z .Qx8jz .ECP-- .LMHhI {
    align-items: center;
    border-radius: .25rem;
    display: inline-flex;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    ._3O7s9 .DeT-z .Qx8jz .ECP-- .LMHhI {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .75rem 1.25rem;
        width: auto
    }
}

._3O7s9 .gEbbY {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (min-width:768px) {
    ._3O7s9 .gEbbY {
        gap: 1.25rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    ._3O7s9 .gEbbY {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

.KcFY6 {
    align-items: center;
    min-height: 600px;
    width: 100%
}

.KcFY6,
.bBANS {
    display: flex;
    justify-content: center
}

.bBANS {
    min-width: 100%;
    position: relative
}

.CrG8L {
    background: #000000b3;
    justify-content: normal !important;
    position: relative !important
}

.jx5FV {
    min-width: 100% !important;
    position: relative
}

.vEstA {
    animation: vEstA 1s infinite
}

@keyframes vEstA {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .5;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.viXZB,
.QmLjH,
._6klzZ,
.cHh-b {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 600px;
    position: relative;
    width: 100%
}

.Jx8NP {
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    padding-top: .375rem
}

.Jx8NP,
.Jx8NP ._6XpuT {
    position: relative;
    width: 100%
}

.Jx8NP ._6XpuT {
    align-items: center;
    background-color: #00000080;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

@media (min-width:640px) {
    .Jx8NP ._6XpuT {
        max-height: 300px
    }
}

@media (min-width:768px) {
    .Jx8NP ._6XpuT {
        max-height: 350px
    }
}

.Jx8NP ._6XpuT img {
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.Jx8NP ._6XpuT img.UtkEA {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.Jx8NP ._6XpuT .ZkIAe {
    background-color: #212425cc;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 700;
    left: .5rem;
    line-height: 1.25rem;
    padding: .5rem .75rem;
    position: absolute;
    top: .5rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .Jx8NP ._6XpuT .ZkIAe {
        font-size: 1rem;
        left: 1.25rem;
        line-height: 1.5rem;
        padding: .75rem 1rem;
        top: 1.25rem
    }
}

.Jx8NP ._6XpuT .ZkIAe .ODLu0 {
    color: #fdffff99;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem
}

@media (min-width:768px) {
    .Jx8NP ._6XpuT .ZkIAe .ODLu0 {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.Jx8NP .x-q6C {
    flex-direction: column;
    padding: 1rem 0;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.Jx8NP .x-q6C,
.Jx8NP .x-q6C .Wdptr {
    display: flex
}

.Jx8NP .x-q6C .Wdptr {
    align-items: flex-end;
    gap: .75rem;
    justify-content: space-between;
    width: 100%
}

@media (min-width:768px) {
    .Jx8NP .x-q6C .Wdptr {
        align-items: center;
        gap: 1.25rem
    }
}

.Jx8NP .x-q6C .Wdptr .qt5uk {
    display: inline-flex;
    gap: .5rem;
    justify-content: flex-start;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .Jx8NP .x-q6C .Wdptr .qt5uk {
        gap: 1.25rem
    }
}

@media (max-width:362px) {
    .Jx8NP .x-q6C .Wdptr .qt5uk>.xMzMk span {
        font-size: .6rem
    }

    @media (max-width:338px) {
        .Jx8NP .x-q6C .Wdptr .qt5uk>.xMzMk {
            display: none
        }

        .Jx8NP .x-q6C .Wdptr .qt5uk>.xMzMk:first-child {
            display: flex
        }
    }
}

.Jx8NP .x-q6C .Wdptr .xMzMk {
    display: flex;
    flex-direction: column
}

.Jx8NP .x-q6C .Wdptr .xMzMk,
.Jx8NP .x-q6C .Wdptr .xMzMk label {
    text-align: center
}

.Jx8NP .x-q6C .Wdptr .xMzMk label {
    display: block;
    font-size: .65rem;
    margin-bottom: .25rem
}

@media (min-width:768px) {
    .Jx8NP .x-q6C .Wdptr .xMzMk label {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.Jx8NP .x-q6C .Wdptr .xMzMk span {
    background-color: #fdffff1a;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .5rem .75rem
}

@media (min-width:768px) {
    .Jx8NP .x-q6C .Wdptr .xMzMk span {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .75rem 1.5rem
    }
}

.Jx8NP .x-q6C .Wdptr .xMzMk span._-9loF {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.Jx8NP .x-q6C .Wdptr .xMzMk.mZnT3 {
    display: inline-flex;
    text-align: right
}

.Jx8NP .x-q6C .Wdptr .xMzMk.mZnT3 ._3-BZC {
    border-radius: .25rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .375rem .75rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .Jx8NP .x-q6C .Wdptr .xMzMk.mZnT3 ._3-BZC {
        font-size: 1.25rem;
        line-height: 1.75rem;
        padding: .75rem 2rem
    }
}

.Jx8NP .x-q6C .Wdptr .xMzMk.mZnT3 ._3-BZC span {
    background-color: transparent;
    padding: 0
}

.Jx8NP .x-q6C .Wdptr .xMzMk.mZnT3 ._3-BZC[disabled]:not([disabled=false]):not(.NnDV8) {
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.Jx8NP .x-q6C .Wdptr .xMzMk.mZnT3 ._3-BZC[disabled]:not([disabled=false]):not(.NnDV8):hover {
    opacity: 1
}

.Jx8NP .x-q6C .Wdptr .xMzMk.mZnT3 ._3-BZC.NnDV8 {
    --tw-bg-opacity: 1;
    background-color: #2b3;
    background-color: rgb(34 187 51/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.Jx8NP .x-q6C .Wdptr .xMzMk.mZnT3 ._3-BZC.NnDV8:hover {
    opacity: 1
}

.Jx8NP .hj-Wp {
    display: flex;
    flex-direction: column;
    padding-bottom: .5rem;
    padding-top: .5rem
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media (min-width:1024px) {
    .Jx8NP .hj-Wp {
        flex-direction: row
    }
}

.Jx8NP .hj-Wp .KwN9D {
    padding: .5rem 0;
    width: 100%
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .KwN9D {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media (min-width:1024px) {
    .Jx8NP .hj-Wp .KwN9D {
        width: 60%
    }
}

.Jx8NP .hj-Wp .KwN9D .ochzh {
    align-items: center;
    background-color: #fdffff1a;
    border-radius: .25rem;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .5rem;
    justify-content: space-between;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    padding: .5rem 1rem;
    width: 100%
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .KwN9D .ochzh {
        cursor: auto;
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: .5rem;
        padding: .75rem 1.5rem;
        width: auto
    }
}

.Jx8NP .hj-Wp .KwN9D .ochzh svg {
    font-size: .8em
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .KwN9D .ochzh svg {
        display: none
    }
}

.Jx8NP .hj-Wp .KwN9D ._6Hli- {
    max-height: 0;
    overflow: hidden
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .KwN9D ._6Hli- {
        max-height: none
    }
}

.Jx8NP .hj-Wp .KwN9D ._6Hli-.a7vw2 {
    max-height: none
}

.Jx8NP .hj-Wp .KwN9D ._6Hli- p {
    font-size: .875rem;
    line-height: 1.5rem;
    padding: .5rem
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .KwN9D ._6Hli- p {
        font-size: 1rem;
        line-height: 1.75rem;
        padding: 1rem 0
    }
}

.Jx8NP .hj-Wp .fS8oE {
    margin-top: .5rem;
    width: 100%
}

@media (min-width:1024px) {
    .Jx8NP .hj-Wp .fS8oE {
        padding-left: 1rem;
        width: 256px
    }
}

.Jx8NP .hj-Wp .fS8oE .igGNL {
    display: flex;
    justify-content: space-between
}

.Jx8NP .hj-Wp .fS8oE .igGNL button {
    background-color: #fdffff0d;
    flex: 1 1 0%;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding-bottom: .75rem;
    padding-top: .75rem
}

.Jx8NP .hj-Wp .fS8oE .igGNL button:first-child {
    border-top-left-radius: .5rem
}

.Jx8NP .hj-Wp .fS8oE .igGNL button:last-child {
    border-top-right-radius: .5rem
}

.Jx8NP .hj-Wp .fS8oE .igGNL button._3BjWs {
    background-color: #fdffff1a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.Jx8NP .hj-Wp .fS8oE table {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    overflow: hidden;
    width: 100%;
    --tw-shadow-color: rgba(0, 0, 0, .4);
    --tw-shadow: var(--tw-shadow-colored)
}

.Jx8NP .hj-Wp .fS8oE table thead tr {
    background-color: #fdffff1a
}

.Jx8NP .hj-Wp .fS8oE table thead tr th {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .75rem 1rem
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .fS8oE table thead tr th {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: 1rem 1.5rem
    }
}

.Jx8NP .hj-Wp .fS8oE table thead tr th:nth-child(2n) {
    text-align: right
}

.Jx8NP .hj-Wp .fS8oE table thead tr th:nth-child(odd) {
    text-align: left
}

.Jx8NP .hj-Wp .fS8oE table tbody tr:nth-child(2n) {
    background-color: #fdffff1a
}

.Jx8NP .hj-Wp .fS8oE table tbody tr:nth-child(odd) {
    background-color: #fdffff0d
}

.Jx8NP .hj-Wp .fS8oE table tbody td {
    white-space: nowrap;
    text-wrap: nowrap;
    padding: .75rem 1rem
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .fS8oE table tbody td {
        padding: 1rem 1.5rem
    }
}

.Jx8NP .hj-Wp .fS8oE table tbody td:nth-child(2n) {
    text-align: right
}

.Jx8NP .hj-Wp .fS8oE table tbody td:nth-child(odd) {
    text-align: left
}

.Jx8NP .hj-Wp .fS8oE table tbody td:first-child {
    padding-right: .25rem
}

.Jx8NP .hj-Wp .fS8oE table tbody td:last-child {
    padding-left: .25rem
}

.Jx8NP .hj-Wp .fS8oE table .Iyh2e {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .fS8oE table .Iyh2e {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.Jx8NP .hj-Wp .fS8oE table .Iyh2e.xzTku {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.Jx8NP .hj-Wp .fS8oE table .YxqX8 {
    align-items: center;
    color: #fdffff80;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 600;
    gap: .5rem;
    line-height: 1.25rem;
    margin-left: 1rem;
    max-width: 40vw;
    overflow: hidden;
    padding-bottom: .25rem;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .fS8oE table .YxqX8 {
        max-width: 13rem
    }
}

.Jx8NP .hj-Wp .fS8oE table .YxqX8.xzTku {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.Jx8NP .hj-Wp .fS8oE table .YxqX8 img {
    height: 1.25rem;
    width: 1.25rem
}

.Jx8NP .hj-Wp .fS8oE table .PRuE5,
.Jx8NP .hj-Wp .fS8oE table .YxqX8 img {
    border-radius: 9999px
}

.Jx8NP .hj-Wp .fS8oE table .PRuE5 {
    background-color: #5bdd651a;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .25rem .5rem;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

@media (min-width:768px) {
    .Jx8NP .hj-Wp .fS8oE table .PRuE5 {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .5rem 1rem
    }
}

.Jx8NP .hj-Wp .fS8oE table .PRuE5.Vhdvw {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.OyllM,
.tbokT {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 600px;
    position: relative;
    width: 100%
}

.uN5IW {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    height: 100dvh;
    width: 100dvw
}

.Jeyd- {
    width: 100%
}

@media (min-width:368px) {
    .Jeyd- {
        max-width: 368px
    }
}

@media (min-width:390px) {
    .Jeyd- {
        max-width: 390px
    }
}

@media (min-width:640px) {
    .Jeyd- {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .Jeyd- {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .Jeyd- {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .Jeyd- {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .Jeyd- {
        max-width: 1536px
    }
}

.Jeyd- {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    z-index: 10
}

@media (min-width:768px) {
    .Jeyd- {
        padding-top: 0
    }
}

._057qB {
    bottom: 0;
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 888;
    --tw-translate-y: 0px;
    align-items: center;
    gap: .75rem;
    justify-content: center;
    transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    display: none !important
}

._057qB.TRDkk {
    bottom: 56px
}

@media (min-width:1024px) {
    ._057qB.TRDkk {
        bottom: 0
    }
}

._057qB button {
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: #fdffff;
    background-color: rgb(253 255 255/var(--tw-bg-opacity));
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

.Sy54t {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    line-height: 1rem;
    padding: .25rem 2rem .25rem .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .Sy54t {
        gap: .5rem;
        padding: .375rem .5rem
    }
}

.Sy54t span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 500;
    color: #FFFFFF;
}

@media (min-width:768px) {
    .Sy54t span {
        font-size: .92rem
    }
}

@media (max-width:395px) {
    .Sy54t span {
        font-size: .68rem;
        line-height: .75rem
    }
}

@media (max-width:380px) {
    .Sy54t span {
        font-size: .62rem
    }
}

@media (max-width:360px) {
    .Sy54t span {
        font-size: .58rem
    }
}

@media (max-width:330px) {
    .Sy54t span {
        font-size: .52rem
    }
}

.Sy54t button {
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: #323637;
    /* color: #5bdd65*/
}

@media (min-width:768px) {
    .Sy54t button {
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.25rem
    }
}

.Sy54t .ChDQ3 {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    opacity: .6;
    padding: .5rem;
    position: absolute;
    right: 0
}

.Sy54t .ChDQ3:hover {
    opacity: 1
}

@media (min-width:768px) {
    .Sy54t .ChDQ3 {
        font-size: 1.125rem;
        line-height: 1.75rem;
        right: .5rem
    }
}

.Sy54t .ChDQ3 svg {
    fill: #fdffff
}

.nWTap {
    align-items: center;
    border-radius: .25rem;
    border-style: solid;
    border-width: 1px;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65;
    --darken30: color-mix(in srgb, currentColor 30%, #000)
}

.nWTap.PCWOv {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.nWTap.aaqrA {
    border-color: currentColor;
    color: currentColor
}

.nWTap.aaqrA.FivDc,
.nWTap.aaqrA:active,
.nWTap.aaqrA:focus,
.nWTap.aaqrA:hover,
.nWTap.aaqrA[aria-selected=true] {
    background-color: var(--darken30);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.nWTap.YiwNI {
    align-items: center;
    border-radius: .25rem;
    cursor: not-allowed;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: .5;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.n7GoD {
    text-align: center
}

.pv8NH {
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.Dzb5R {
    width: 100%
}

.Dzb5R+.Dzb5R {
    margin-top: .5rem
}

.Dzb5R._7jQAD {
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.wPXqr {
    position: relative
}

.wPXqr,
.wPXqr .Uq2cW {
    width: 100%
}

.wPXqr .Uq2cW {
    align-items: center;
    bottom: 0;
    color: #fdffff99;
    display: flex;
    font-size: .7rem;
    gap: .25rem;
    justify-content: center;
    line-height: .75rem;
    margin-right: auto;
    padding: .75rem .25rem;
    position: absolute;
    text-align: center
}

.GhG3Z {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mplND {
    color: #5bdd65;
    color: #5bdd65;
    font-weight: 700;
    text-transform: uppercase
}

._2z-0p,
.mplND {
    --tw-text-opacity: 1
}

._2z-0p {
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    font-weight: 500;
    margin: 1rem 2rem
}

.MQ9Qg {
    margin-left: auto;
    margin-top: 2rem
}

.MB01P svg circle {
    fill: transparent
}

.MB01P svg circle:first-of-type {
    stroke: #5bdd6533;
    color: #5bdd6533
}

.MB01P svg circle:last-of-type {
    stroke: #5bdd65;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.MB01P ._7ZBwU {
    position: relative
}

.MB01P ._7ZBwU ._6ZxYd {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.sHGSw {
    margin-left: -.25rem;
    margin-right: -.25rem;
    position: relative;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.sHGSw,
.sHGSw .PDzx1 {
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity))
}

.sHGSw .PDzx1 {
    border-radius: 9999px;
    position: absolute;
    right: -4px;
    top: -4px;
    z-index: 2;
    --tw-border-opacity: 1;
    border: 2px solid #323637;
    border-color: rgb(50 54 55/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.sHGSw .ozBsL {
    position: relative
}

.sHGSw .ozBsL img {
    height: 24px;
    left: 50%;
    max-width: 24px;
    top: 50%;
    width: 24px;
    z-index: 2;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.sHGSw .mGsNO,
.sHGSw .ozBsL img {
    position: absolute
}

.sHGSw .mGsNO {
    background-color: #32363780;
    bottom: -2px;
    display: none;
    font-size: .48rem;
    height: 10px;
    line-height: .75rem;
    text-align: center;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.HsB3c {
    border-radius: .375rem;
    margin-bottom: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.HsB3c,
.HsB3c .XRY8A {
    overflow: hidden;
    position: relative
}

.HsB3c .XRY8A {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    padding: .5rem
}

.HsB3c .XRY8A .vVcXA {
    background-color: #323637e6;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20
}

.HsB3c .XRY8A .vVcXA,
.HsB3c .XRY8A .vVcXA button {
    align-items: center;
    display: flex;
    justify-content: center
}

.HsB3c .XRY8A .vVcXA button {
    border-radius: .25rem;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.HsB3c .XRY8A .mQMUM {
    display: flex;
    height: 3.5rem;
    position: relative;
    width: 3.5rem
}

.HsB3c .XRY8A .mQMUM,
.HsB3c .XRY8A .mQMUM .e2zsg {
    align-items: center;
    justify-content: center
}

.HsB3c .XRY8A .mQMUM .e2zsg {
    background-color: #00000080;
    border-radius: 9999px;
    cursor: pointer;
    display: none;
    height: 100%;
    position: absolute;
    width: 100%
}

.HsB3c .XRY8A .mQMUM.mQMUM:hover .e2zsg {
    display: flex
}

.HsB3c .XRY8A .mQMUM .Vy4eD {
    background-color: #fdffff1a;
    background-position: 50%;
    background-size: cover;
    border-radius: 9999px;
    height: 100%;
    width: 100%
}

.HsB3c .XRY8A .mQMUM .N8GEN {
    bottom: 0;
    display: flex;
    left: 50%;
    position: absolute;
    --tw-translate-x: -50%;
    align-items: center;
    border-radius: 9999px;
    gap: .25rem;
    justify-content: center;
    overflow: hidden;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    padding-right: .25rem
}

.HsB3c .XRY8A .mQMUM .N8GEN .UUCnd {
    background-position: 50%;
    background-size: cover;
    border-radius: 9999px;
    height: .75rem;
    min-width: .75rem;
    position: relative;
    width: .75rem;
    z-index: 10
}

.HsB3c .XRY8A .mQMUM .N8GEN .LLlXq {
    position: relative;
    z-index: 10;
    text-wrap: nowrap;
    font-size: .66rem;
    font-weight: 600;
    line-height: .75rem
}

.HsB3c .XRY8A .mQMUM .N8GEN:before {
    background-color: #0003;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

.HsB3c .XRY8A .nFeVc {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column
}

.HsB3c .XRY8A .nFeVc .ziH2E {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.HsB3c .XRY8A .nFeVc .ziH2E span {
    display: inline-block;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.HsB3c .XRY8A .nFeVc .ziH2E span._--iyj {
    font-size: .75rem;
    line-height: 1rem
}

.HsB3c .XRY8A .nFeVc .ziH2E ._1ou3z {
    cursor: pointer;
    display: inline-flex;
    font-size: .6rem;
    margin-left: .375rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.HsB3c .XRY8A .nFeVc .ziH2E ._1ou3z:hover {
    opacity: .8
}

.HsB3c .XRY8A .nFeVc .wA5g0 {
    align-items: center;
    background-color: #0000004d;
    border-radius: .25rem;
    display: flex;
    justify-content: flex-start;
    margin-top: .25rem;
    padding: 0 .25rem .25rem
}

.HsB3c .XRY8A .nFeVc .wA5g0 .TbTOP {
    height: 20px;
    margin-bottom: -.5rem;
    margin-top: -.5rem;
    max-width: 22px;
    width: 22px
}

.HsB3c .XRY8A .nFeVc .wA5g0 .wEQCy {
    align-items: flex-start;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .25rem
}

.HsB3c .XRY8A .nFeVc .wA5g0 .wEQCy .h-84q {
    font-size: .75rem;
    line-height: 1rem
}

.HsB3c .XRY8A .nFeVc .wA5g0 .wEQCy .h-84q .L7LiW {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.HsB3c .XRY8A .nFeVc .wA5g0 .wEQCy .h-84q .jcS8H {
    color: #fdffff80;
    font-size: .8em;
    font-weight: 400
}

.HsB3c .XRY8A .nFeVc .wA5g0 .wEQCy .DtRvF {
    align-items: center;
    background-color: #fdffff1a;
    border-radius: .125rem;
    display: flex;
    gap: .25rem;
    justify-content: flex-start;
    fill: #5bdd65;
    font-size: .6em;
    padding-left: .25rem;
    padding-right: .25rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.HsB3c .XRY8A .nFeVc .wA5g0 .wEQCy .DtRvF .o1o5Z {
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.HsB3c .XRY8A .nFeVc .wA5g0 .mLD7l {
    border-radius: 9999px;
    height: .375rem;
    margin-top: .25rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.HsB3c .XRY8A .nFeVc .wA5g0 .mLD7l .z9qbo {
    background-color: #fdffff33;
    height: 100%;
    width: 100%
}

.HsB3c .XRY8A .nFeVc .wA5g0 .mLD7l .uWh-S {
    border-radius: 9999px;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65
}

.HsB3c .Opoyu {
    background-color: #0000004d;
    border-color: #ffffff1a;
    border-top: 1px hsla(0, 0%, 100%, .1);
    border-style: solid;
    padding-left: .5rem;
    padding-right: .5rem
}

.HsB3c .Opoyu ._2gbYl {
    display: flex;
    flex-direction: column;
    max-height: 0;
    overflow: hidden
}

.HsB3c .Opoyu ._2gbYl.QGvdF {
    max-height: 500px
}

.HsB3c .Opoyu ._2gbYl .ATH8X {
    align-items: center;
    border-bottom: 1px;
    border-color: #ffffff1a;
    border-style: solid;
    display: flex;
    gap: .5rem;
    padding: .375rem .5rem;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.HsB3c .Opoyu ._2gbYl .ATH8X span {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.HsB3c .Opoyu .ZFCoS {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .66rem;
    gap: .375rem;
    justify-content: center;
    padding: .375rem .5rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.HsB3c .Opoyu .ZFCoS svg {
    background-color: #fdffff33;
    border-radius: 9999px;
    color: #fdffff99;
    height: .75rem;
    padding: .125rem;
    width: .75rem
}

.HsB3c .Opoyu .ZFCoS.QGvdF svg {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.HsB3c .Opoyu .ZFCoS:hover {
    opacity: .8
}

.kOo41 {
    border-radius: .375rem;
    margin-top: .75rem;
    position: absolute;
    right: 0;
    transform-origin: top right;
    width: 14rem;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding-bottom: .5rem;
    padding-top: .5rem;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.kOo41:before {
    bottom: 100%;
    content: "";
    position: absolute;
    right: .75rem;
    --tw-translate-x: -50%;
    border-left: 5px solid transparent;
    border-radius: .125rem;
    border-right: 5px solid transparent;
    border-top-style: solid;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    border-bottom: 5px solid #fff;
    border-bottom-color: rgb(255 255 255/var(--tw-border-opacity))
}

.K2f7d {
    max-height: calc(100vh - 130px);
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

@media (max-width:1023px) {
    .K2f7d {
        max-height: calc(100vh - 175px)
    }
}

.K2f7d::-webkit-scrollbar {
    height: 0;
    width: 0
}

.WqtJ1 {
    align-items: center;
    background-color: #fdffff1a;
    border-radius: .25rem;
    display: flex;
    font-size: 1.25rem;
    height: 100%;
    justify-content: center;
    line-height: 1.75rem;
    overflow: hidden;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative;
    width: 39.19px;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

@media (min-width:1280px) {
    .WqtJ1 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.WqtJ1 span {
    position: relative;
    z-index: 10;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.betvip .WqtJ1 {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.WqtJ1.cJb63 {
    background-color: transparent;
    max-height: 60px;
    overflow: hidden;
    width: auto
}

.fOAap {
    align-items: center;
    border-radius: .375rem;
    color: #000c;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1.25rem;
    text-transform: none;
    width: 100%
}

.fOAap.AnW2S {
    color: #00000080
}

.fOAap.s1PK7 {
    background-color: #5bdd6533
}

.fOAap.s1PK7.AnW2S {
    background-color: #f1416c1a;
    --tw-text-opacity: 1;
    color: #f1416c;
    color: rgb(241 65 108/var(--tw-text-opacity))
}

.I9SFw {
    height: 1rem;
    margin-right: .75rem;
    width: 1rem
}

.ouhy2 {
    border-top: 1px solid #ededed;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.btn-balance[data-v-80cc8658] {
    align-items: center;
    background-color: #fdffff1a;
    display: flex;
    flex-direction: column;
    line-height: 100%;
    max-height: 32px;
    row-gap: 0
}

@media (min-width:1024px) {
    .btn-balance[data-v-80cc8658] {
        max-height: 38px
    }
}

.btn-balance.betvip[data-v-80cc8658] {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65
}

.btn-balance.betvip svg[data-v-80cc8658] {
    fill: #fff
}

.btn-balance.betvip small[data-v-80cc8658] {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-deposit[data-v-80cc8658] {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    position: relative;
    --tw-shadow-color: #5bdd65;
    --tw-shadow: var(--tw-shadow-colored);
    height: 32px;
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width:1024px) {
    .btn-deposit[data-v-80cc8658] {
        height: 38px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.btn-deposit.betvip[data-v-80cc8658] {
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.btn-deposit[data-v-80cc8658]:after {
    box-shadow: 0 0 10px var(--tw-shadow-color);
    content: "";
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.animate[data-v-80cc8658] {
    animation: rotate-80cc8658 .6s linear infinite
}

@keyframes rotate-80cc8658 {
    to {
        transform: rotate(1turn)
    }
}

.buttons[data-v-2b009606] {
    display: flex;
    gap: 0;
    padding-top: 1px
}

@media (min-width:1280px) {
    .buttons[data-v-2b009606] {
        padding-top: 0
    }
}

.buttons.pix[data-v-2b009606] {
    flex-direction: row-reverse;
    gap: .5rem
}

@media (min-width:1024px) {
    .buttons.pix[data-v-2b009606] {
        gap: .75rem
    }
}

.buttons.leos[data-v-2b009606] {
    flex-direction: row-reverse;
    gap: .5rem
}

@media (min-width:1024px) {
    .buttons.leos[data-v-2b009606] {
        gap: .75rem
    }
}

.buttons .btn.default[data-v-2b009606] {
    font-size: .875rem;
    height: 30.88px;
    line-height: 1.25rem;
    color: #000000;
}

@media (min-width:1024px) {
    .buttons .btn.default[data-v-2b009606] {
        font-size: 1rem;
        height: 38px;
        line-height: 1.5rem
    }
}

.buttons .btn.pix[data-v-2b009606] {
    border-radius: .5rem;
    font-size: 1rem;
    font-weight: 600;
    height: 32px;
    letter-spacing: -.025em;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:1024px) {
    .buttons .btn.pix[data-v-2b009606] {
        height: 41px;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:1280px) {
    .buttons .btn.pix[data-v-2b009606] {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.buttons .btn.leos[data-v-2b009606] {
    font-weight: 600;
    letter-spacing: -.025em;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.buttons .btn-register[data-v-2b009606],
.buttons .btn.leos[data-v-2b009606] {
    font-size: 1rem;
    line-height: 1.5rem,
        background: var(--ci-primary-color);
}

.buttons .btn-register[data-v-2b009606] {
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding-left: .63rem;
    padding-right: .63rem
}

@media (min-width:1280px) {
    .buttons .btn-register[data-v-2b009606] {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.buttons .btn-register[data-v-2b009606] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center
}

.buttons .btn-register[data-v-2b009606]:hover {
    opacity: .4
}

.buttons .btn-register.default[data-v-2b009606] {
    color: #fdffff99;
    font-weight: 600
}

@media (min-width:768px) {
    .buttons .btn-register.default[data-v-2b009606] {
        color: #fdffff80;
        font-weight: 500
    }
}

.buttons .btn-register.default.betvip[data-v-2b009606] {
    color: #fdffffe6
}

.buttons .btn-register.pix[data-v-2b009606] {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: .75rem;
    padding-right: .75rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .buttons .btn-register.pix[data-v-2b009606] {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width:1280px) {
    .buttons .btn-register.pix[data-v-2b009606] {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.buttons .btn-register.pix[data-v-2b009606]:hover {
    opacity: .9
}

.buttons .btn-register.leos[data-v-2b009606] {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.buttons .btn-register.leos[data-v-2b009606]:hover {
    opacity: .9
}

.buttons .btn-login[data-v-2b009606] {
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    border-radius: .75rem;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .5rem .67rem
}

@media (min-width:1280px) {
    .buttons .btn-login[data-v-2b009606] {
        padding-left: .8rem;
        padding-right: .8rem
    }
}

.buttons .btn-login[data-v-2b009606] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap
}

.buttons .btn-login.leos[data-v-2b009606],
.buttons .btn-login.pix[data-v-2b009606] {
    font-size: .875rem;
    line-height: 1.25rem
}

.buttons .btn-login.leos[data-v-2b009606] {
    background-color: transparent;
    border-width: 1px;
    font-weight: 400;
    text-transform: uppercase
}

.buttons .btn-login.leos[data-v-2b009606]:hover {
    background-color: #ffffff80;
    opacity: 1
}

._04SGr {
    border-bottom: 1px rgba(253, 255, 255, .1);
    border-style: solid;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 40;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    margin-top: var(--3da4cbfa)
}

@media (min-width:1024px) {
    .mfldZ {
        padding-left: 70px
    }

    .mfldZ.-XINF {
        padding-left: 280px
    }
}

._8Wudd {
    align-items: center;
    display: flex;
    height: 54px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    padding: .5rem 15px;
    width: 100%
}

@media (min-width:1024px) {
    ._8Wudd {
        height: 4rem;
        padding-left: .5rem;
        padding-right: 1rem
    }
}

.wX2-n {
    align-items: center;
    display: flex;
    flex: 1 1 0%
}

@media (min-width:1280px) {
    .wX2-n {
        padding-left: .125rem
    }
}

@media (min-width:1024px) and (max-width:1630px) {
    .wX2-n:not(.-XINF) {
        left: 18rem;
        padding-left: .5rem;
        position: absolute
    }
}

.PiZoU {
    align-items: center;
    display: none;
    gap: 1.25rem;
    justify-content: flex-start;
    margin-right: 23px;
    position: relative;
    text-transform: uppercase;
    z-index: 50;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.PiZoU:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media (min-width:1024px) {
    .PiZoU {
        display: flex
    }
}

.PiZoU svg {
    margin-top: 1px;
    width: 19.5px
}

.fwsHK {
    align-items: center;
    display: none;
    justify-content: space-between;
    left: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
    top: .375rem;
    width: 280px
}

@media (min-width:1024px) {
    .fwsHK {
        display: flex
    }
}

.fwsHK {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.L1xyJ {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    opacity: .5;
    text-decoration-line: none
}

.L1xyJ:hover {
    opacity: 1
}

.L1xyJ svg {
    height: 1.2em;
    width: 1.2em
}

.betvip .L1xyJ svg {
    fill: #5bdd65;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.L1xyJ.gw-4z {
    opacity: 1
}

.L1xyJ.gw-4z:after {
    bottom: -.4rem;
    content: "";
    height: 3px;
    left: 5px;
    position: absolute;
    right: .375rem;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65
}

.sidebar-header[data-v-b7b4c0c9] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 1.25rem .5rem
}

@media (min-width:1024px) {
    .sidebar-header[data-v-b7b4c0c9] {
        display: none
    }
}

.sidebar-header .close-menu[data-v-b7b4c0c9] {
    align-items: center;
    border-radius: 9999px;
    cursor: pointer;
    display: flex;
    height: 1.75rem;
    justify-content: center;
    width: 1.75rem;
    --tw-bg-opacity: 1;
    background-color: #3f4142;
    background-color: rgb(63 65 66/var(--tw-bg-opacity))
}

.sidebar-header .close-menu svg[data-v-b7b4c0c9] {
    height: 1rem;
    width: 1rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.sidebar-content[data-v-b7b4c0c9],
.sidebar-content.pix[data-v-b7b4c0c9] {
    padding-bottom: 0
}

.sidebar-content .sidebar-toggle[data-v-b7b4c0c9] {
    border-bottom: 1px;
    border-color: #fdffff1a;
    border-style: solid;
    padding: 1.5rem 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.sidebar-content .sidebar-toggle .menu-link[data-v-b7b4c0c9] {
    align-items: center;
    color: #fdffffb3;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    gap: .75rem;
    justify-content: flex-start;
    line-height: 1.25rem;
    padding-bottom: .625rem;
    padding-top: .625rem;
    transition-property: none
}

.sidebar-content .sidebar-toggle .menu-link svg[data-v-b7b4c0c9] {
    font-size: 21px
}

.sidebar-content .sidebar-toggle .menu-link img[data-v-b7b4c0c9] {
    height: 20px;
    width: 20px;
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.sidebar-content .sidebar-toggle .menu-link.active[data-v-b7b4c0c9],
.sidebar-content .sidebar-toggle .menu-link[data-v-b7b4c0c9]:hover {
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    opacity: 1
}

.sidebar-content .sidebar-toggle .menu-link.active img[data-v-b7b4c0c9],
.sidebar-content .sidebar-toggle .menu-link:hover img[data-v-b7b4c0c9] {
    --tw-grayscale: grayscale(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(0) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.sidebar-content .sidebar-toggle .menu-title[data-v-b7b4c0c9] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: .25rem;
    padding-top: 1px;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.sidebar-content .sidebar-toggle .menu-title svg[data-v-b7b4c0c9] {
    font-size: 16px;
    margin-right: -1px;
    padding-top: .125rem
}

.sidebar-content .sidebar-highlight[data-v-b7b4c0c9] {
    border-bottom: 1px;
    border-color: #fdffff1a;
    border-style: solid;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    padding: 1.25rem;
    transition-property: none
}

.sidebar-content .highlight-link[data-v-b7b4c0c9] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .5rem;
    justify-content: space-between;
    line-height: 1.25rem;
    min-height: 50px;
    min-width: 100%;
    overflow: hidden;
    padding: .5rem 18px;
    position: relative;
    width: 100%
}

.sidebar-content .highlight-link[data-v-b7b4c0c9]:hover {
    opacity: .9
}

.sidebar-content .highlight-link[data-v-b7b4c0c9]:after {
    background-image: linear-gradient(to top, hsla(0, 0%, 100%, .2) var(--tw-gradient-from-position), rgba(0, 0, 0, .2) var(--tw-gradient-to-position));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    --tw-gradient-from: hsla(0, 0%, 100%, .2) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(0, 0, 0, .2) var(--tw-gradient-to-position);
    mix-blend-mode: overlay;
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

.sidebar-content .highlight-link .lightEffect[data-v-b7b4c0c9],
.sidebar-content .highlight-link .lightEffect[data-v-b7b4c0c9]:before,
.sidebar-content .highlight-link[data-v-b7b4c0c9]:before {
    background-image: linear-gradient(to right, hsla(0, 0%, 100%, 0) var(--tw-gradient-from-position), hsla(0, 0%, 100%, .7) var(--tw-gradient-via-position), hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    bottom: 0;
    height: 3px;
    left: 20%;
    position: absolute;
    right: 20%;
    --tw-gradient-from: hsla(0, 0%, 100%, 0) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .7) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    mix-blend-mode: overlay;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
    filter: blur(1px)
}

.sidebar-content .highlight-link .lightEffect[data-v-b7b4c0c9] {
    left: 25%;
    right: 25%;
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .8) var(--tw-gradient-via-position), var(--tw-gradient-to);
    filter: blur(3px)
}

.sidebar-content .highlight-link .lightEffect[data-v-b7b4c0c9]:before {
    bottom: -4px;
    height: 8px;
    left: 25%;
    right: 25%;
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .6) var(--tw-gradient-via-position), var(--tw-gradient-to);
    filter: blur(5px)
}

.sidebar-content .highlight-link .highlight-title[data-v-b7b4c0c9] {
    --tw-shadow-color: #000;
    --tw-shadow: var(--tw-shadow-colored);
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.sidebar-content .highlight-link .ico[data-v-b7b4c0c9] {
    margin-right: -.25rem
}

.sidebar-content .highlight-link .ico .emoji[data-v-b7b4c0c9] {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: -.25rem;
    margin-top: -.25rem;
    --tw-shadow-color: #000;
    --tw-shadow: var(--tw-shadow-colored);
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.sidebar-content .highlight-link.btn-sponsor[data-v-b7b4c0c9] {
    --tw-bg-opacity: 1;
    background-color: #3f4142;
    background-color: rgb(63 65 66/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.sidebar-content .highlight-link.btn-sponsor[data-v-b7b4c0c9]:after {
    --tw-gradient-from: hsla(0, 0%, 100%, .2) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(0, 0, 0, .1) var(--tw-gradient-to-position)
}

.sidebar-content .highlight-link.btn-sponsor.lightEffect[data-v-b7b4c0c9],
.sidebar-content .highlight-link.btn-sponsor[data-v-b7b4c0c9]:before {
    opacity: .5
}

.sidebar-content .highlight-link.btn-bonus[data-v-b7b4c0c9] {
    background-color: #5bdd65;
    background-color: #5bdd65
}

.sidebar-content .highlight-link.btn-bonus[data-v-b7b4c0c9],
.sidebar-content .highlight-link.btn-vip[data-v-b7b4c0c9] {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: #ffffff;
    /* color: rgb(255 255 255/var(--tw-text-opacity)) */
}

.sidebar-content .highlight-link.btn-vip[data-v-b7b4c0c9] {
    background-color: #3f4142;
    background-color: rgb(63 65 66/var(--tw-bg-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    position: relative
}

.sidebar-content .highlight-link.btn-vip.mission[data-v-b7b4c0c9] {
    background-color: var(--57c75da0)
}

.sidebar-content .highlight-link.btn-vip.tournament[data-v-b7b4c0c9] {
    background-color: var(--98b5d556)
}

.sidebar-content .highlight-link.btn-vip .highlight-title[data-v-b7b4c0c9] {
    display: flex;
    flex-direction: column;
    line-height: .75rem
}

.sidebar-content .highlight-link.btn-vip .highlight-title small[data-v-b7b4c0c9] {
    font-size: .75em;
    font-weight: 600;
    opacity: .7
}

@media screen and (min-width:1024px) {
    .sidebar-content.closed .sidebar-highlight[data-v-b7b4c0c9] {
        padding: .625rem 0;
        width: 70px
    }

    .sidebar-content.closed .sidebar-toggle[data-v-b7b4c0c9] {
        padding: 0;
        width: 70px
    }

    .sidebar-content.closed .highlight-title[data-v-b7b4c0c9],
    .sidebar-content.closed .menu-link span[data-v-b7b4c0c9],
    .sidebar-content.closed .menu-title[data-v-b7b4c0c9] {
        display: none
    }

    .sidebar-content.closed .menu-link[data-v-b7b4c0c9] {
        background-color: #fdffff80
    }

    .sidebar-content.closed .menu-link[data-v-b7b4c0c9],
    .sidebar-content.closed .menu-link svg[data-v-b7b4c0c9] {
        --tw-invert: invert(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) invert(100%) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .sidebar-content.closed .menu-link svg[data-v-b7b4c0c9] {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sidebar-content.closed .menu-link.active[data-v-b7b4c0c9] {
        --tw-text-opacity: 1;
        color: #5bdd65;
        color: #5bdd65
    }

    .sidebar-content.closed .highlight-link[data-v-b7b4c0c9],
    .sidebar-content.closed .menu-link[data-v-b7b4c0c9] {
        align-items: center;
        border-radius: .25rem;
        display: flex;
        height: 50px;
        justify-content: center;
        margin-bottom: .375rem;
        margin-left: auto;
        margin-right: auto;
        width: 50px
    }

    .sidebar-content.closed .highlight-link[data-v-b7b4c0c9] {
        margin-bottom: 0;
        min-height: 50px;
        min-width: 50px;
        padding: 0
    }

    .sidebar-content.closed .highlight-link .ico[data-v-b7b4c0c9] {
        margin-right: 0
    }

    .sidebar-content.closed .highlight-link.btn-vip .highlight-title[data-v-b7b4c0c9] {
        display: none
    }
}

.sidebar[data-v-823624d3] {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 555;
    --tw-translate-x: -100%;
    border-right: 1px;
    border-color: #ffffff1a;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    border-style: solid;
    overflow: hidden;
    overflow-y: auto;
    transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    white-space: nowrap;
    --tw-border-opacity: .1;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity))
}

@media (min-width:1024px) {
    .sidebar[data-v-823624d3] {
        top: 65px;
        width: 70px;
        --tw-translate-x: 0px;
        transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.sidebar .menu-wrapper[data-v-823624d3] {
    min-width: 279px;
    padding-bottom: 3.5rem;
    width: 100%
}

@media (min-width:1024px) {
    .sidebar .menu-wrapper[data-v-823624d3] {
        padding-bottom: 0
    }
}

.open[data-v-823624d3] {
    --tw-translate-x: 0px;
    transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:1024px) {
    .open[data-v-823624d3] {
        width: 280px;
        z-index: 10
    }
}

.vjMyX {
    align-items: center;
    background-color: #000000b3;
    border: 1px solid rgba(110, 231, 110, 0.7) !important;
    border-radius: 9999px;
    bottom: -1.25rem;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: .75rem;
    gap: .25rem;
    left: 50%;
    line-height: 1rem;
    padding: .25rem .5rem;
    position: fixed;
    text-align: center;
    white-space: nowrap;
    z-index: 50;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    opacity: 0;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.vjMyX:hover {
    background-color: #000000e6;
    border-color: #5bdd65e6
}

@media (min-width:1024px) {
    .vjMyX {
        gap: .5rem;
        padding: .375rem .75rem
    }
}

.vjMyX {
    transform: var(--704b4e88)
}

.pix .vjMyX {
    --tw-translate-x: -50%;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.vjMyX.c-B-4 {
    bottom: 62px;
    opacity: 1
}

@media (min-width:1024px) {
    .vjMyX.c-B-4 {
        bottom: 20px
    }
}

.pix .vjMyX.c-B-4 {
    bottom: 20px
}

.vjMyX.ZY02O {
    bottom: 7rem
}

@media (min-width:1024px) {
    .vjMyX.ZY02O {
        bottom: 1rem
    }
}

.patronage-img[data-v-a1314997] {
    height: var(--0e1da4e4);
    -o-object-fit: contain;
    object-fit: contain;
    width: var(--08dce87f)
}

.patronage[data-v-fa7ae824] {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.patronage.pix[data-v-fa7ae824] {
    padding-top: 0
}

.patronage .title[data-v-fa7ae824] {
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:640px) {
    .patronage .title[data-v-fa7ae824] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.patronage .title.pix[data-v-fa7ae824] {
    margin-bottom: 1rem;
    text-transform: capitalize
}

.patronage .title.default[data-v-fa7ae824] {
    margin-bottom: -.25rem
}

@media (min-width:768px) {
    .patronage .title.default[data-v-fa7ae824] {
        margin-bottom: 0
    }
}

.patronage .highlight[data-v-fa7ae824] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.patronage .logos[data-v-fa7ae824] {
    align-items: stretch;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.patronage .logos.pix[data-v-fa7ae824] {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1.5rem
}

.footer-link[data-v-ad9f6b82] {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.footer-link a[data-v-ad9f6b82] {
    align-items: center;
    display: inline-flex;
    font-size: .75rem;
    gap: 2px;
    justify-content: flex-start;
    line-height: 1.25rem;
    padding: .25rem .5rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: #adadad;
    color: rgb(173 173 173/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .footer-link a[data-v-ad9f6b82] {
        font-size: .84rem
    }
}

@media (min-width:1024px) {
    .footer-link a[data-v-ad9f6b82] {
        justify-content: center
    }
}

.footer-link a svg[data-v-ad9f6b82] {
    height: .8em;
    width: .8em;
    fill: currentColor;
    color: currentColor
}

.footer-link a.leos[data-v-ad9f6b82] {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.footer-link a.leos[data-v-ad9f6b82]:hover {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.footer-link a.leos svg[data-v-ad9f6b82] {
    display: none
}

.footer-link a[data-v-ad9f6b82]:hover {
    opacity: .8
}

.menu[data-v-d5444c49] {
    justify-content: center;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:1024px) {
    .menu[data-v-d5444c49] {
        justify-content: flex-start
    }
}

@media (min-width:1280px) {
    .menu[data-v-d5444c49] {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.menu .footer-title[data-v-d5444c49] {
    text-align: center;
    white-space: nowrap
}

@media (min-width:1024px) {
    .menu .footer-title[data-v-d5444c49] {
        text-align: left
    }
}

.links-wrap[data-v-d5444c49] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    margin-right: 0
}

@media (min-width:768px) {
    .links-wrap[data-v-d5444c49] {
        margin-left: -.5rem;
        margin-right: -.5rem
    }
}

@media (min-width:1024px) {
    .links-wrap[data-v-d5444c49] {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start
    }
}

.RiFZh svg {
    height: 1.5rem;
    width: auto
}

.social_link[data-v-4a8722f9] {
    align-items: center;
    display: flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    border-radius: 9999px;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.social_link[data-v-4a8722f9]:hover {
    opacity: 1;
    --tw-bg-opacity: 1;
    background-color: #5bdd65;
    background-color: #5bdd65;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.social_link.pix[data-v-4a8722f9] {
    background-color: transparent;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    opacity: 1;
    width: 1.25rem
}

@media (min-width:1024px) {
    .social_link.pix[data-v-4a8722f9] {
        font-size: 1.125rem;
        line-height: 1.75rem;
        width: 1.5rem
    }
}

.social_link.pix[data-v-4a8722f9]:hover {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.icons[data-v-0a4b127c] {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    gap: .25rem;
    justify-content: flex-start;
    width: 100%
}

@media (min-width:768px) {
    .icons[data-v-0a4b127c] {
        gap: .5rem;
        justify-content: center
    }
}

.icons.pix[data-v-0a4b127c] {
    flex-wrap: nowrap;
    gap: .125rem
}

@media (min-width:1024px) {
    .icons.pix[data-v-0a4b127c] {
        gap: .5rem
    }
}

.icons.pix a[data-v-0a4b127c] {
    display: none
}

@media (min-width:1280px) {
    .icons.pix a[data-v-0a4b127c] {
        display: flex
    }
}

.icons.pix a[data-v-0a4b127c]:first-child {
    display: flex
}

.icons.pix a[data-v-0a4b127c]:nth-child(2) {
    display: none
}

@media (min-width:768px) {
    .icons.pix a[data-v-0a4b127c]:nth-child(2) {
        display: flex
    }
}

.text-section[data-v-49e6a0b2] {
    position: relative
}

.footer-text-dynamic[data-v-49e6a0b2] {
    font-size: .65rem;
    line-height: 1rem;
    text-align: center
}

@media (min-width:768px) {
    .footer-text-dynamic[data-v-49e6a0b2] {
        font-size: .7rem;
        line-height: 1.25rem
    }
}

.footer-text-dynamic p[data-v-49e6a0b2] {
    margin-bottom: 1rem
}

.footer-text-dynamic b[data-v-49e6a0b2],
.footer-text-dynamic strong[data-v-49e6a0b2] {
    font-weight: 600
}

.footer-text-dynamic hr[data-v-49e6a0b2] {
    --tw-border-opacity: 1;
    border-top: 1px #fff;
    border-style: solid;
    border-top-color: rgb(255 255 255/var(--tw-border-opacity));
    opacity: .2
}

.toggle-btn[data-v-49e6a0b2] {
    background-image: linear-gradient(to top, #323637 var(--tw-gradient-from-position), transparent var(--tw-gradient-to-position));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    bottom: .75rem;
    position: absolute;
    width: 100%;
    z-index: 10;
    --tw-gradient-from: #323637 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(50, 54, 55, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    color: #ffffffb3;
    font-size: .7rem;
    padding-top: 2rem
}

.toggle-btn[data-v-49e6a0b2]:hover {
    opacity: 1
}

@media (min-width:768px) {
    .toggle-btn[data-v-49e6a0b2] {
        bottom: 1.25rem
    }
}

.toggle-btn.open[data-v-49e6a0b2] {
    padding-top: 0
}

.pix .toggle-btn[data-v-49e6a0b2] {
    background-image: linear-gradient(to top, #323637 var(--tw-gradient-from-position), transparent var(--tw-gradient-to-position));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    --tw-gradient-from: #323637 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(50, 54, 55, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.brazilians-section[data-v-f2f1b96c] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 2rem;
    position: relative;
    width: 100%
}

.brazilians-section .img-br[data-v-f2f1b96c] {
    border-radius: .375rem;
    height: 1.5rem
}

.brazilians-section p[data-v-f2f1b96c] {
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .brazilians-section p[data-v-f2f1b96c] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.brazilians-section.pix .img-br[data-v-f2f1b96c] {
    border-width: 1px;
    height: 1.5rem;
    margin-bottom: 0
}

@media (min-width:768px) {
    .brazilians-section.pix .img-br[data-v-f2f1b96c] {
        height: 2rem;
        margin-bottom: .25rem
    }
}

.brazilians-section.pix p[data-v-f2f1b96c] {
    font-size: .875rem;
    line-height: 1.25rem
}

.footer-section[data-v-ab4d9e3a] {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: .5rem;
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    text-align: center;
    width: 100%
}

@media (min-width:640px) {
    .footer-section[data-v-ab4d9e3a] {
        flex-direction: row;
        text-align: left
    }
}

.footer-section.pix[data-v-ab4d9e3a] {
    flex-direction: column-reverse;
    gap: 1.5rem
}

@media (min-width:1024px) {
    .footer-section.pix[data-v-ab4d9e3a] {
        flex-direction: row-reverse;
        gap: 2rem
    }
}

.footer-section .register-section[data-v-ab4d9e3a] {
    font-size: .66rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.footer-section .cactus-license__seals[data-v-ab4d9e3a] {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.25rem
}

.footer-section .cactus-license__seals a[data-v-ab4d9e3a] {
    margin-left: auto;
    margin-right: auto
}

.image[data-v-139dfb62] {
    height: 1.75rem;
    max-width: 10em;
    width: auto
}

@media (min-width:1024px) {
    .image[data-v-139dfb62] {
        height: 3rem
    }
}

.image.pix[data-v-139dfb62] {
    height: 2.5rem;
    max-width: 100%
}

@media (min-width:1024px) {
    .image.pix[data-v-139dfb62] {
        height: 3rem
    }
}

.parent-advisor,
.secure-site {
    height: 2.5rem;
    max-width: 10rem;
    width: auto;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.footer-seals {
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem;
    row-gap: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (min-width:768px) {
    .footer-seals {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        padding: 1.5rem;
        row-gap: 1rem
    }
}

.footer-seals.pix {
    gap: .75rem;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:1024px) {
    .footer-seals.pix {
        width: 66.666667%
    }
}

.footer-seals.pix .pix-logo {
    order: 3
}

.footer-seals.pix .gt-logo {
    order: 4
}

.footer-seals.pix .secure-site {
    display: none
}

.footer-emails[data-v-14a09f44] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: .65rem;
    gap: 0;
    justify-content: center;
    padding-bottom: 1rem;
    text-align: center;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:640px) {
    .footer-emails[data-v-14a09f44] {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .footer-emails[data-v-14a09f44] {
        font-size: .7rem;
        gap: .25rem;
        padding-bottom: 1.5rem
    }
}

.footer-email-box .footer-email[data-v-14a09f44] {
    color: #ffffff4d;
    display: inline-block;
    font-weight: 700;
    margin-right: .25rem
}

.footer-email-box a[data-v-14a09f44]:hover {
    text-decoration-line: underline
}

.footer-pipe[data-v-14a09f44] {
    display: none;
    margin-left: .25rem;
    margin-right: .25rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    opacity: .2
}

@media (min-width:640px) {
    .footer-pipe[data-v-14a09f44] {
        display: block
    }
}

.lang-item[data-v-a9ee144b] {
    align-items: center;
    background-color: #fdffff1a;
    border-radius: .25rem;
    color: #fdffffcc;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1rem;
    padding: .5rem .75rem
}

.listBox-wrapper[data-v-a9ee144b] {
    min-width: 6rem;
    width: auto;
    z-index: 30
}

.listBox-wrapper[data-v-a9ee144b],
.listBox-wrapper button[data-v-a9ee144b] {
    position: relative
}

.listBox-wrapper button[data-v-a9ee144b] {
    align-items: center;
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    gap: .375rem;
    z-index: 20;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .68rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .5rem 1rem;
    text-align: left
}

.listBox-wrapper button[data-v-a9ee144b]:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.listBox-wrapper .listBox-options[data-v-a9ee144b] {
    max-height: 15rem;
    min-width: 100%;
    position: absolute;
    z-index: 10
}

.listBox-wrapper ul[data-v-a9ee144b] {
    border-radius: .25rem;
    cursor: pointer;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: .68rem;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.listBox-wrapper ul[data-v-a9ee144b]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.listBox-wrapper ul a[data-v-a9ee144b] {
    background-color: transparent;
    padding: .5rem 1rem
}

.listBox-wrapper ul a[data-v-a9ee144b]:hover {
    background-color: #5bdd651a;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.listBox-wrapper ul a svg[data-v-a9ee144b] {
    flex: none;
    margin-left: 0
}

.listBox-wrapper ul a span[data-v-a9ee144b] {
    margin-right: auto
}

.listBox-wrapper.pix button[data-v-a9ee144b] {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.listBox-wrapper.pix button .angle-down[data-v-a9ee144b] {
    height: .5rem;
    width: .5rem
}

.listBox-wrapper.pix .listBox-options[data-v-a9ee144b] {
    padding-top: .25rem
}

.listBox-wrapper.default button[data-v-a9ee144b] {
    background-color: #fdffff0d;
    border: 1px solid rgba(253, 255, 255, .1);
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.listBox-wrapper.default button .flag[data-v-a9ee144b] {
    height: 1rem;
    width: 1rem
}

.listBox-wrapper.default .listBox-options[data-v-a9ee144b] {
    bottom: 0;
    padding-bottom: 2.75rem
}

.listBox-wrapper.default ul[data-v-a9ee144b] {
    border: 1px solid rgba(253, 255, 255, .1)
}

.listBox-wrapper.default ul li[data-v-a9ee144b] {
    white-space: nowrap
}

.listBox-wrapper.default ul .flag[data-v-a9ee144b] {
    height: 1rem;
    width: 1rem
}

.lang-item[data-v-39301950] {
    align-items: center;
    background-color: #fdffff1a;
    border-radius: .25rem;
    color: #fdffffcc;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1rem;
    padding: .5rem .75rem
}

.lang-item.active[data-v-39301950] {
    background-color: #5bdd6533
}

#casino-auth[data-v-38866aaf] {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    opacity: 0;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 100%;
    z-index: 80
}

@media (min-width:768px) {
    #casino-auth[data-v-38866aaf] {
        display: none
    }
}

#casino-auth.default[data-v-38866aaf] {
    margin-bottom: 3rem
}

#casino-auth .close[data-v-38866aaf] {
    align-items: flex-end;
    background-color: #212425b3;
    display: flex;
    font-size: 1.5rem;
    height: 100%;
    justify-content: flex-end;
    line-height: 2rem;
    padding: .625rem;
    position: relative;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

#casino-auth .casino-auth__content[data-v-38866aaf] {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    box-shadow: 0 0 2rem #0006
}

#casino-auth .casino-auth__content .casino-auth__body[data-v-38866aaf] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 28rem;
    padding: 1.5rem 1rem 2rem
}

#casino-auth .casino-auth__content .casino-auth__body .casino-auth__game[data-v-38866aaf] {
    display: flex;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1.5rem;
    width: 100%
}

#casino-auth .casino-auth__content .casino-auth__body .casino-auth__game .casino-auth__image[data-v-38866aaf] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    max-width: 150px;
    overflow: hidden;
    position: relative;
    width: 100%
}

#casino-auth .casino-auth__content .casino-auth__body .casino-auth__game .casino-auth__image .skeleton-loading[data-v-38866aaf] {
    aspect-ratio: 1/1;
    height: 100%;
    width: 100%
}

#casino-auth .casino-auth__content .casino-auth__body .casino-auth__game .casino-auth__image img[data-v-38866aaf] {
    aspect-ratio: 1/1;
    border-radius: .5rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

#casino-auth .casino-auth__content .casino-auth__body .casino-auth__game .casino-auth__info[data-v-38866aaf] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#casino-auth .casino-auth__content .casino-auth__body .casino-auth__game .casino-auth__info h3[data-v-38866aaf] {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin: 0;
    width: 100%;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

#casino-auth .casino-auth__content .casino-auth__body .casino-auth__game .casino-auth__info h3 .skeleton-loading[data-v-38866aaf] {
    height: 1.25rem;
    width: 100%
}

#casino-auth .casino-auth__content .casino-auth__body .casino-auth__game .casino-auth__info h4[data-v-38866aaf] {
    color: #fdffffb3;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    opacity: .7;
    width: 100%
}

#casino-auth .casino-auth__content .casino-auth__body .casino-auth__game .casino-auth__info h4 .skeleton-loading[data-v-38866aaf] {
    height: 1.25rem;
    margin-top: .5rem;
    width: 60%
}

#casino-auth .casino-auth__content .casino-auth__body .btn[data-v-38866aaf] {
    align-items: center;
    display: flex;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    padding: .75rem;
    width: 100%
}

#casino-auth.opened[data-v-38866aaf] {
    opacity: 1;
    visibility: visible
}

#casino-auth.opened .casino-auth__content[data-v-38866aaf] {
    transform: translateY(0)
}

#casino-auth.opened .casino-auth__body .casino-auth__game .casino-auth__image[data-v-38866aaf] {
    opacity: 1
}

.footer[data-v-d2af6559] {
    border-color: #adadad4d;
    border-top: 1px hsla(0, 0%, 68%, .3);
    border-style: solid;
    position: relative;
    z-index: 9
}

.footer .footer-content[data-v-d2af6559] {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding: 1rem 1rem 100px
}

@media (min-width:1024px) {
    .footer .footer-content[data-v-d2af6559] {
        padding-bottom: 70px;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.footer .footer-section[data-v-d2af6559] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    position: relative
}

.footer .footer-section[data-v-d2af6559]:first-child {
    padding-top: 0
}

@media (min-width:768px) {
    .footer .footer-section[data-v-d2af6559] {
        gap: 1.25rem
    }
}

@media (min-width:1024px) {
    .footer .footer-section[data-v-d2af6559] {
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .footer .footer-section[data-v-d2af6559]:first-child {
        padding-top: 1.5rem
    }
}

.footer .footer-section[data-v-d2af6559]:after {
    height: 1px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    content: "";
    opacity: .2
}

.footer[data-v-d2af6559] .footer-title {
    font-weight: 700;
    margin-bottom: .5rem;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.footer.default[data-v-d2af6559] .footer-title {
    font-size: .875rem;
    line-height: 1.25rem;
    white-space: nowrap
}

@media (min-width:1024px) {
    .footer.default[data-v-d2af6559] .footer-title {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.mobile-menu-wrapper[data-v-c42cec75] {
    bottom: 0;
    left: 0;
    max-width: 100%;
    min-width: 100%;
    position: fixed;
    right: 0;
    top: auto;
    width: 100%;
    z-index: 599;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    transition-property: none
}

@media (min-width:1024px) {
    .mobile-menu-wrapper[data-v-c42cec75] {
        display: none
    }
}

.mobile-menu-wrapper[data-v-c42cec75] {
    box-shadow: 0 0 15px #0003
}

.mobile-menu-wrapper .mobile-menu[data-v-c42cec75] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem
}

.mobile-menu-wrapper .mobile-menu .btn[data-v-c42cec75] {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    font-size: .68rem;
    font-weight: 600;
    justify-content: center;
    position: relative;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    letter-spacing: -.02rem;
    padding: .7rem .4rem .6rem
}

.mobile-menu-wrapper .mobile-menu .btn svg[data-v-c42cec75] {
    height: auto;
    margin-bottom: 1px;
    margin-top: .125rem;
    opacity: .7;
    width: 1.6em;
    fill: currentColor !important;
    color: currentColor !important
}

.mobile-menu-wrapper .mobile-menu .btn .badge-live[data-v-c42cec75] {
    border-radius: 9999px;
    position: absolute;
    right: .375rem;
    top: .375rem;
    z-index: 2;
    --tw-bg-opacity: 1;
    background-color: #f1416c;
    background-color: rgb(241 65 108/var(--tw-bg-opacity));
    color: var(--color-light);
    font-size: .46rem
}

.mobile-menu-wrapper .mobile-menu .btn .badge-live.dot[data-v-c42cec75] {
    animation: blink-c42cec75 .8s linear infinite;
    display: inline-block;
    height: .25rem;
    width: .25rem
}

.mobile-menu-wrapper .mobile-menu .btn.active[data-v-c42cec75] {
    background-color: #21242566;
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65
}

.mobile-menu-wrapper .mobile-menu .btn.active svg[data-v-c42cec75] {
    opacity: 1
}

@keyframes blink-c42cec75 {
    60% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ljF7t {
    display: flex;
    flex-direction: column;
    margin-top: var(--b35874b6);
    min-height: 100vh;
    position: relative
}

.OQADN,
.ljF7t {
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity))
}

.OQADN {
    width: 100%
}

@media (min-width:1024px) {
    .OQADN {
        padding-left: 70px
    }
}

.OQADN {
    margin-top: var(--7a609b74)
}

@media (min-width:1024px) {
    .b4Nz6 {
        padding-left: 280px
    }
}

._7TeRp {
    width: 100%
}

@media (min-width:368px) {
    ._7TeRp {
        max-width: 368px
    }
}

@media (min-width:390px) {
    ._7TeRp {
        max-width: 390px
    }
}

@media (min-width:640px) {
    ._7TeRp {
        max-width: 640px
    }
}

@media (min-width:768px) {
    ._7TeRp {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    ._7TeRp {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    ._7TeRp {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    ._7TeRp {
        max-width: 1536px
    }
}

._7TeRp {
    margin-left: auto;
    margin-right: auto;
    max-width: 690px;
    position: relative;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem
}

@media (min-width:768px) {
    ._7TeRp {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1024px) {
    ._7TeRp {
        max-width: 1140px;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1.5rem
    }
}

@media (min-width:1280px) {
    ._7TeRp {
        padding-top: 2rem
    }
}

.sidebar[data-v-968e8261] {
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 80vw;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-drop-shadow: drop-shadow(0 0 15px rgba(0, 0, 0, .3));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 0 15px rgba(0, 0, 0, .3));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@media (min-width:640px) {
    .sidebar[data-v-968e8261] {
        width: 400px
    }
}

.open[data-v-968e8261] {
    left: -80vw;
    max-width: 80vw;
    z-index: 10
}

@media (min-width:640px) {
    .open[data-v-968e8261] {
        left: -400px;
        max-width: 400px
    }
}

@media (min-width:1536px) {
    .open[data-v-968e8261] {
        left: -400px
    }
}

.close[data-v-968e8261] {
    left: -100vw;
    z-index: -10
}

@media (min-width:640px) {
    .close[data-v-968e8261] {
        left: 0;
        max-width: 0
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    .sidebar[data-v-968e8261] {
        left: 0;
        position: fixed
    }
}

.menu[data-v-5cf47202] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .menu[data-v-5cf47202] {
        gap: 1.5rem
    }
}

.link[data-v-5cf47202] {
    align-items: center;
    border-bottom-width: 4px;
    border-style: solid;
    display: none;
    font-size: .875rem;
    font-weight: 600;
    height: 5rem;
    line-height: 1.25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .375rem
}

.link[data-v-5cf47202]:hover {
    opacity: 1
}

@media (min-width:640px) {
    .link[data-v-5cf47202] {
        display: flex
    }
}

@media (min-width:1024px) {
    .link[data-v-5cf47202] {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.menu[data-v-2d4f6876] {
    align-items: center;
    display: none;
    justify-content: flex-start;
    white-space: nowrap
}

@media (min-width:768px) {
    .menu[data-v-2d4f6876] {
        display: flex
    }
}

.gradient[data-v-94ea9314] {
    background-image: linear-gradient(to bottom, transparent var(--tw-gradient-from-position), #5bdd65 var(--tw-gradient-to-position));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #5bdd65 var(--tw-gradient-to-position);
    background-blend-mode: overlay;
    opacity: .5
}

.logos[data-v-183acf84] {
    background-image: url(../assets/payments/leos/logos-leos.png);
    background-repeat: no-repeat;
    background-size: 736px 670px;
    display: inline-block;
    margin: 6px
}

.visa[data-v-183acf84] {
    background-position: -687.5px -335px;
    height: 20px;
    width: 35.5px
}

.master[data-v-183acf84] {
    background-position: -687.5px -491px;
    height: 20px;
    width: 26.5px
}

.astropay[data-v-183acf84] {
    background-position: -527.5px -577px;
    height: 16px;
    width: 61px
}

.bb[data-v-183acf84] {
    background-position: -339.5px -529px;
    height: 16px;
    width: 92px
}

.bradesco[data-v-183acf84] {
    background-position: -245.5px -545px;
    height: 16px;
    width: 71px
}

.santander[data-v-183acf84] {
    background-position: -332.5px -410.5px;
    height: 13px;
    width: 75px
}

.ecopays[data-v-183acf84] {
    background-position: -594.5px -488px;
    height: 14px;
    width: 55px
}

.footer-title[data-v-c52c811d] {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

.logos[data-v-c52c811d] {
    background-image: url(../assets/payments/leos/logos-leos.png);
    background-repeat: no-repeat;
    background-size: 736px 670px;
    display: inline-block;
    margin: 6px
}

.london[data-v-c52c811d] {
    background-position: -351.5px -157.5px;
    height: 102px;
    width: 74px
}

.mobile[data-v-c52c811d] {
    background-position: -233px -222px;
    height: 102px;
    width: 106.5px
}

.online[data-v-c52c811d] {
    background-position: 0 -120px;
    height: 102px;
    width: 142px
}

.egr-nordics[data-v-c52c811d] {
    background-position: -120px -222px;
    height: 102px;
    width: 113px
}

.egr-operator[data-v-c52c811d] {
    background-position: -142px -120px;
    height: 102px;
    width: 117px
}

.footer-components[data-v-5c996e6f]>:not(:last-child) {
    border-bottom: 1px;
    border-color: #0003;
    border-style: solid
}

.content[data-v-c076a604] {
    width: 100%
}

@media (min-width:368px) {
    .content[data-v-c076a604] {
        max-width: 368px
    }
}

@media (min-width:390px) {
    .content[data-v-c076a604] {
        max-width: 390px
    }
}

@media (min-width:640px) {
    .content[data-v-c076a604] {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .content[data-v-c076a604] {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .content[data-v-c076a604] {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .content[data-v-c076a604] {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .content[data-v-c076a604] {
        max-width: 1536px
    }
}

.content[data-v-c076a604] {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity))
}

.open[data-v-c076a604] {
    left: 80vw
}

@media (min-width:640px) {
    .open[data-v-c076a604] {
        left: 400px
    }
}

@media (min-width:1536px) {
    .open[data-v-c076a604] {
        left: 200px
    }
}

.close[data-v-c076a604] {
    left: 0
}

@media (min-width:1200px) and (max-width:1600px) {
    .open[data-v-c076a604] {
        left: 400px;
        position: fixed
    }
}

.menu[data-v-8747ff54] {
    align-items: center;
    display: none;
    gap: 0;
    justify-content: flex-end;
    margin-left: .75rem;
    margin-right: auto;
    position: relative;
    z-index: 10;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .menu[data-v-8747ff54] {
        gap: .25rem
    }
}

@media (min-width:1024px) {
    .menu[data-v-8747ff54] {
        display: flex;
        gap: .25rem
    }
}

@media (min-width:1280px) {
    .menu[data-v-8747ff54] {
        gap: .5rem;
        margin-left: 1.25rem
    }
}

.link[data-v-8747ff54] {
    align-items: center;
    cursor: pointer;
    display: none;
    font-size: .875rem;
    gap: .5rem;
    line-height: 1.25rem;
    opacity: .8;
    padding-left: .25rem;
    padding-right: .25rem;
    white-space: nowrap
}

.link[data-v-8747ff54]:hover {
    opacity: 1
}

@media (min-width:640px) {
    .link[data-v-8747ff54] {
        display: flex
    }
}

@media (min-width:1024px) {
    .link[data-v-8747ff54] {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.link svg[data-v-8747ff54] {
    display: none;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:1536px) {
    .link svg[data-v-8747ff54] {
        display: flex
    }
}

.link svg[data-v-8747ff54] {
    font-size: 1.4em
}

.link.active[data-v-8747ff54],
.link[data-v-8747ff54]:hover {
    --tw-text-opacity: 1;
    color: #323637;
    color: rgb(50 54 55/var(--tw-text-opacity));
    opacity: 1;
    --tw-shadow-color: #5bdd65;
    --tw-shadow: var(--tw-shadow-colored)
}

.link.active svg[data-v-8747ff54],
.link:hover svg[data-v-8747ff54] {
    --tw-text-opacity: 1;
    color: #323637;
    color: rgb(50 54 55/var(--tw-text-opacity))
}

.header[data-v-f1f54445] {
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 40;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity))
}

@media (min-width:768px) {
    .header[data-v-f1f54445] {
        position: relative
    }
}

.header[data-v-f1f54445] {
    margin-top: var(--53d300d4)
}

.header-content-wrapper .header-content[data-v-f1f54445] {
    align-items: center;
    display: flex;
    height: 58px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%
}

@media (min-width:768px) {
    .header-content-wrapper .header-content[data-v-f1f54445] {
        height: 68px;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:1024px) {
    .header-content-wrapper .header-content[data-v-f1f54445] {
        height: 88px
    }
}

.header-content-wrapper .header-content .hamburger-menu[data-v-f1f54445] {
    align-items: center;
    display: flex;
    gap: 1.25rem;
    justify-content: flex-start;
    margin-right: .5rem;
    position: relative;
    text-transform: uppercase;
    z-index: 50;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {
    .header-content-wrapper .header-content .hamburger-menu[data-v-f1f54445] {
        display: none
    }
}

.header_social[data-v-f1f54445] {
    align-items: center;
    background-color: #5bdd654d;
    border-radius: 9999px;
    display: none;
    flex-wrap: nowrap;
    justify-content: center;
    margin-left: auto;
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width:390px) {
    .header_social[data-v-f1f54445] {
        display: flex
    }
}

@media (min-width:1024px) {
    .header_social[data-v-f1f54445] {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.header_social[data-v-f1f54445] {
    height: 32px;
    margin-right: .5rem
}

@media (min-width:1024px) {
    .header_social[data-v-f1f54445] {
        height: 45px;
        margin-right: .75rem
    }
}

.logo[data-v-f1f54445] {
    height: 5rem;
    margin-right: auto;
    max-height: 30px
}

@media (min-width:640px) {
    .logo[data-v-f1f54445] {
        max-height: 40px
    }
}

@media (min-width:768px) {
    .logo[data-v-f1f54445] {
        max-height: 42px
    }
}

@media (min-width:1024px) {
    .logo[data-v-f1f54445] {
        margin-right: 0;
        max-height: 44px
    }
}

@media (min-width:1280px) {
    .logo[data-v-f1f54445] {
        max-height: 57px
    }
}

.bt_link[data-v-310d5d24] {
    align-items: center;
    background-color: transparent;
    border-right: 1px rgba(33, 36, 37, .8);
    border-style: solid;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    font-size: .75rem;
    gap: .25rem;
    justify-content: center;
    line-height: 1rem;
    margin: 0;
    padding: .75rem 1rem;
    white-space: nowrap;
    width: auto;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity));
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.bt_link[data-v-310d5d24]:hover {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65;
    opacity: .9
}

@media (min-width:1024px) {
    .bt_link[data-v-310d5d24] {
        font-size: .875rem;
        line-height: 1.25rem;
        padding: 1rem 1.5rem
    }
}

@media (min-width:1280px) {
    .bt_link[data-v-310d5d24] {
        flex-direction: row
    }
}

.bt_link svg[data-v-310d5d24] {
    font-size: 1.5rem;
    line-height: 2rem
}

.bt_link.active[data-v-310d5d24] {
    --tw-text-opacity: 1;
    color: #5bdd65;
    color: #5bdd65;
    opacity: .9
}

.sidebar[data-v-0a806ab8] {
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: hidden;
    white-space: nowrap;
    width: 100%;
    z-index: 98
}

@media (min-width:1024px) {
    .sidebar[data-v-0a806ab8] {
        display: none
    }
}

.sidebar.open[data-v-0a806ab8] {
    opacity: 1;
    visibility: visible
}

.inset[data-v-0a806ab8] {
    bottom: 0;
    left: 0;
    max-width: 360px;
    min-width: 280px;
    position: absolute;
    top: 0;
    width: 70%;
    z-index: 10;
    --tw-translate-x: -100%;
    border-right: 1px rgba(253, 255, 255, .1);
    border-style: solid;
    overflow: hidden;
    overflow-y: auto;
    transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity))
}

.inset.open[data-v-0a806ab8] {
    --tw-translate-x: 0px;
    transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.close[data-v-0a806ab8] {
    background-color: #21242599;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.footer-copyright[data-v-e74c528c] {
    display: flex;
    font-size: .6rem;
    justify-content: center;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fdffff;
    color: rgb(253 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {
    .footer-copyright[data-v-e74c528c] {
        font-size: .7rem
    }
}

.footer-copyright[data-v-e74c528c] {
    align-items: center;
    flex-direction: column;
    gap: 0;
    padding-bottom: 1rem
}

@media (min-width:640px) {
    .footer-copyright[data-v-e74c528c] {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .footer-copyright[data-v-e74c528c] {
        gap: .25rem;
        padding-bottom: 1.5rem
    }
}

.footer-copyright p[data-v-e74c528c] {
    display: inline-block;
    margin-right: .25rem;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    opacity: .8
}

.footer[data-v-3574cddf] {
    position: relative;
    z-index: 30
}

.footer .container[data-v-3574cddf] {
    margin: 0 auto;
    max-width: 1200px
}

.footer .footer-menus[data-v-3574cddf] {
    --tw-border-opacity: 1;
    border-bottom: 4px #5bdd65;
    border-bottom-color: rgb(255 222 0/var(--tw-border-opacity));
    border-style: solid;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding: 1rem
}

@media (min-width:768px) {
    .footer .footer-menus[data-v-3574cddf] {
        padding: 1.5rem
    }
}

.footer .footer-menus .row[data-v-3574cddf] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: center
}

@media (min-width:768px) {
    .footer .footer-menus .row[data-v-3574cddf] {
        align-items: center;
        gap: 1rem
    }
}

@media (min-width:1024px) {
    .footer .footer-menus .row[data-v-3574cddf] {
        flex-direction: row
    }
}

.footer .footer-content[data-v-3574cddf] {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    padding: 1.5rem 1.5rem 65px
}

@media (min-width:1024px) {
    .footer .footer-content[data-v-3574cddf] {
        padding-bottom: 50px
    }
}

.footer .footer-section[data-v-3574cddf] {
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative
}

@media (min-width:768px) {
    .footer .footer-section[data-v-3574cddf] {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
}

.footer .footer-section[data-v-3574cddf]:after {
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #323637;
    background-color: rgb(50 54 55/var(--tw-bg-opacity));
    opacity: .9
}

.footer .bottom-row[data-v-3574cddf] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media (min-width:1024px) {
    .footer .bottom-row[data-v-3574cddf] {
        flex-direction: row
    }
}

.KMhkx {
    display: flex;
    flex-direction: column;
    margin-top: var(--021431c6);
    min-height: 100vh;
    position: relative
}

.KMhkx,
.gEfgQ {
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity))
}

.Km6l8,
.gEfgQ {
    width: 100%
}

@media (min-width:368px) {
    .Km6l8 {
        max-width: 368px
    }
}

@media (min-width:390px) {
    .Km6l8 {
        max-width: 390px
    }
}

@media (min-width:640px) {
    .Km6l8 {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .Km6l8 {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .Km6l8 {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .Km6l8 {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .Km6l8 {
        max-width: 1536px
    }
}

.Km6l8 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    z-index: 10
}

@media (min-width:768px) {
    .Km6l8 {
        padding-top: 0
    }
}

.s82ML {
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #212425;
    background-color: rgb(33 36 37/var(--tw-bg-opacity));
    padding-bottom: .5rem
}