*,::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: #453bf680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

: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;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

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

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

progress {
    vertical-align: initial
}

[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 {
    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 #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: 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] {
    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: 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")
}

@media (forced-colors:active) {
    [type=checkbox]:checked {
        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 {
        appearance: auto
    }
}

[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%
}

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

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

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

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

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

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

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

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

.appearance-none {
    appearance: none!important
}

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

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

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

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

.border-auth-texts\/10 {
    border-color: #fefefe1a!important
}

.border-auth-texts\/20 {
    border-color: #fefefe33!important
}

.border-auth-texts\/30 {
    border-color: #fefefe4d!important
}

.border-auth-texts\/60 {
    border-color: #fefefe99!important
}

.border-sidebar-links\/10 {
    border-color: #fefefe1a!important
}

.border-texts\/10 {
    border-color: #fefefe1a!important
}

.border-texts\/15 {
    border-color: #fefefe26!important
}

.border-texts\/20 {
    border-color: #fefefe33!important
}

.border-texts\/40 {
    border-color: #fefefe66!important
}

.border-texts\/5 {
    border-color: #fefefe0d!important
}

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

.border-b-texts\/0 {
    border-bottom-color: #fefefe00!important
}

.border-b-texts\/10 {
    border-bottom-color: #fefefe1a!important
}

.border-l-header-links\/10 {
    border-left-color: #fefefe1a!important
}

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

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

.border-t-texts\/10 {
    border-top-color: #fefefe1a!important
}

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

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

.bg-auth-texts\/10 {
    background-color: #fefefe1a!important
}

.bg-auth-texts\/5 {
    background-color: #fefefe0d!important
}

.bg-footer-texts\/20 {
    background-color: #fefefe33!important
}

.bg-header-links\/10 {
    background-color: #fefefe1a!important
}

.bg-sidebar-links\/50 {
    background-color: #fefefe80!important
}

.bg-texts\/10 {
    background-color: #fefefe1a!important
}

.bg-texts\/15 {
    background-color: #fefefe26!important
}

.bg-texts\/20 {
    background-color: #fefefe33!important
}

.bg-texts\/40 {
    background-color: #fefefe66!important
}

.bg-texts\/5 {
    background-color: #fefefe0d!important
}

.bg-texts\/50 {
    background-color: #fefefe80!important
}

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

.bg-\[radial-gradient\(ellipse_at_center\,_rgba\(0\,0\,0\,0\.35\)_0\%\,_rgba\(0\,0\,0\,0\)_68\%\,_rgba\(0\,0\,0\,0\)_100\%\)\] {
    background-image: radial-gradient(ellipse at center,#00000059 0,#0000 68% 100%)!important
}

.from-\[\#00000050\] {
    --tw-gradient-from: #00000050 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-\[\#FFA726\] {
    --tw-gradient-from: #ffa726 var(--tw-gradient-from-position)!important;
    --tw-gradient-to: #ffa72600 var(--tw-gradient-to-position)!important;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)!important
}

.from-\[\#b91c1c\] {
    --tw-gradient-from: #b91c1c var(--tw-gradient-from-position)!important;
    --tw-gradient-to: #b91c1c00 var(--tw-gradient-to-position)!important;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)!important
}

.from-\[\#ffffff15\] {
    --tw-gradient-from: #ffffff15 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-\[\#ffffff30\] {
    --tw-gradient-from: #ffffff30 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-\[rgba\(255\,255\,255\,0\.2\)\] {
    --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
}

.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-\[var\(--bgColor\)\] {
    --tw-gradient-from: var(--bgColor) 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-\[var\(--bgDarkGradient\)\] {
    --tw-gradient-from: var(--bgDarkGradient) 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-\[var\(--primaryColor\)\] {
    --tw-gradient-from: var(--primaryColor) 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-\[var\(--topColorFinal\)\] {
    --tw-gradient-from: var(--topColorFinal) 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-auth-button-deposit-bg\/10 {
    --tw-gradient-from: #03de631a var(--tw-gradient-from-position)!important;
    --tw-gradient-to: #03de6300 var(--tw-gradient-to-position)!important;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)!important
}

.from-auth-button-deposit-bg\/20 {
    --tw-gradient-from: #03de6333 var(--tw-gradient-from-position)!important;
    --tw-gradient-to: #03de6300 var(--tw-gradient-to-position)!important;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)!important
}

.from-black\/10 {
    --tw-gradient-from: #0000001a 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-footer-bg-primary {
    --tw-gradient-from: #003628 var(--tw-gradient-from-position)!important;
    --tw-gradient-to: #00362800 var(--tw-gradient-to-position)!important;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)!important
}

.from-primary\/5 {
    --tw-gradient-from: #03de630d var(--tw-gradient-from-position)!important;
    --tw-gradient-to: #03de6300 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\/100 {
    --tw-gradient-from: #fff 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-\[\#eab308\] {
    --tw-gradient-to: #eab30800 var(--tw-gradient-to-position)!important;
    --tw-gradient-stops: var(--tw-gradient-from),#eab308 var(--tw-gradient-via-position),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-\[\#ffffff00\] {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position)!important
}

.to-\[rgba\(0\,54\,40\,0\.9\)\] {
    --tw-gradient-to: #003628e6 var(--tw-gradient-to-position)!important
}

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

.to-auth-button-deposit-bg\/5 {
    --tw-gradient-to: #03de630d var(--tw-gradient-to-position)!important
}

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

.to-primary\/20 {
    --tw-gradient-to: #03de6333 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
}

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

.fill-auth-texts\/50 {
    fill: #fefefe80!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
}

.text-auth-texts\/30 {
    color: #fefefe4d!important
}

.text-auth-texts\/40 {
    color: #fefefe66!important
}

.text-auth-texts\/50 {
    color: #fefefe80!important
}

.text-auth-texts\/60 {
    color: #fefefe99!important
}

.text-auth-texts\/70 {
    color: #fefefeb3!important
}

.text-auth-texts\/80 {
    color: #fefefecc!important
}

.text-footer-texts\/80 {
    color: #fefefecc!important
}

.text-game-subtitle\/80 {
    color: #fefefecc!important
}

.text-header-links\/50 {
    color: #fefefe80!important
}

.text-sidebar-links\/70 {
    color: #fefefeb3!important
}

.text-texts\/20 {
    color: #fefefe33!important
}

.text-texts\/30 {
    color: #fefefe4d!important
}

.text-texts\/40 {
    color: #fefefe66!important
}

.text-texts\/5 {
    color: #fefefe0d!important
}

.text-texts\/50 {
    color: #fefefe80!important
}

.text-texts\/60 {
    color: #fefefe99!important
}

.text-texts\/70 {
    color: #fefefeb3!important
}

.text-texts\/80 {
    color: #fefefecc!important
}

.text-texts\/90 {
    color: #fefefee6!important
}

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

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a!important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important
}

.shadow-\[-1px_1px_3px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: -1px 1px 3px #000000b3!important;
    --tw-shadow-colored: -1px 1px 3px var(--tw-shadow-color)!important
}

.shadow-\[0_0_15px_2px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 0 15px 2px #0000004d!important;
    --tw-shadow-colored: 0 0 15px 2px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[0_0_2px_2px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 2px 2px #00000080!important;
    --tw-shadow-colored: 0 0 2px 2px var(--tw-shadow-color)!important
}

.shadow-\[0_0_35px_50px_rgb\(0_0_0_\/90\%\)\] {
    --tw-shadow: 0 0 35px 50px #000000e6!important;
    --tw-shadow-colored: 0 0 35px 50px var(--tw-shadow-color)!important
}

.shadow-\[0_10px_8px_-7px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 10px 8px -7px #000c!important;
    --tw-shadow-colored: 0 10px 8px -7px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[1px_1px_0_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 1px 1px 0 #0003!important;
    --tw-shadow-colored: 1px 1px 0 var(--tw-shadow-color)!important
}

.shadow-\[1px_1px_0_rgba\(255\,255\,255\,0\.03\)\] {
    --tw-shadow: 1px 1px 0 #ffffff08!important;
    --tw-shadow-colored: 1px 1px 0 var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[1px_1px_0px_rgba\(var\(--primaryColorRGB\)\,0\.15\)\,_inset_1px_1px_3px_rgba\(0\,0\,0\,0\.2\)\],.shadow-\[1px_1px_0px_rgba\(var\(--primaryColorRGB\)\,0\.15\)\,inset_1px_1px_3px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 1px 1px 0px rgba(var(--primaryColorRGB),.15),inset 1px 1px 3px #0003!important;
    --tw-shadow-colored: 1px 1px 0px var(--tw-shadow-color),inset 1px 1px 3px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[1px_1px_3px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 1px 1px 3px #00000040!important;
    --tw-shadow-colored: 1px 1px 3px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[1px_1px_3px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 1px 1px 3px #00000080!important;
    --tw-shadow-colored: 1px 1px 3px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[1px_1px_5px_rgba\(0\,0\,0\,0\.1\)_inset\] {
    --tw-shadow: 1px 1px 5px #0000001a inset!important;
    --tw-shadow-colored: inset 1px 1px 5px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[1px_1px_5px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 1px 1px 5px #00000080!important;
    --tw-shadow-colored: 1px 1px 5px var(--tw-shadow-color)!important
}

.shadow-\[5px_5px_5px_rgb\(0_0_0_\/_30\%\)\] {
    --tw-shadow: 5px 5px 5px #0000004d!important;
    --tw-shadow-colored: 5px 5px 5px var(--tw-shadow-color)!important
}

.shadow-\[inset_0_-5px_5px_-5px_rgba\(0\,0\,0\,0\.5\)\,_0_-100px_0_100px_var\(--bgTopHeaderColor\)\] {
    --tw-shadow: inset 0 -5px 5px -5px #00000080,0 -100px 0 100px var(--bgTopHeaderColor)!important;
    --tw-shadow-colored: inset 0 -5px 5px -5px var(--tw-shadow-color),0 -100px 0 100px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: inset 0 0 0 1px #00000026!important;
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[inset_1px_1px_0px_1px_rgba\(0\,0\,0\,0\.1\)\,1px_1px_0_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: inset 1px 1px 0px 1px #0000001a,1px 1px 0 #ffffff1a!important;
    --tw-shadow-colored: inset 1px 1px 0px 1px var(--tw-shadow-color),1px 1px 0 var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-\[rgba\(0\,0\,0\,0\.7\)_-1px_1px_3px\] {
    --tw-shadow: #000000b3 -1px 1px 3px!important;
    --tw-shadow-colored: -1px 1px 3px var(--tw-shadow-color)!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
}

.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
}

.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: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow-black\/10 {
    --tw-shadow-color: #0000001a!important;
    --tw-shadow: var(--tw-shadow-colored)!important
}

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

.shadow-black\/30 {
    --tw-shadow-color: #0000004d!important;
    --tw-shadow: var(--tw-shadow-colored)!important
}

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

.shadow-primary\/20 {
    --tw-shadow-color: #03de6333!important;
    --tw-shadow: var(--tw-shadow-colored)!important
}

.shadow-primary\/50 {
    --tw-shadow-color: #03de6380!important;
    --tw-shadow: var(--tw-shadow-colored)!important
}

.shadow-transparent {
    --tw-shadow-color: #0000!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 {
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)!important
}

.drop-shadow-\[0_1px_0_rgba\(0\,0\,0\,0\.5\)\,0_2px_3px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-drop-shadow: drop-shadow(0 1px 0 #00000080,0 2px 3px #00000080)!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) var(--tw-drop-shadow)!important
}

.\[text-shadow\:_5px_5px_10px_rgba\(0\,_0\,_0\,_0\.9\)\] {
    text-shadow: 5px 5px 10px #000000e6!important
}

.after\:bg-transparent:after {
    background-color: initial!important;
    content: var(--tw-content)!important
}

.after\:shadow-\[inset_-1px_-1px_6px_0px_rgba\(0\,0\,0\,0\.8\)\]:after {
    content: var(--tw-content)!important;
    --tw-shadow: inset -1px -1px 6px 0px #000c!important;
    --tw-shadow-colored: inset -1px -1px 6px 0px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

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

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

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

.focus\:ring-primary\/50:focus {
    --tw-ring-color: #03de6380!important
}

.focus-visible\:ring-white\/75:focus-visible {
    --tw-ring-color: #ffffffbf!important
}

@media (min-width: 600px) {
    .sm600\:mb-\[10px\] {
        margin-bottom:10px!important
    }

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

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

    .sm600\:aspect-\[650\/310\] {
        aspect-ratio: 650/310!important
    }

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

    .sm600\:h-\[calc\(100vh_-_168px\)\] {
        height: calc(100vh - 168px)!important
    }

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

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

    .sm600\:flex-\[0_0_65\%\] {
        flex: 0 0 65%!important
    }

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

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

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

    .sm600\:text-\[1rem\] {
        font-size: 1rem!important
    }

    .sm600\:text-\[7px\] {
        font-size: 7px!important
    }

    .sm600\:text-\[calc\(1\.2rem\+1\.2vw\)\] {
        font-size: calc(1.2rem + 1.2vw)!important
    }

    .sm600\:leading-\[calc\(1\.2rem\+1\.2vw\)\] {
        line-height: calc(1.2rem + 1.2vw)!important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:mr-6 {
        margin-right: 1.5rem!important
    }

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

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

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

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

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

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

    .md\:block {
        display: block!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-16 {
        height: 4rem!important
    }

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

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

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

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

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

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

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

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

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

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

    .md\:h-\[auto\],.md\:h-auto {
        height: auto!important
    }

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

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

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

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

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

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

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

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

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

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

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

    .md\:w-10\/12 {
        width: 83.333333%!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:min-w-60 {
        min-width: 15rem!important
    }

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

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

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

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

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

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

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

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

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

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

    .md\:max-w-48 {
        max-width: 12rem!important
    }

    .md\:max-w-52 {
        max-width: 13rem!important
    }

    .md\:max-w-60 {
        max-width: 15rem!important
    }

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

    .md\:max-w-80 {
        max-width: 20rem!important
    }

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

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

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

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

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

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

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

    .md\:-translate-x-full {
        --tw-translate-x: -100%!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
    }

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

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

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))!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-start {
        align-items: flex-start!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-3 {
        gap: .75rem!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-8 {
        column-gap: 2rem!important
    }

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

    .md\:rounded-2xl,.md\:rounded-\[1rem\] {
        border-radius: 1rem!important
    }

    .md\:rounded-l-lg {
        border-bottom-left-radius: .5rem!important;
        border-top-left-radius: .5rem!important
    }

    .md\:rounded-r-none {
        border-bottom-right-radius: 0!important;
        border-top-right-radius: 0!important
    }

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

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

    .md\:bg-bg-primary {
        --tw-bg-opacity: 1!important;
        background-color: rgb(0 21 16/var(--tw-bg-opacity,1))!important
    }

    .md\:bg-bg-secondary {
        --tw-bg-opacity: 1!important;
        background-color: rgb(0 54 40/var(--tw-bg-opacity,1))!important
    }

    .md\:p-0 {
        padding: 0!important
    }

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

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

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

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

    .md\:p-7 {
        padding: 1.75rem!important
    }

    .md\:p-8 {
        padding: 2rem!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-7 {
        padding-left: 1.75rem!important;
        padding-right: 1.75rem!important
    }

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

    .md\:px-\[10px\] {
        padding-left: 10px!important;
        padding-right: 10px!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\:py-8 {
        padding-bottom: 2rem!important;
        padding-top: 2rem!important
    }

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

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

    .md\:pr-24 {
        padding-right: 6rem!important
    }

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

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

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

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

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

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

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

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

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

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

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

    .md\:text-\[1\.25rem\] {
        font-size: 1.25rem!important
    }

    .md\:text-\[13px\] {
        font-size: 13px!important
    }

    .md\:text-\[14px\] {
        font-size: 14px!important
    }

    .md\:text-\[15px\] {
        font-size: 15px!important
    }

    .md\:text-\[1em\] {
        font-size: 1em!important
    }

    .md\:text-\[1rem\],.md\:text-base {
        font-size: 1rem!important
    }

    .md\:text-base {
        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\:text-xs {
        font-size: .75rem!important;
        line-height: 1rem!important
    }

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

    .md\:opacity-100 {
        opacity: 1!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")
}

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

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

/*! tailwindcss v3.4.18 | 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;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

[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: 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: 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
}

.\!container {
    width: 100%!important
}

.container {
    width: 100%
}

@media (min-width: 360px) {
    .\!container {
        max-width:360px!important
    }

    .container {
        max-width: 360px
    }
}

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

    .container {
        max-width: 368px
    }
}

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

    .container {
        max-width: 390px
    }
}

@media (min-width: 412px) {
    .\!container {
        max-width:412px!important
    }

    .container {
        max-width: 412px
    }
}

@media (min-width: 600px) {
    .\!container {
        max-width:600px!important
    }

    .container {
        max-width: 600px
    }
}

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

    .container {
        max-width: 640px
    }
}

@media (min-width: 700px) {
    .\!container {
        max-width:700px!important
    }

    .container {
        max-width: 700px
    }
}

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

    .container {
        max-width: 768px
    }
}

@media (min-width: 900px) {
    .\!container {
        max-width:900px!important
    }

    .container {
        max-width: 900px
    }
}

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

    .container {
        max-width: 1024px
    }
}

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

    .container {
        max-width: 1280px
    }
}

@media (min-width: 1350px) {
    .\!container {
        max-width:1350px!important
    }

    .container {
        max-width: 1350px
    }
}

@media (min-width: 1400px) {
    .\!container {
        max-width:1400px!important
    }

    .container {
        max-width: 1400px
    }
}

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

    .container {
        max-width: 1536px
    }
}

@media (min-width: 1800px) {
    .\!container {
        max-width:1800px!important
    }

    .container {
        max-width: 1800px
    }
}

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

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

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.static {
    position: static!important
}

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

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

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

.sticky {
    position: sticky!important
}

.inset-0 {
    inset: 0!important
}

.inset-x-\[10px\] {
    left: 10px!important;
    right: 10px!important
}

.inset-x-\[12px\] {
    left: 12px!important;
    right: 12px!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bottom-0 {
    bottom: 0!important
}

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

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

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

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

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

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

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

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

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

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

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

.bottom-\[0\] {
    bottom: 0!important
}

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

.bottom-\[12\%\] {
    bottom: 12%!important
}

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

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

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

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

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

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

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

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

.bottom-\[unset\] {
    bottom: unset!important
}

.bottom-\[var\(--subMenuBottom\)\] {
    bottom: var(--subMenuBottom)!important
}

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

.left-0 {
    left: 0!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.left-\[unset\] {
    left: unset!important
}

.left-auto {
    left: auto!important
}

.left-full {
    left: 100%!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-6 {
    right: 1.5rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.right-\[69px\] {
    right: 69px!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-10 {
    top: 2.5rem!important
}

.top-12 {
    top: 3rem!important
}

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

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

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

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

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

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

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

.top-\[-1rem\] {
    top: -1rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-\[3\.7px\] {
    top: 3.7px!important
}

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

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

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

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

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

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

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

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

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

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

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

.top-\[unset\] {
    top: unset!important
}

.top-\[v-bind\(headerHeight\)\] {
    top: v-bind(headerHeight)!important
}

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

.isolate {
    isolation: isolate!important
}

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

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

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

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

.-z-\[1\] {
    z-index: -1!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-\[-15\] {
    z-index: -15!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.z-\[4\] {
    z-index: 4!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-\[600\] {
    z-index: 600!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.z-\[999\] {
    z-index: 999!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
}

.col-start-1 {
    grid-column-start: 1!important
}

.col-start-2 {
    grid-column-start: 2!important
}

.col-start-3 {
    grid-column-start: 3!important
}

.col-start-4 {
    grid-column-start: 4!important
}

.row-span-2 {
    grid-row: span 2/span 2!important
}

.float-right {
    float: right!important
}

.float-left {
    float: left!important
}

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

.-m-6 {
    margin: -1.5rem!important
}

.-m-7 {
    margin: -1.75rem!important
}

.-m-px {
    margin: -1px!important
}

.m-0 {
    margin: 0!important
}

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

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

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

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

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

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

.m-\[-5px_0_-20px_-5px\] {
    margin: -5px 0 -20px -5px!important
}

.m-\[0\.5rem_0_0\.5rem_4px\] {
    margin: .5rem 0 .5rem 4px!important
}

.m-\[0_5px\] {
    margin: 0 5px!important
}

.m-\[0_auto\] {
    margin: 0 auto!important
}

.m-\[1\.5px\] {
    margin: 1.5px!important
}

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

.m-\[4px_0_5px_8px\] {
    margin: 4px 0 5px 8px!important
}

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

.m-\[auto\],.m-auto {
    margin: auto!important
}

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

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

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

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

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

.-mx-\[18px\] {
    margin-left: -18px!important;
    margin-right: -18px!important
}

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

.-my-1\.5 {
    margin-bottom: -.375rem!important;
    margin-top: -.375rem!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-3 {
    margin-left: .75rem!important;
    margin-right: .75rem!important
}

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

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

.mx-\[-10px\] {
    margin-left: -10px!important;
    margin-right: -10px!important
}

.mx-\[-15px\] {
    margin-left: -15px!important;
    margin-right: -15px!important
}

.mx-\[-6px\] {
    margin-left: -6px!important;
    margin-right: -6px!important
}

.mx-\[10\%\] {
    margin-left: 10%!important;
    margin-right: 10%!important
}

.mx-\[auto\],.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

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

.my-0\.5 {
    margin-bottom: .125rem!important;
    margin-top: .125rem!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
}

.my-6 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}

.my-\[1px\] {
    margin-bottom: 1px!important;
    margin-top: 1px!important
}

.my-\[2px\] {
    margin-bottom: 2px!important;
    margin-top: 2px!important
}

.my-\[5px\] {
    margin-bottom: 5px!important;
    margin-top: 5px!important
}

.my-\[7px\] {
    margin-bottom: 7px!important;
    margin-top: 7px!important
}

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

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

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

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

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

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

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

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

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

.-mb-\[16\%\] {
    margin-bottom: -16%!important
}

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

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

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

.-mb-\[33\%\] {
    margin-bottom: -33%!important
}

.-mb-px {
    margin-bottom: -1px!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-\[10px\] {
    margin-left: -10px!important
}

.-ml-\[19px\] {
    margin-left: -19px!important
}

.-ml-\[2px\] {
    margin-left: -2px!important
}

.-ml-\[30\%\] {
    margin-left: -30%!important
}

.-ml-\[38\%\] {
    margin-left: -38%!important
}

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

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

.-ml-\[6px\] {
    margin-left: -6px!important
}

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

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

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

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

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

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

.-mt-11 {
    margin-top: -2.75rem!important
}

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

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

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

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

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

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

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

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

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

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

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

.-mt-px {
    margin-top: -1px!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-12 {
    margin-bottom: 3rem!important
}

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

.mb-2\.5 {
    margin-bottom: .625rem!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-\[-15px\] {
    margin-bottom: -15px!important
}

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

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

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

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

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

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

.mb-\[5\%\] {
    margin-bottom: 5%!important
}

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

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

.ml-0 {
    margin-left: 0!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-6 {
    margin-left: 1.5rem!important
}

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

.ml-\[-10px\] {
    margin-left: -10px!important
}

.ml-\[-15px\] {
    margin-left: -15px!important
}

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

.ml-\[-2px\] {
    margin-left: -2px!important
}

.ml-\[1\.3rem\] {
    margin-left: 1.3rem!important
}

.ml-\[10px\] {
    margin-left: 10px!important
}

.ml-\[13px\] {
    margin-left: 13px!important
}

.ml-\[15px\] {
    margin-left: 15px!important
}

.ml-\[230px\] {
    margin-left: 230px!important
}

.ml-\[4px\] {
    margin-left: 4px!important
}

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

.ml-\[60px\] {
    margin-left: 60px!important
}

.ml-\[80\%\] {
    margin-left: 80%!important
}

.ml-\[82px\] {
    margin-left: 82px!important
}

.ml-\[83px\] {
    margin-left: 83px!important
}

.ml-\[unset\] {
    margin-left: unset!important
}

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

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

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

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

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

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

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

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

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

.mr-6 {
    margin-right: 1.5rem!important
}

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

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

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

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

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

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

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

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

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

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

.mr-\[50\%\] {
    margin-right: 50%!important
}

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

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

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

.mr-\[calc\(50\%_-_1\.5px\)\] {
    margin-right: calc(50% - 1.5px)!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-2 {
    margin-top: .5rem!important
}

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

.mt-3\.5 {
    margin-top: .875rem!important
}

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

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

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

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

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

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

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

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

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

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

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

.mt-\[0\.0685rem\] {
    margin-top: .0685rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

.mt-\[6\%\] {
    margin-top: 6%!important
}

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

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

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

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

.line-clamp-2 {
    display: -webkit-box!important;
    overflow: hidden!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 2!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
}

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

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

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

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

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

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

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

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

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

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

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

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

.h-0 {
    height: 0!important
}

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

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

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

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

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

.h-11 {
    height: 2.75rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-56 {
    height: 14rem!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-96 {
    height: 24rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100\%\+1px\)\] {
    height: calc(100% + 1px)!important
}

.h-\[calc\(100\%-2px\)\] {
    height: calc(100% - 2px)!important
}

.h-\[calc\(100\%-300px\)\] {
    height: calc(100% - 300px)!important
}

.h-\[calc\(100\%-732px\)\] {
    height: calc(100% - 732px)!important
}

.h-\[calc\(100\%-771px\)\] {
    height: calc(100% - 771px)!important
}

.h-\[calc\(100\%_\+_30px\)\] {
    height: calc(100% + 30px)!important
}

.h-\[calc\(100\%_-_2px\)\] {
    height: calc(100% - 2px)!important
}

.h-\[calc\(100vh-286px\)\] {
    height: calc(100vh - 286px)!important
}

.h-\[calc\(100vh-563px\)\] {
    height: calc(100vh - 563px)!important
}

.h-\[calc\(100vh_-_180px\)\] {
    height: calc(100vh - 180px)!important
}

.h-\[unset\] {
    height: unset!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-0 {
    max-height: 0!important
}

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

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

.max-h-48 {
    max-height: 12rem!important
}

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

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

.max-h-80 {
    max-height: 20rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-h-\[calc\(72vh\+90px\)\] {
    max-height: calc(72vh + 90px)!important
}

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

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

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

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

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

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

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

.min-h-28 {
    min-height: 7rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-0 {
    width: 0!important
}

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

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

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

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

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

.w-1\/4 {
    width: 25%!important
}

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

.w-11 {
    width: 2.75rem!important
}

.w-11\/12 {
    width: 91.666667%!important
}

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

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

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

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

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

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

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

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

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

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

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

.w-3\/4 {
    width: 75%!important
}

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

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

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

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

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

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

.w-48 {
    width: 12rem!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-96 {
    width: 24rem!important
}

.w-\[\'max-content\'\] {
    width: "max-content" !important
}

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

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

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

.w-\[1\.25rem\] {
    width: 1.25rem !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-\[101\%\] {
    width: 101% !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[calc\(100\%\+2rem\)\] {
    width: calc(100% + 2rem) !important
}

.w-\[calc\(100\%\+3rem\)\] {
    width: calc(100% + 3rem) !important
}

.w-\[calc\(100\%\+4rem\)\] {
    width: calc(100% + 4rem) !important
}

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

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

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

.w-\[calc\(100\%\/4-20px\)\] {
    width: calc(25% - 20px) !important
}

.w-\[calc\(100\%\/5-20px\)\] {
    width: calc(20% - 20px) !important
}

.w-\[calc\(100\%\/6-20px\)\] {
    width: calc(16.66667% - 20px) !important
}

.w-\[calc\(100\%\/6-29px\)\] {
    width: calc(16.66667% - 29px) !important
}

.w-\[calc\(100\%_\+_30px\)\] {
    width: calc(100% + 30px) !important
}

.w-\[calc\(100\%_-_2px\)\] {
    width: calc(100% - 2px) !important
}

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

.w-\[var\(--prog\)\] {
    width: var(--prog) !important
}

.w-auto {
    width: auto !important
}

.w-dvw {
    width: 100dvw !important
}

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

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

.w-px {
    width: 1px !important
}

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

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

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

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

.min-w-20 {
    min-width: 5rem !important
}

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

.min-w-28 {
    min-width: 7rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-w-\[50px\] {
    min-width: 50px !important
}

.min-w-\[70px\] {
    min-width: 70px !important
}

.min-w-\[70vw\] {
    min-width: 70vw !important
}

.min-w-\[90\%\] {
    min-width: 90% !important
}

.min-w-\[90px\] {
    min-width: 90px !important
}

.min-w-full {
    min-width: 100% !important
}

.min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important
}

.max-w-16 {
    max-width: 4rem !important
}

.max-w-24 {
    max-width: 6rem !important
}

.max-w-28 {
    max-width: 7rem !important
}

.max-w-36 {
    max-width: 9rem !important
}

.max-w-40 {
    max-width: 10rem !important
}

.max-w-56 {
    max-width: 14rem !important
}

.max-w-64 {
    max-width: 16rem !important
}

.max-w-80 {
    max-width: 20rem !important
}

.max-w-\[100\%\] {
    max-width: 100% !important
}

.max-w-\[109px\] {
    max-width: 109px !important
}

.max-w-\[110px\] {
    max-width: 110px !important
}

.max-w-\[120px\] {
    max-width: 120px !important
}

.max-w-\[1240px\] {
    max-width: 1240px !important
}

.max-w-\[12em\] {
    max-width: 12em !important
}

.max-w-\[12rem\] {
    max-width: 12rem !important
}

.max-w-\[140px\] {
    max-width: 140px !important
}

.max-w-\[150px\] {
    max-width: 150px !important
}

.max-w-\[1825px\] {
    max-width: 1825px !important
}

.max-w-\[185px\] {
    max-width: 185px !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-\[300px\] {
    max-width: 300px !important
}

.max-w-\[320px\] {
    max-width: 320px !important
}

.max-w-\[33px\] {
    max-width: 33px !important
}

.max-w-\[34px\] {
    max-width: 34px !important
}

.max-w-\[350px\] {
    max-width: 350px !important
}

.max-w-\[39px\] {
    max-width: 39px !important
}

.max-w-\[400px\] {
    max-width: 400px !important
}

.max-w-\[40vw\] {
    max-width: 40vw !important
}

.max-w-\[450px\] {
    max-width: 450px !important
}

.max-w-\[45px\] {
    max-width: 45px !important
}

.max-w-\[50\%\] {
    max-width: 50% !important
}

.max-w-\[500px\] {
    max-width: 500px !important
}

.max-w-\[540px\] {
    max-width: 540px !important
}

.max-w-\[587px\] {
    max-width: 587px !important
}

.max-w-\[60px\] {
    max-width: 60px !important
}

.max-w-\[792px\] {
    max-width: 792px !important
}

.max-w-\[80\%\] {
    max-width: 80% !important
}

.max-w-\[80px\] {
    max-width: 80px !important
}

.max-w-\[80vw\] {
    max-width: 80vw !important
}

.max-w-\[82px\] {
    max-width: 82px !important
}

.max-w-\[82vw\] {
    max-width: 82vw !important
}

.max-w-\[90\%\] {
    max-width: 90% !important
}

.max-w-\[90vw\] {
    max-width: 90vw !important
}

.max-w-\[950px\] {
    max-width: 950px !important
}

.max-w-\[980px\] {
    max-width: 980px !important
}

.max-w-\[calc\(100\%-124px\)\] {
    max-width: calc(100% - 124px) !important
}

.max-w-\[calc\(100\%-45px\)\] {
    max-width: calc(100% - 45px) !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
}

.max-w-none {
    max-width: none !important
}

.max-w-sm {
    max-width: 24rem !important
}

.flex-1 {
    flex: 1 1 0% !important
}

.flex-\[0_0_100\%\] {
    flex: 0 0 100% !important
}

.flex-\[0_0_165px\] {
    flex: 0 0 165px !important
}

.flex-\[0_0_82\%\] {
    flex: 0 0 82% !important
}

.flex-\[0_0_auto\] {
    flex: 0 0 auto !important
}

.flex-\[0_0_calc\(100\%-20px\)\] {
    flex: 0 0 calc(100% - 20px) !important
}

.flex-\[0_0_calc\(100\%\/4-20px\)\] {
    flex: 0 0 calc(25% - 20px) !important
}

.flex-\[0_0_calc\(100\%\/5-20px\)\] {
    flex: 0 0 calc(20% - 20px) !important
}

.flex-\[0_0_calc\(100\%\/6-20px\)\] {
    flex: 0 0 calc(16.66667% - 20px) !important
}

.flex-\[0_0_calc\(100\%\/6-29px\)\] {
    flex: 0 0 calc(16.66667% - 29px) !important
}

.flex-\[1_0_auto\] {
    flex: 1 0 auto !important
}

.flex-\[1_1_auto\],
.flex-auto {
    flex: 1 1 auto !important
}

.flex-none {
    flex: none !important
}

.flex-shrink {
    flex-shrink: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-grow,
.grow {
    flex-grow: 1 !important
}

.grow-0 {
    flex-grow: 0 !important
}

.\!basis-\[342px\] {
    flex-basis: 342px !important
}

.\!basis-\[363px\] {
    flex-basis: 363px !important
}

.\!basis-\[43\%\] {
    flex-basis: 43% !important
}

.\!basis-\[44\%\] {
    flex-basis: 44% !important
}

.\!basis-\[52\%\] {
    flex-basis: 52% !important
}

.\!basis-\[54\%\] {
    flex-basis: 54% !important
}

.\!basis-\[65\%\] {
    flex-basis: 65% !important
}

.\!basis-\[70\%\] {
    flex-basis: 70% !important
}

.\!basis-\[75\%\] {
    flex-basis: 75% !important
}

.\!basis-\[calc\(43\%\)\] {
    flex-basis: 43% !important
}

.\!basis-\[calc\(44\%\)\] {
    flex-basis: 44% !important
}

.\!basis-\[calc\(52\%\)\] {
    flex-basis: 52% !important
}

.\!basis-\[calc\(54\%\)\] {
    flex-basis: 54% !important
}

.\!basis-\[calc\(65\%\)\] {
    flex-basis: 65% !important
}

.\!basis-\[calc\(70\%\)\] {
    flex-basis: 70% !important
}

.\!basis-\[calc\(75\%\)\] {
    flex-basis: 75% !important
}

.table-fixed {
    table-layout: fixed !important
}

.border-collapse {
    border-collapse: collapse !important
}

.border-separate {
    border-collapse: separate !important
}

.border-spacing-y-1 {
    --tw-border-spacing-y: .25rem !important;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important
}

.origin-bottom-right {
    transform-origin: bottom right !important
}

.origin-top-right {
    transform-origin: top right !important
}

.-translate-x-1 {
    --tw-translate-x: -.25rem !important
}

.-translate-x-1,
.-translate-x-1\/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(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-x-1\/2 {
    --tw-translate-x: -50% !important
}

.-translate-x-\[280px\] {
    --tw-translate-x: -280px !important
}

.-translate-x-\[280px\],
.-translate-x-full {
    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
}

.-translate-y-1\/2 {
    --tw-translate-y: -50% !important
}

.-translate-y-1\/2,
.translate-x-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)) !important
}

.translate-x-0 {
    --tw-translate-x: 0px !important
}

.translate-x-\[-13\%\] {
    --tw-translate-x: -13% !important
}

.translate-x-\[-13\%\],
.translate-x-\[-162px\] {
    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-\[-162px\] {
    --tw-translate-x: -162px !important
}

.translate-x-\[-167px\] {
    --tw-translate-x: -167px !important
}

.translate-x-\[-167px\],
.translate-x-\[-169\%\] {
    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-\[-169\%\] {
    --tw-translate-x: -169% !important
}

.translate-x-\[-224\%\] {
    --tw-translate-x: -224% !important
}

.translate-x-\[-224\%\],
.translate-x-\[-261px\] {
    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-\[-261px\] {
    --tw-translate-x: -261px !important
}

.translate-x-\[-310\%\] {
    --tw-translate-x: -310% !important
}

.translate-x-\[-310\%\],
.translate-x-\[13px\] {
    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-\[13px\] {
    --tw-translate-x: 13px !important
}

.translate-x-\[151\%\] {
    --tw-translate-x: 151% !important
}

.translate-x-\[151\%\],
.translate-x-\[36px\] {
    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-\[36px\] {
    --tw-translate-x: 36px !important
}

.translate-x-\[78px\] {
    --tw-translate-x: 78px !important
}

.translate-x-\[78px\],
.translate-x-\[90px\] {
    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-\[90px\] {
    --tw-translate-x: 90px !important
}

.translate-y-0 {
    --tw-translate-y: 0px !important
}

.translate-y-0,
.translate-y-20 {
    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-20 {
    --tw-translate-y: 5rem !important
}

.translate-y-\[-4px\] {
    --tw-translate-y: -4px !important
}

.translate-y-\[-4px\],
.translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50% !important
}

.translate-y-\[-6px\] {
    --tw-translate-y: -6px !important
}

.translate-y-\[-6px\],
.translate-y-\[100px\] {
    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-\[100px\] {
    --tw-translate-y: 100px !important
}

.translate-y-\[111px\] {
    --tw-translate-y: 111px !important
}

.translate-y-\[111px\],
.translate-y-\[126px\] {
    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-\[126px\] {
    --tw-translate-y: 126px !important
}

.translate-y-\[147px\] {
    --tw-translate-y: 147px !important
}

.translate-y-\[147px\],
.translate-y-\[149px\] {
    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-\[149px\] {
    --tw-translate-y: 149px !important
}

.translate-y-\[176px\] {
    --tw-translate-y: 176px !important
}

.translate-y-\[176px\],
.translate-y-\[205px\] {
    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-\[205px\] {
    --tw-translate-y: 205px !important
}

.translate-y-\[214px\] {
    --tw-translate-y: 214px !important
}

.translate-y-\[214px\],
.translate-y-\[222px\] {
    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-\[222px\] {
    --tw-translate-y: 222px !important
}

.translate-y-\[58px\] {
    --tw-translate-y: 58px !important
}

.translate-y-\[58px\],
.translate-y-\[71px\] {
    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-\[71px\] {
    --tw-translate-y: 71px !important
}

.translate-y-\[99px\] {
    --tw-translate-y: 99px !important
}

.-rotate-\[35deg\],
.translate-y-\[99px\] {
    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
}

.-rotate-\[35deg\] {
    --tw-rotate: -35deg !important
}

.rotate-45 {
    --tw-rotate: 45deg !important
}

.rotate-45,
.rotate-\[-10deg\] {
    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
}

.rotate-\[-10deg\] {
    --tw-rotate: -10deg !important
}

.rotate-\[-15deg\] {
    --tw-rotate: -15deg !important
}

.rotate-\[-15deg\],
.rotate-\[-45deg\] {
    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
}

.rotate-\[-45deg\] {
    --tw-rotate: -45deg !important
}

.rotate-\[-63\.8deg\] {
    --tw-rotate: -63.8deg !important
}

.rotate-\[-63\.8deg\],
.rotate-\[-65deg\] {
    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
}

.rotate-\[-65deg\] {
    --tw-rotate: -65deg !important
}

.rotate-\[35deg\] {
    --tw-rotate: 35deg !important
}

.rotate-\[35deg\],
.rotate-\[45deg\] {
    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
}

.rotate-\[45deg\] {
    --tw-rotate: 45deg !important
}

.rotate-\[63\.8deg\] {
    --tw-rotate: 63.8deg !important
}

.rotate-\[63\.8deg\],
.rotate-\[64deg\] {
    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
}

.rotate-\[64deg\] {
    --tw-rotate: 64deg !important
}

.skew-x-0 {
    --tw-skew-x: 0deg !important
}

.skew-x-0,
.skew-x-\[25\.7deg\] {
    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
}

.skew-x-\[25\.7deg\] {
    --tw-skew-x: 25.7deg !important
}

.skew-x-\[var\(--skewV\)\] {
    --tw-skew-x: var(--skewV) !important
}

.scale-100,
.skew-x-\[var\(--skewV\)\] {
    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
}

.scale-150 {
    --tw-scale-x: 1.5 !important;
    --tw-scale-y: 1.5 !important
}

.scale-150,
.scale-90 {
    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
}

.scale-95 {
    --tw-scale-x: .95 !important;
    --tw-scale-y: .95 !important
}

.scale-95,
.scale-\[0\.70\] {
    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-\[0\.70\],
.scale-\[0\.7\] {
    --tw-scale-x: .7 !important;
    --tw-scale-y: .7 !important
}

.scale-\[0\.7\],
.scale-\[0\.8\] {
    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-\[0\.8\] {
    --tw-scale-x: .8 !important;
    --tw-scale-y: .8 !important
}

.scale-\[1\.5\] {
    --tw-scale-x: 1.5 !important;
    --tw-scale-y: 1.5 !important
}

.scale-\[1\.5\],
.scale-\[1\.8\] {
    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-\[1\.8\] {
    --tw-scale-x: 1.8 !important;
    --tw-scale-y: 1.8 !important
}

.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
}

.\!transform-none,
.transform-none {
    transform: none !important
}

.animate-\[gradient_10s_ease-in-out_infinite\] {
    animation: gradient 10s ease-in-out infinite !important
}

@keyframes bounce {

    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

.animate-bounce {
    animation: bounce 1s infinite !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
}

.cursor-wait {
    cursor: wait !important
}

.select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.resize {
    resize: both !important
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness) !important
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory !important
}

.snap-start {
    scroll-snap-align: start !important
}

.snap-end {
    scroll-snap-align: end !important
}

.snap-center {
    scroll-snap-align: center !important
}

.list-inside {
    list-style-position: inside !important
}

.list-outside {
    list-style-position: outside !important
}

.list-decimal {
    list-style-type: decimal !important
}

.list-disc {
    list-style-type: disc !important
}

.list-none {
    list-style-type: none !important
}

.appearance-none {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
}

.grid-flow-col {
    grid-auto-flow: column !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
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important
}

.grid-cols-\[0\.45fr_0\.55fr\] {
    grid-template-columns: .45fr .55fr !important
}

.grid-cols-\[0\.47fr_auto_0\.47fr\] {
    grid-template-columns: .47fr auto .47fr !important
}

.grid-cols-\[0\.65fr_0\.35fr\] {
    grid-template-columns: .65fr .35fr !important
}

.grid-cols-\[0\.95fr_1fr_1fr_1fr\] {
    grid-template-columns: .95fr 1fr 1fr 1fr !important
}

.grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr !important
}

.grid-cols-\[1fr_1fr_1\.2fr_1fr\] {
    grid-template-columns: 1fr 1fr 1.2fr 1fr !important
}

.grid-cols-\[1fr_28px\] {
    grid-template-columns: 1fr 28px !important
}

.grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto !important
}

.grid-cols-\[32\%_1fr\] {
    grid-template-columns: 32% 1fr !important
}

.grid-cols-\[33px_auto\] {
    grid-template-columns: 33px auto !important
}

.grid-cols-\[50\%\,_1fr\] {
    grid-template-columns: 50% 1fr !important
}

.grid-cols-\[90px_auto\] {
    grid-template-columns: 90px auto !important
}

.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr !important
}

.grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto !important
}

.grid-cols-\[unset\] {
    grid-template-columns: unset !important
}

.grid-rows-\[auto\,1fr\] {
    grid-template-rows: auto 1fr !important
}

.grid-rows-\[auto\] {
    grid-template-rows: auto !important
}

.flex-row {
    flex-direction: row !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
}

.content-stretch {
    align-content: stretch !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-around {
    justify-content: space-around !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-\[10px\] {
    gap: 10px !important
}

.gap-\[15px\] {
    gap: 15px !important
}

.gap-\[1px\] {
    gap: 1px !important
}

.gap-\[20px\] {
    gap: 20px !important
}

.gap-\[2px\] {
    gap: 2px !important
}

.gap-\[30px\] {
    gap: 30px !important
}

.gap-\[3px\] {
    gap: 3px !important
}

.gap-\[5px\] {
    gap: 5px !important
}

.gap-\[6px\] {
    gap: 6px !important
}

.gap-\[7px\] {
    gap: 7px !important
}

.gap-\[8px\] {
    gap: 8px !important
}

.gap-x-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.gap-x-3 {
    -moz-column-gap: .75rem !important;
    column-gap: .75rem !important
}

.gap-x-4 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.gap-x-5 {
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important
}

.gap-y-0 {
    row-gap: 0 !important
}

.gap-y-1 {
    row-gap: .25rem !important
}

.gap-y-2 {
    row-gap: .5rem !important
}

.gap-y-3 {
    row-gap: .75rem !important
}

.gap-y-4 {
    row-gap: 1rem !important
}

.-space-x-px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(-1px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(-1px*var(--tw-space-x-reverse)) !important
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(.25rem*var(--tw-space-x-reverse)) !important
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse)) !important;
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse))) !important
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse)) !important;
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse))) !important
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse)) !important;
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse))) !important
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse)) !important;
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse))) !important
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse)) !important;
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse))) !important
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse)) !important;
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) !important
}

.divide-white>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-divide-opacity, 1)) !important
}

.self-start {
    align-self: flex-start !important
}

.self-end {
    align-self: flex-end !important
}

.self-center {
    align-self: center !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.scroll-smooth {
    scroll-behavior: smooth !important
}

.truncate {
    overflow: hidden !important;
    white-space: nowrap !important
}

.overflow-ellipsis,
.text-ellipsis,
.truncate {
    text-overflow: ellipsis !important
}

.whitespace-normal {
    white-space: normal !important
}

.whitespace-nowrap {
    white-space: nowrap !important
}

.whitespace-break-spaces {
    white-space: break-spaces !important
}

.text-nowrap {
    text-wrap: nowrap !important
}

.break-words {
    overflow-wrap: break-word !important
}

.break-all {
    word-break: break-all !important
}

.\!rounded-\[12px_12px_0_0\] {
    border-radius: 12px 12px 0 0 !important
}

.\!rounded-md {
    border-radius: .375rem !important
}

.\!rounded-none {
    border-radius: 0 !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-2xl {
    border-radius: 1rem !important
}

.rounded-3xl {
    border-radius: 1.5rem !important
}

.rounded-\[0\.6rem\] {
    border-radius: .6rem !important
}

.rounded-\[0_0_15px_15px\] {
    border-radius: 0 0 15px 15px !important
}

.rounded-\[0_0_20px_0\] {
    border-radius: 0 0 20px !important
}

.rounded-\[0_0_20px_20px\] {
    border-radius: 0 0 20px 20px !important
}

.rounded-\[0_19px_0_0\] {
    border-radius: 0 19px 0 0 !important
}

.rounded-\[0_20px\] {
    border-radius: 0 20px !important
}

.rounded-\[0_8px_0_0\] {
    border-radius: 0 8px 0 0 !important
}

.rounded-\[0_8px_8px_0\] {
    border-radius: 0 8px 8px 0 !important
}

.rounded-\[0px\] {
    border-radius: 0 !important
}

.rounded-\[10px\] {
    border-radius: 10px !important
}

.rounded-\[10px_10px_0_0\] {
    border-radius: 10px 10px 0 0 !important
}

.rounded-\[12px\] {
    border-radius: 12px !important
}

.rounded-\[12px_12px_0_0\] {
    border-radius: 12px 12px 0 0 !important
}

.rounded-\[13px_13px_0_0\] {
    border-radius: 13px 13px 0 0 !important
}

.rounded-\[15px\] {
    border-radius: 15px !important
}

.rounded-\[15px_50px_0_15px\] {
    border-radius: 15px 50px 0 15px !important
}

.rounded-\[16px_16px_0_0\] {
    border-radius: 16px 16px 0 0 !important
}

.rounded-\[1px\] {
    border-radius: 1px !important
}

.rounded-\[20px\] {
    border-radius: 20px !important
}

.rounded-\[20px_0_0_0\] {
    border-radius: 20px 0 0 !important
}

.rounded-\[20px_0_\] {
    border-radius: 20px 0 !important
}

.rounded-\[29px\] {
    border-radius: 29px !important
}

.rounded-\[2px\] {
    border-radius: 2px !important
}

.rounded-\[4px\] {
    border-radius: 4px !important
}

.rounded-\[50\%\] {
    border-radius: 50% !important
}

.rounded-\[50\%_50\%_50\%_4\%\] {
    border-radius: 50% 50% 50% 4% !important
}

.rounded-\[50px\] {
    border-radius: 50px !important
}

.rounded-\[5px\] {
    border-radius: 5px !important
}

.rounded-\[5px_5px_10px_5px\] {
    border-radius: 5px 5px 10px !important
}

.rounded-\[6px\] {
    border-radius: 6px !important
}

.rounded-\[7px\] {
    border-radius: 7px !important
}

.rounded-\[7px_7px_0_0\] {
    border-radius: 7px 7px 0 0 !important
}

.rounded-\[8px\] {
    border-radius: 8px !important
}

.rounded-\[8px_0_0_8px\] {
    border-radius: 8px 0 0 8px !important
}

.rounded-\[8px_8px_4px_8px\] {
    border-radius: 8px 8px 4px !important
}

.rounded-\[9px\] {
    border-radius: 9px !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-\[0\.6rem\] {
    border-bottom-left-radius: .6rem !important;
    border-bottom-right-radius: .6rem !important
}

.rounded-b-\[10px\] {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important
}

.rounded-b-\[12px\] {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important
}

.rounded-b-\[13px\] {
    border-bottom-left-radius: 13px !important;
    border-bottom-right-radius: 13px !important
}

.rounded-b-\[15px\] {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important
}

.rounded-b-\[17px\] {
    border-bottom-left-radius: 17px !important;
    border-bottom-right-radius: 17px !important
}

.rounded-b-\[18px\] {
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important
}

.rounded-b-\[8px\] {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

.rounded-b-md {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
}

.rounded-l {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.rounded-l-\[inherit\] {
    border-bottom-left-radius: inherit !important;
    border-top-left-radius: inherit !important
}

.rounded-l-lg {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !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 {
    border-bottom-right-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-r-lg {
    border-bottom-right-radius: .5rem !important;
    border-top-right-radius: .5rem !important
}

.rounded-r-md {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
}

.rounded-t-\[8px\] {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}

.rounded-t-full {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important
}

.rounded-t-lg {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important
}

.rounded-t-md {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
}

.rounded-br {
    border-bottom-right-radius: .25rem !important
}

.rounded-br-\[5px\] {
    border-bottom-right-radius: 5px !important
}

.rounded-br-md {
    border-bottom-right-radius: .375rem !important
}

.rounded-tl {
    border-top-left-radius: .25rem !important
}

.rounded-tl-lg {
    border-top-left-radius: .5rem !important
}

.rounded-tr {
    border-top-right-radius: .25rem !important
}

.border {
    border-width: 1px !important
}

.border-0 {
    border-width: 0 !important
}

.border-2 {
    border-width: 2px !important
}

.border-4 {
    border-width: 4px !important
}

.border-\[0\] {
    border-width: 0 !important
}

.border-\[1px\] {
    border-width: 1px !important
}

.border-\[2px\] {
    border-width: 2px !important
}

.border-\[4px\] {
    border-width: 4px !important
}

.border-\[5px\] {
    border-width: 5px !important
}

.border-b {
    border-bottom-width: 1px !important
}

.border-b-0 {
    border-bottom-width: 0 !important
}

.border-b-2 {
    border-bottom-width: 2px !important
}

.border-b-\[1px\] {
    border-bottom-width: 1px !important
}

.border-b-\[5px\] {
    border-bottom-width: 5px !important
}

.border-l {
    border-left-width: 1px !important
}

.border-l-0 {
    border-left-width: 0 !important
}

.border-l-4 {
    border-left-width: 4px !important
}

.border-l-\[1px\] {
    border-left-width: 1px !important
}

.border-l-\[5px\] {
    border-left-width: 5px !important
}

.border-r {
    border-right-width: 1px !important
}

.border-r-2 {
    border-right-width: 2px !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-\[1px\] {
    border-top-width: 1px !important
}

.border-t-\[3px\] {
    border-top-width: 3px !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-\[\#1B3655\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(27 54 85/var(--tw-border-opacity, 1)) !important
}

.border-\[\#27293b\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(39 41 59/var(--tw-border-opacity, 1)) !important
}

.border-\[\#f3f3f3\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(243 243 243/var(--tw-border-opacity, 1)) !important
}

.border-\[\#ffffff05\] {
    border-color: #ffffff05 !important
}

.border-\[\#ffffff90\] {
    border-color: #ffffff90 !important
}

.border-\[rgba\(255\,255\,255\,0\.05\)\] {
    border-color: #ffffff0d !important
}

.border-\[rgba\(255\,255\,255\,0\.1\)\] {
    border-color: #ffffff1a !important
}

.border-\[rgba\(255\,255\,255\,0\.15\)\] {
    border-color: #ffffff26 !important
}

.border-\[rgba\(255\,255\,255\,0\.20\)\] {
    border-color: #fff3 !important
}

.border-\[rgba\(var\(--bgBoxColorRGB\)\,0\.3\)\] {
    border-color: rgba(var(--bgBoxColorRGB), .3) !important
}

.border-\[rgba\(var\(--bgBoxColorRGB\)\,0\.4\)\] {
    border-color: rgba(var(--bgBoxColorRGB), .4) !important
}

.border-\[rgba\(var\(--bgBoxColorRGB\)\,0\.9\)\] {
    border-color: rgba(var(--bgBoxColorRGB), .9) !important
}

.border-\[rgba\(var\(--primaryColorRGB\)\,0\.08\)\] {
    border-color: rgba(var(--primaryColorRGB), .08) !important
}

.border-\[rgba\(var\(--primaryColorRGB\)\,0\.1\)\] {
    border-color: rgba(var(--primaryColorRGB), .1) !important
}

.border-\[rgba\(var\(--primaryColorRGB\)\,0\.15\)\] {
    border-color: rgba(var(--primaryColorRGB), .15) !important
}

.border-\[rgba\(var\(--primaryColorRGB\)\,0\.18\)\] {
    border-color: rgba(var(--primaryColorRGB), .18) !important
}

.border-\[rgba\(var\(--primaryColorRGB\)\,0\.2\)\] {
    border-color: rgba(var(--primaryColorRGB), .2) !important
}

.border-\[rgba\(var\(--primaryColorRGB\)\,0\.25\)\] {
    border-color: rgba(var(--primaryColorRGB), .25) !important
}

.border-\[var\(--bgColor\)\] {
    border-color: var(--bgColor) !important
}

.border-\[var\(--color\)\] {
    border-color: var(--color) !important
}

.border-\[var\(--colorItem\)\] {
    border-color: var(--colorItem) !important
}

.border-accent-text {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 232 0/var(--tw-border-opacity, 1)) !important
}

.border-auth-bg-inputs {
    --tw-border-opacity: 1 !important;
    border-color: rgb(22 61 51/var(--tw-border-opacity, 1)) !important
}

.border-auth-button-deposit-bg\/5 {
    border-color: #03de630d !important
}

.border-auth-text-inputs\/20 {
    border-color: #fff3 !important
}

.border-auth-text-inputs\/50 {
    border-color: #ffffff80 !important
}

.border-auth-texts {
    --tw-border-opacity: 1 !important;
    border-color: rgb(254 254 254/var(--tw-border-opacity, 1)) !important
}

.border-auth-texts\/10 {
    border-color: #ffffff1a !important
}

.border-auth-texts\/20 {
    border-color: #fff3 !important
}

.border-auth-texts\/30 {
    border-color: #ffffff4d !important
}

.border-auth-texts\/60 {
    border-color: #fff9 !important
}

.border-bg-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 21 16/var(--tw-border-opacity, 1)) !important
}

.border-bg-primary\/60 {
    border-color: #00151099 !important
}

.border-bg-secondary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 54 40/var(--tw-border-opacity, 1)) !important
}

.border-black {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1)) !important
}

.border-black\/5 {
    border-color: #0000000d !important
}

.border-button-bg {
    --tw-border-opacity: 1 !important;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1)) !important
}

.border-button-bg\/10 {
    border-color: #03de631a !important
}

.border-current {
    border-color: currentColor !important
}

.border-error\/10 {
    border-color: #f1416c1a !important
}

.border-error\/50 {
    border-color: #f1416c80 !important
}

.border-header-bg {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 54 40/var(--tw-border-opacity, 1)) !important
}

.border-header-login-bg,
.border-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1)) !important
}

.border-primary\/10 {
    border-color: #03de631a !important
}

.border-primary\/20 {
    border-color: #03de6333 !important
}

.border-primary\/30 {
    border-color: #03de634d !important
}

.border-primary\/70 {
    border-color: #03de63b3 !important
}

.border-sidebar-links\/10 {
    border-color: #ffffff1a !important
}

.border-success\/10 {
    border-color: #22bb331a !important
}

.border-success\/50 {
    border-color: #22bb3380 !important
}

.border-texts {
    --tw-border-opacity: 1 !important;
    border-color: rgb(254 254 254/var(--tw-border-opacity, 1)) !important
}

.border-texts\/10 {
    border-color: #ffffff1a !important
}

.border-texts\/15 {
    border-color: #ffffff26 !important
}

.border-texts\/20 {
    border-color: #fff3 !important
}

.border-texts\/40 {
    border-color: #fff6 !important
}

.border-texts\/5 {
    border-color: #ffffff0d !important
}

.border-transparent {
    border-color: transparent !important
}

.border-warning {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 159 67/var(--tw-border-opacity, 1)) !important
}

.border-warning\/10 {
    border-color: #ff9f431a !important
}

.border-warning\/50 {
    border-color: #ff9f4380 !important
}

.border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) !important
}

.border-white\/10 {
    border-color: #ffffff1a !important
}

.border-white\/20 {
    border-color: #fff3 !important
}

.border-white\/5 {
    border-color: #ffffff0d !important
}

.border-white\/50 {
    border-color: #ffffff80 !important
}

.border-b-\[\#ffffff50\] {
    border-bottom-color: #ffffff50 !important
}

.border-b-\[rgba\(var\(--bgBoxColorRGB\)\,0\.4\)\] {
    border-bottom-color: rgba(var(--bgBoxColorRGB), .4) !important
}

.border-b-\[rgba\(var\(--primaryColorRGB\)\,0\.05\)\] {
    border-bottom-color: rgba(var(--primaryColorRGB), .05) !important
}

.border-b-\[rgba\(var\(--primaryColorRGB\)\,0\.15\)\] {
    border-bottom-color: rgba(var(--primaryColorRGB), .15) !important
}

.border-b-\[rgba\(var\(--primaryColorRGB\)\,0\.20\)\] {
    border-bottom-color: rgba(var(--primaryColorRGB), .2) !important
}

.border-b-\[solid_1px_rgba\(var\(--primaryColorRGB\)\,0\.25\)\] {
    border-bottom-color: solid 1px rgba(var(--primaryColorRGB), .25) !important
}

.border-b-primary {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(3 222 99/var(--tw-border-opacity, 1)) !important
}

.border-b-texts\/0 {
    border-bottom-color: #fff0 !important
}

.border-b-texts\/10 {
    border-bottom-color: #ffffff1a !important
}

.border-l-\[rgba\(var\(--primaryColorRGB\)\,0\.4\)\] {
    border-left-color: rgba(var(--primaryColorRGB), .4) !important
}

.border-l-\[var\(--primaryColor\)\] {
    border-left-color: var(--primaryColor) !important
}

.border-l-header-links\/10 {
    border-left-color: #ffffff1a !important
}

.border-l-transparent {
    border-left-color: transparent !important
}

.border-r-\[\#ffffff50\] {
    border-right-color: #ffffff50 !important
}

.border-r-\[rgba\(var\(--primaryColorRGB\)\,0\.05\)\] {
    border-right-color: rgba(var(--primaryColorRGB), .05) !important
}

.border-r-\[rgba\(var\(--primaryColorRGB\)\,0\.17\)\] {
    border-right-color: rgba(var(--primaryColorRGB), .17) !important
}

.border-r-\[solid_1px_rgba\(var\(--primaryColorRGB\)\,0\.17\)\] {
    border-right-color: solid 1px rgba(var(--primaryColorRGB), .17) !important
}

.border-r-primary {
    --tw-border-opacity: 1 !important;
    border-right-color: rgb(3 222 99/var(--tw-border-opacity, 1)) !important
}

.border-r-transparent {
    border-right-color: transparent !important
}

.border-t-\[\#4285f4\] {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(66 133 244/var(--tw-border-opacity, 1)) !important
}

.border-t-\[rgba\(var\(--primaryColorRGB\)\,0\.4\)\] {
    border-top-color: rgba(var(--primaryColorRGB), .4) !important
}

.border-t-\[var\(--primaryColor\)\] {
    border-top-color: var(--primaryColor) !important
}

.border-t-texts\/10 {
    border-top-color: #ffffff1a !important
}

.border-t-transparent {
    border-top-color: transparent !important
}

.border-opacity-10 {
    --tw-border-opacity: .1 !important
}

.\!bg-\[\#0166c620\] {
    background-color: #0166c620 !important
}

.\!bg-\[\#98ca3c20\] {
    background-color: #98ca3c20 !important
}

.\!bg-\[\#c6017920\] {
    background-color: #c6017920 !important
}

.\!bg-\[\#f3712420\] {
    background-color: #f3712420 !important
}

.\!bg-\[red\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1)) !important
}

.\!bg-auth-bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 6 51) !important
}

.\!bg-bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1)) !important
}

.\!bg-error {
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1)) !important
}

.\!bg-error,
.\!bg-success {
    --tw-bg-opacity: 1 !important
}

.\!bg-success {
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1)) !important
}

.\!bg-transparent {
    background-color: transparent !important
}

.bg-\[\#00000020\] {
    background-color: #00000020 !important
}

.bg-\[\#00000040\] {
    background-color: #00000040 !important
}

.bg-\[\#00000070\] {
    background-color: #00000070 !important
}

.bg-\[\#00000080\] {
    background-color: #00000080 !important
}

.bg-\[\#001510\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#002a1f\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 42 31/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#003628\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 6 51) !important
}

.bg-\[\#00C268\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 194 104/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#01201a\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 32 26/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#01341b\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 52 27/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#02615320\] {
    background-color: #02615320 !important
}

.bg-\[\#02df56\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(2 223 86/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#071717\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(7 23 23/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#0D1F17\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(13 31 23/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#0D261E\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(13 38 30/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#11111155\] {
    background-color: #1115 !important
}

.bg-\[\#121b22\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(18 27 34/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#131820\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(19 24 32/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#173d32\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(23 61 50/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#232323\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(35 35 35/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#4BD657\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(75 214 87/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#4a00e0\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(74 0 224/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#7e14bb\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(126 20 187/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#F1F7FE\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(241 247 254/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#df7800\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(223 120 0/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#fde047\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(253 224 71/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#ff0000\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#ff0000d5\] {
    background-color: #ff0000d5 !important
}

.bg-\[\#ff0\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 0/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#ffcc00\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 204 0/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#ffffff03\] {
    background-color: #ffffff03 !important
}

.bg-\[\#ffffff10\] {
    background-color: #ffffff10 !important
}

.bg-\[\#ffffff15\] {
    background-color: #ffffff15 !important
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.bg-\[--bgColor\] {
    background-color: var(--bgColor) !important
}

.bg-\[--bgDarkGradientEnd\] {
    background-color: var(--bgDarkGradientEnd) !important
}

.bg-\[--bgDarkGradient\] {
    background-color: var(--bgDarkGradient) !important
}

.bg-\[--primaryColor\] {
    background-color: var(--primaryColor) !important
}

.bg-\[red\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1)) !important
}

.bg-\[rgba\(0\,0\,0\,0\.1\)\] {
    background-color: #0000001a !important
}

.bg-\[rgba\(0\,0\,0\,0\.2\)\] {
    background-color: #0003 !important
}

.bg-\[rgba\(0\,0\,0\,0\.3\)\] {
    background-color: #0000004d !important
}

.bg-\[rgba\(0\,0\,0\,0\.5\)\] {
    background-color: #00000080 !important
}

.bg-\[rgba\(255\,255\,255\,0\.07\)\] {
    background-color: #ffffff12 !important
}

.bg-\[rgba\(var\(--bgBoxColorRGB\)\,\.2\)\] {
    background-color: rgba(var(--bgBoxColorRGB), .2) !important
}

.bg-\[rgba\(var\(--bgBoxColorRGB\)\,\.4\)\] {
    background-color: rgba(var(--bgBoxColorRGB), .4) !important
}

.bg-\[rgba\(var\(--bgBoxColorRGB\)\,0\.1\)\] {
    background-color: rgba(var(--bgBoxColorRGB), .1) !important
}

.bg-\[rgba\(var\(--bgBoxColorRGB\)\,0\.8\)\] {
    background-color: rgba(var(--bgBoxColorRGB), .8) !important
}

.bg-\[rgba\(var\(--blackRGB\)\,0\.5\)\] {
    background-color: rgba(var(--blackRGB), .5) !important
}

.bg-\[rgba\(var\(--primaryColorRGB\)\,0\.1\)\] {
    background-color: rgba(var(--primaryColorRGB), .1) !important
}

.bg-\[rgba\(var\(--primaryColorRGB\)\,0\.2\)\] {
    background-color: rgba(var(--primaryColorRGB), .2) !important
}

.bg-\[rgba\(var\(--primaryColorRGB\)\,0\.25\)\] {
    background-color: rgba(var(--primaryColorRGB), .25) !important
}

.bg-\[rgba\(var\(--primaryColorRGB\)\,0\.5\)\] {
    background-color: rgba(var(--primaryColorRGB), .5) !important
}

.bg-\[rgba\(var\(--textColorRGB\)\,0\.15\)\] {
    background-color: rgba(var(--textColorRGB), .15) !important
}

.bg-\[rgba\(var\(--textColorRGB\)\,0\.2\)\] {
    background-color: rgba(var(--textColorRGB), .2) !important
}

.bg-\[var\(--bgBoxColor\)\] {
    background-color: var(--bgBoxColor) !important
}

.bg-\[var\(--bgColor\)\] {
    background-color: var(--bgColor) !important
}

.bg-\[var\(--bgDarkGradient\)\] {
    background-color: var(--bgDarkGradient) !important
}

.bg-\[var\(--bgTopHeaderColor\)\] {
    background-color: var(--bgTopHeaderColor) !important
}

.bg-\[var\(--color\)\] {
    background-color: var(--color) !important
}

.bg-\[var\(--primaryColor\)\] {
    background-color: var(--primaryColor) !important
}

.bg-\[var\(--textColor\)\] {
    background-color: var(--textColor) !important
}

.bg-\[var\(--topColorFinal\)\] {
    background-color: var(--topColorFinal) !important
}

.bg-accent-text {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 232 0/var(--tw-bg-opacity, 1)) !important
}

.bg-auth-bg-close\/90 {
    background-color: #001510e6 !important
}

.bg-auth-bg-inputs {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1)) !important
}

.bg-auth-bg-inputs\/30 {
    background-color: #163d334d !important
}

.bg-auth-bg-inputs\/40 {
    background-color: #163d3366 !important
}

.bg-auth-bg-inputs\/60 {
    background-color: #163d3399 !important
}

.bg-auth-bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 6 51) !important
}

.bg-auth-bg-primary\/95 {
    background-color: #003628f2 !important
}

.bg-auth-button-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1)) !important
}

.bg-auth-button-bg\/10 {
    background-color: #03de631a !important
}

.bg-auth-button-bg\/20 {
    background-color: #03de6333 !important
}

.bg-auth-button-deposit-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1)) !important
}

.bg-auth-text-inputs\/20 {
    background-color: #fff3 !important
}

.bg-auth-texts\/10 {
    background-color: #ffffff1a !important
}

.bg-auth-texts\/5 {
    background-color: #ffffff0d !important
}

.bg-bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1)) !important
}

.bg-bg-primary\/10 {
    background-color: #0015101a !important
}

.bg-bg-primary\/20 {
    background-color: #00151033 !important
}

.bg-bg-primary\/30 {
    background-color: #0015104d !important
}

.bg-bg-primary\/40 {
    background-color: #00151066 !important
}

.bg-bg-primary\/50 {
    background-color: #00151080 !important
}

.bg-bg-primary\/60 {
    background-color: #00151099 !important
}

.bg-bg-primary\/70 {
    background-color: #001510b3 !important
}

.bg-bg-primary\/80 {
    background-color: #001510cc !important
}

.bg-bg-primary\/90 {
    background-color: #001510e6 !important
}

.bg-bg-primary\/95 {
    background-color: #001510f2 !important
}

.bg-bg-secondary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 6 51) !important
}

.bg-bg-secondary\/10 {
    background-color: #0036281a !important
}

.bg-bg-secondary\/100 {
    background-color: #003628 !important
}

.bg-bg-secondary\/30 {
    background-color: #0036284d !important
}

.bg-bg-secondary\/60 {
    background-color: #00362899 !important
}

.bg-bg-secondary\/80 {
    background-color: #003628cc !important
}

.bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1)) !important
}

.bg-black\/20 {
    background-color: #0003 !important
}

.bg-black\/30 {
    background-color: #0000004d !important
}

.bg-black\/40 {
    background-color: #0006 !important
}

.bg-black\/5 {
    background-color: #0000000d !important
}

.bg-black\/50 {
    background-color: #00000080 !important
}

.bg-black\/60 {
    background-color: #0009 !important
}

.bg-black\/70 {
    background-color: #000000b3 !important
}

.bg-black\/80 {
    background-color: #000c !important
}

.bg-black\/90 {
    background-color: #000000e6 !important
}

.bg-black\/95 {
    background-color: #000000f2 !important
}

.bg-button-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1)) !important
}

.bg-button-bg\/10 {
    background-color: #03de631a !important
}

.bg-button-bg\/15 {
    background-color: #03de6326 !important
}

.bg-button-bg\/90 {
    background-color: #03de63e6 !important
}

.bg-error {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1)) !important
}

.bg-error\/10 {
    background-color: #f1416c1a !important
}

.bg-error\/20 {
    background-color: #f1416c33 !important
}

.bg-error\/30 {
    background-color: #f1416c4d !important
}

.bg-error\/5 {
    background-color: #f1416c0d !important
}

.bg-error\/80 {
    background-color: #f1416ccc !important
}

.bg-footer-bg-primary,
.bg-footer-bg-secondary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 6 51) !important
}

.bg-footer-texts {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(254 254 254/var(--tw-bg-opacity, 1)) !important
}

.bg-footer-texts\/20 {
    background-color: #fff3 !important
}

.bg-game-button-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1)) !important
}

.bg-game-button-bg\/20 {
    background-color: #03de6333 !important
}

.bg-game-overlay\/20 {
    background-color: #0003 !important
}

.bg-game-overlay\/60 {
    background-color: #0009 !important
}

.bg-header-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 6 51) !important
}

.bg-header-bg\/50 {
    background-color: #00362880 !important
}

.bg-header-bg\/90 {
    background-color: #003628e6 !important
}

.bg-header-links\/10 {
    background-color: #ffffff1a !important
}

.bg-header-login-bg,
.bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1)) !important
}

.bg-primary\/10 {
    background-color: #03de631a !important
}

.bg-primary\/15 {
    background-color: #03de6326 !important
}

.bg-primary\/20 {
    background-color: #03de6333 !important
}

.bg-primary\/40 {
    background-color: #03de6366 !important
}

.bg-primary\/5 {
    background-color: #03de630d !important
}

.bg-primary\/50 {
    background-color: #03de6380 !important
}

.bg-primary\/70 {
    background-color: #03de63b3 !important
}

.bg-primary\/90 {
    background-color: #03de63e6 !important
}

.bg-sidebar-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1)) !important
}

.bg-sidebar-button-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(63 65 66/var(--tw-bg-opacity, 1)) !important
}

.bg-sidebar-cta-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1)) !important
}

.bg-sidebar-cta-text {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 26 26/var(--tw-bg-opacity, 1)) !important
}

.bg-sidebar-links\/50 {
    background-color: #ffffff80 !important
}

.bg-success {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1)) !important
}

.bg-success\/10 {
    background-color: #22bb331a !important
}

.bg-success\/15 {
    background-color: #22bb3326 !important
}

.bg-success\/30 {
    background-color: #22bb334d !important
}

.bg-success\/5 {
    background-color: #22bb330d !important
}

.bg-success\/60 {
    background-color: #2b39 !important
}

.bg-texts {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(254 254 254/var(--tw-bg-opacity, 1)) !important
}

.bg-texts\/10 {
    background-color: #ffffff1a !important
}

.bg-texts\/15 {
    background-color: #ffffff26 !important
}

.bg-texts\/20 {
    background-color: #fff3 !important
}

.bg-texts\/40 {
    background-color: #fff6 !important
}

.bg-texts\/5 {
    background-color: #ffffff0d !important
}

.bg-texts\/50 {
    background-color: #ffffff80 !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-warning {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1)) !important
}

.bg-warning\/10 {
    background-color: #ff9f431a !important
}

.bg-warning\/20 {
    background-color: #ff9f4333 !important
}

.bg-warning\/30 {
    background-color: #ff9f434d !important
}

.bg-warning\/5 {
    background-color: #ff9f430d !important
}

.bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.bg-white\/10 {
    background-color: #ffffff1a !important
}

.bg-white\/15 {
    background-color: #ffffff26 !important
}

.bg-white\/20 {
    background-color: #fff3 !important
}

.bg-white\/40 {
    background-color: #fff6 !important
}

.bg-white\/5 {
    background-color: #ffffff0d !important
}

.bg-white\/\[\.08\] {
    background-color: #ffffff14 !important
}

.bg-opacity-50 {
    --tw-bg-opacity: .5 !important
}

.bg-\[linear-gradient\(120deg\,_var\(--tw-gradient-stops\)\)\] {
    background-image: linear-gradient(120deg, var(--tw-gradient-stops)) !important
}

.bg-\[linear-gradient\(315deg\,rgba\(101\,0\,94\,0\.75\)_3\%\,rgba\(60\,132\,206\,0\.75\)_38\%\,rgba\(5\,166\,81\,0\.75\)_68\%\,rgba\(255\,140\,0\,0\.75\)_98\%\)\] {
    background-image: linear-gradient(315deg, #65005ebf 3%, #3c84cebf 38%, #05a651bf, #ff8c00bf 98%) !important
}

.bg-\[linear-gradient\(to_right\,rgba\(var\(--bgColorRGB\)\,0\)_0\%\,rgba\(var\(--bgColorRGB\)\,0\.5\)_100\%\)\] {
    background-image: linear-gradient(to right, rgba(var(--bgColorRGB), 0) 0, rgba(var(--bgColorRGB), .5)) !important
}

.bg-\[radial-gradient\(circle_at_50\%_30\%\,rgba\(var\(--primaryColorRGB\)\,0\.1\)_45\%\,rgba\(var\(--primaryColorRGB\)\,1\)_100\%\)\] {
    background-image: radial-gradient(circle at 50% 30%, rgba(var(--primaryColorRGB), .1) 45%, rgba(var(--primaryColorRGB), 1)) !important
}

.bg-\[radial-gradient\(ellipse_at_center\,_rgba\(0\,0\,0\,0\.35\)_0\%\,_rgba\(0\,0\,0\,0\)_68\%\,_rgba\(0\,0\,0\,0\)_100\%\)\] {
    background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 68%, transparent 100%) !important
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, 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-\[\#00000050\] {
    --tw-gradient-from: #00000050 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-\[\#FFA726\] {
    --tw-gradient-from: #ffa726 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(255, 167, 38, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-\[\#b91c1c\] {
    --tw-gradient-from: #b91c1c var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(185, 28, 28, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-\[\#ffffff15\] {
    --tw-gradient-from: #ffffff15 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-\[\#ffffff30\] {
    --tw-gradient-from: #ffffff30 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-\[rgba\(255\,255\,255\,0\.2\)\] {
    --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
}

.from-\[rgba\(var\(--bgBoxColorRGB\)\,0\.2\)\] {
    --tw-gradient-from: rgba(var(--bgBoxColorRGB), .2) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(var(--bgBoxColorRGB), 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-\[rgba\(var\(--bgBoxColorRGB\)\,0\.5\)\] {
    --tw-gradient-from: rgba(var(--bgBoxColorRGB), .5) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(var(--bgBoxColorRGB), 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-\[rgba\(var\(--bgColorRGB\)\,0\.9\)\] {
    --tw-gradient-from: rgba(var(--bgColorRGB), .9) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(var(--bgColorRGB), 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-\[rgba\(var\(--blackRGB\)\,0\.1\)\] {
    --tw-gradient-from: rgba(var(--blackRGB), .1) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(var(--blackRGB), 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-\[rgba\(var\(--primaryColorRGB\)\,0\)\] {
    --tw-gradient-from: rgba(var(--primaryColorRGB), 0) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(var(--primaryColorRGB), 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-\[rgba\(var\(--primaryColorRGB\)\,0\.1\)\] {
    --tw-gradient-from: rgba(var(--primaryColorRGB), .1) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(var(--primaryColorRGB), 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-\[rgba\(var\(--primaryColorRGB\)\,0\.4\)\] {
    --tw-gradient-from: rgba(var(--primaryColorRGB), .4) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(var(--primaryColorRGB), 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-\[var\(--bgColor\)\] {
    --tw-gradient-from: var(--bgColor) 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-\[var\(--bgDarkGradient\)\] {
    --tw-gradient-from: var(--bgDarkGradient) 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-\[var\(--primaryColor\)\] {
    --tw-gradient-from: var(--primaryColor) 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-\[var\(--topColorFinal\)\] {
    --tw-gradient-from: var(--topColorFinal) 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-auth-button-deposit-bg\/10 {
    --tw-gradient-from: rgba(3, 222, 99, .1) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(3, 222, 99, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-auth-button-deposit-bg\/20 {
    --tw-gradient-from: rgba(3, 222, 99, .2) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(3, 222, 99, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-black\/10 {
    --tw-gradient-from: rgba(0, 0, 0, .1) 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-footer-bg-primary {
    --tw-gradient-from: #003628 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(0, 54, 40, 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(3, 222, 99, .05) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(3, 222, 99, 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\/100 {
    --tw-gradient-from: #fff 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
}

.from-\[16\%\] {
    --tw-gradient-from-position: 16% !important
}

.via-\[\#eab308\] {
    --tw-gradient-to: rgba(234, 179, 8, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.via-\[rgba\(var\(--primaryColorRGB\)\,0\.6\)\] {
    --tw-gradient-to: rgba(var(--primaryColorRGB), 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), rgba(var(--primaryColorRGB), .6) var(--tw-gradient-via-position), 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-\[\#15803d\] {
    --tw-gradient-to: #15803d var(--tw-gradient-to-position) !important
}

.to-\[\#FFB74D\] {
    --tw-gradient-to: #ffb74d var(--tw-gradient-to-position) !important
}

.to-\[\#ffffff00\] {
    --tw-gradient-to: #ffffff00 var(--tw-gradient-to-position) !important
}

.to-\[rgba\(0\,54\,40\,0\.9\)\] {
    --tw-gradient-to: rgba(0, 54, 40, .9) var(--tw-gradient-to-position) !important
}

.to-\[rgba\(var\(--bgBoxColorRGB\)\,0\.9\)\] {
    --tw-gradient-to: rgba(var(--bgBoxColorRGB), .9) var(--tw-gradient-to-position) !important
}

.to-\[rgba\(var\(--blackRGB\)\,1\)\] {
    --tw-gradient-to: rgba(var(--blackRGB), 1) var(--tw-gradient-to-position) !important
}

.to-\[rgba\(var\(--primaryColorRGB\)\,0\)\] {
    --tw-gradient-to: rgba(var(--primaryColorRGB), 0) var(--tw-gradient-to-position) !important
}

.to-\[rgba\(var\(--primaryColorRGB\)\,0\.1\)\] {
    --tw-gradient-to: rgba(var(--primaryColorRGB), .1) var(--tw-gradient-to-position) !important
}

.to-\[rgba\(var\(--primaryColorRGB\)\,0\.9\)\] {
    --tw-gradient-to: rgba(var(--primaryColorRGB), .9) var(--tw-gradient-to-position) !important
}

.to-\[transparent\] {
    --tw-gradient-to: transparent var(--tw-gradient-to-position) !important
}

.to-\[var\(--bgDarkGradientEnd\)\] {
    --tw-gradient-to: var(--bgDarkGradientEnd) var(--tw-gradient-to-position) !important
}

.to-\[var\(--primaryColor\)\] {
    --tw-gradient-to: var(--primaryColor) var(--tw-gradient-to-position) !important
}

.to-\[var\(--primaryColorDegrade\)\] {
    --tw-gradient-to: var(--primaryColorDegrade) var(--tw-gradient-to-position) !important
}

.to-\[var\(--primaryColorEnd\)\] {
    --tw-gradient-to: var(--primaryColorEnd) var(--tw-gradient-to-position) !important
}

.to-auth-button-deposit-bg\/5 {
    --tw-gradient-to: rgba(3, 222, 99, .05) var(--tw-gradient-to-position) !important
}

.to-black\/20 {
    --tw-gradient-to: rgba(0, 0, 0, .2) var(--tw-gradient-to-position) !important
}

.to-primary\/20 {
    --tw-gradient-to: rgba(3, 222, 99, .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
}

.to-white\/30 {
    --tw-gradient-to: hsla(0, 0%, 100%, .3) var(--tw-gradient-to-position) !important
}

.to-50\% {
    --tw-gradient-to-position: 50% !important
}

.to-\[60\%\] {
    --tw-gradient-to-position: 60% !important
}

.bg-300 {
    background-size: 300% 300% !important
}

.bg-contain {
    background-size: contain !important
}

.bg-cover {
    background-size: cover !important
}

.bg-fixed {
    background-attachment: fixed !important
}

.bg-\[0_0\] {
    background-position: 0 0 !important
}

.bg-\[center_top\] {
    background-position: top !important
}

.bg-center {
    background-position: 50% !important
}

.bg-top {
    background-position: top !important
}

.bg-repeat {
    background-repeat: repeat !important
}

.bg-no-repeat {
    background-repeat: no-repeat !important
}

.fill-\[var\(--primaryColor\)\] {
    fill: var(--primaryColor) !important
}

.fill-auth-icon-close {
    fill: #03de63 !important
}

.fill-auth-texts\/50 {
    fill: #ffffff80 !important
}

.fill-current {
    fill: currentColor !important
}

.fill-none {
    fill: none !important
}

.fill-texts {
    fill: #fefefe !important
}

.stroke-\[var\(--textColorInvert\)\] {
    stroke: var(--textColorInvert) !important
}

.stroke-primary {
    stroke: #03de63 !important
}

.stroke-primary\/20 {
    stroke: #03de6333 !important
}

.stroke-\[4\%\] {
    stroke-width: 4% !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-10 {
    padding: 2.5rem !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
}

.p-\[0\.4rem_0\] {
    padding: .4rem 0 !important
}

.p-\[1\.275px\] {
    padding: 1.275px !important
}

.p-\[1\.35px\] {
    padding: 1.35px !important
}

.p-\[10px\] {
    padding: 10px !important
}

.p-\[10px_0\] {
    padding: 10px 0 !important
}

.p-\[10px_5px\] {
    padding: 10px 5px !important
}

.p-\[12px\] {
    padding: 12px !important
}

.p-\[15px\] {
    padding: 15px !important
}

.p-\[2px_0\] {
    padding: 2px 0 !important
}

.p-\[2px_6px_0_6px\] {
    padding: 2px 6px 0 !important
}

.p-\[30px\] {
    padding: 30px !important
}

.p-\[3px\] {
    padding: 3px !important
}

.p-\[3px_4px_0_4px\] {
    padding: 3px 4px 0 !important
}

.p-\[3px_5px\] {
    padding: 3px 5px !important
}

.p-\[4px\] {
    padding: 4px !important
}

.p-\[4px_13px_4px_10px\] {
    padding: 4px 13px 4px 10px !important
}

.p-\[4px_5px_0_5px\] {
    padding: 4px 5px 0 !important
}

.p-\[5\%\] {
    padding: 5% !important
}

.p-\[5px\] {
    padding: 5px !important
}

.p-\[5px_0\] {
    padding: 5px 0 !important
}

.p-\[6px\] {
    padding: 6px !important
}

.p-\[6px_0\] {
    padding: 6px 0 !important
}

.p-\[6px_10px\] {
    padding: 6px 10px !important
}

.p-\[7px\] {
    padding: 7px !important
}

.p-\[7px_0\] {
    padding: 7px 0 !important
}

.p-\[8px_0\] {
    padding: 8px 0 !important
}

.p-\[8px_18px\] {
    padding: 8px 18px !important
}

.p-\[8px_22px_4px_22px\] {
    padding: 8px 22px 4px !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-0\.5 {
    padding-left: .125rem !important;
    padding-right: .125rem !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.px-1\.5 {
    padding-left: .375rem !important;
    padding-right: .375rem !important
}

.px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !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-\[\.67rem\] {
    padding-left: .67rem !important;
    padding-right: .67rem !important
}

.px-\[10px\] {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.px-\[12px\] {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.px-\[18px\] {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.px-\[25px\] {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.px-\[30px\] {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.px-\[4\.5px\] {
    padding-left: 4.5px !important;
    padding-right: 4.5px !important
}

.px-\[5px\] {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.px-\[6\%\] {
    padding-left: 6% !important;
    padding-right: 6% !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-12 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !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-3\.5 {
    padding-bottom: .875rem !important;
    padding-top: .875rem !important
}

.py-4 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
}

.py-5 {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
}

.py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

.py-8 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
}

.py-\[1px\] {
    padding-bottom: 1px !important;
    padding-top: 1px !important
}

.py-\[2px\] {
    padding-bottom: 2px !important;
    padding-top: 2px !important
}

.py-\[3\%\] {
    padding-bottom: 3% !important;
    padding-top: 3% !important
}

.py-\[3px\] {
    padding-bottom: 3px !important;
    padding-top: 3px !important
}

.py-\[4px\] {
    padding-bottom: 4px !important;
    padding-top: 4px !important
}

.py-\[5px\] {
    padding-bottom: 5px !important;
    padding-top: 5px !important
}

.py-\[6px\] {
    padding-bottom: 6px !important;
    padding-top: 6px !important
}

.py-\[7px\] {
    padding-bottom: 7px !important;
    padding-top: 7px !important
}

.\!pl-\[46px\] {
    padding-left: 46px !important
}

.\!pt-0 {
    padding-top: 0 !important
}

.\!pt-1\.5 {
    padding-top: .375rem !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-12 {
    padding-bottom: 3rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pb-5 {
    padding-bottom: 1.25rem !important
}

.pb-6 {
    padding-bottom: 1.5rem !important
}

.pb-8 {
    padding-bottom: 2rem !important
}

.pb-\[10px\] {
    padding-bottom: 10px !important
}

.pb-\[12px\] {
    padding-bottom: 12px !important
}

.pb-\[140px\] {
    padding-bottom: 140px !important
}

.pb-\[3px\] {
    padding-bottom: 3px !important
}

.pb-\[5px\] {
    padding-bottom: 5px !important
}

.pb-\[80px\] {
    padding-bottom: 80px !important
}

.pb-\[90px\] {
    padding-bottom: 90px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: .25rem !important
}

.pl-1\.5 {
    padding-left: .375rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.pl-5 {
    padding-left: 1.25rem !important
}

.pl-9 {
    padding-left: 2.25rem !important
}

.pl-\[10px\] {
    padding-left: 10px !important
}

.pl-\[11px\] {
    padding-left: 11px !important
}

.pl-\[15px\] {
    padding-left: 15px !important
}

.pl-\[35px\] {
    padding-left: 35px !important
}

.pl-\[40px\] {
    padding-left: 40px !important
}

.pl-\[46px\] {
    padding-left: 46px !important
}

.pl-\[5px\] {
    padding-left: 5px !important
}

.pl-\[8px\] {
    padding-left: 8px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pr-10 {
    padding-right: 2.5rem !important
}

.pr-16 {
    padding-right: 4rem !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
}

.pr-\[13px\] {
    padding-right: 13px !important
}

.pr-\[2px\] {
    padding-right: 2px !important
}

.pr-\[36px\] {
    padding-right: 36px !important
}

.pr-\[3px\] {
    padding-right: 3px !important
}

.pr-\[5px\] {
    padding-right: 5px !important
}

.pr-\[8px\] {
    padding-right: 8px !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-12 {
    padding-top: 3rem !important
}

.pt-2 {
    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-\[0px\] {
    padding-top: 0 !important
}

.pt-\[10px\] {
    padding-top: 10px !important
}

.pt-\[116\%\] {
    padding-top: 116% !important
}

.pt-\[16px\] {
    padding-top: 16px !important
}

.pt-\[2px\] {
    padding-top: 2px !important
}

.pt-\[8px\] {
    padding-top: 8px !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
}

.text-justify {
    text-align: justify !important
}

.text-end {
    text-align: end !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-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important
}

.text-6xl {
    font-size: 3.75rem !important;
    line-height: 1 !important
}

.text-\[\.46rem\] {
    font-size: .46rem !important
}

.text-\[\.48rem\] {
    font-size: .48rem !important
}

.text-\[\.49rem\] {
    font-size: .49rem !important
}

.text-\[\.52rem\] {
    font-size: .52rem !important
}

.text-\[\.55rem\] {
    font-size: .55rem !important
}

.text-\[\.575rem\] {
    font-size: .575rem !important
}

.text-\[\.58rem\] {
    font-size: .58rem !important
}

.text-\[\.5rem\] {
    font-size: .5rem !important
}

.text-\[\.62rem\] {
    font-size: .62rem !important
}

.text-\[\.64rem\] {
    font-size: .64rem !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-\[\.78rem\] {
    font-size: .78rem !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-\[\.9em\] {
    font-size: .9em !important
}

.text-\[\.9rem\] {
    font-size: .9rem !important
}

.text-\[0\.45rem\] {
    font-size: .45rem !important
}

.text-\[0\.46rem\] {
    font-size: .46rem !important
}

.text-\[0\.4rem\] {
    font-size: .4rem !important
}

.text-\[0\.53rem\] {
    font-size: .53rem !important
}

.text-\[0\.54rem\] {
    font-size: .54rem !important
}

.text-\[0\.55rem\] {
    font-size: .55rem !important
}

.text-\[0\.5rem\] {
    font-size: .5rem !important
}

.text-\[0\.64rem\] {
    font-size: .64rem !important
}

.text-\[0\.65rem\] {
    font-size: .65rem !important
}

.text-\[0\.675rem\] {
    font-size: .675rem !important
}

.text-\[0\.67rem\] {
    font-size: .67rem !important
}

.text-\[0\.6rem\] {
    font-size: .6rem !important
}

.text-\[0\.75rem\] {
    font-size: .75rem !important
}

.text-\[0\.78rem\] {
    font-size: .78rem !important
}

.text-\[0\.7rem\] {
    font-size: .7rem !important
}

.text-\[0\.85rem\] {
    font-size: .85rem !important
}

.text-\[0\.8rem\] {
    font-size: .8rem !important
}

.text-\[0\.9rem\] {
    font-size: .9rem !important
}

.text-\[0px\] {
    font-size: 0 !important
}

.text-\[1\.1em\] {
    font-size: 1.1em !important
}

.text-\[1\.2rem\] {
    font-size: 1.2rem !important
}

.text-\[1\.3rem\] {
    font-size: 1.3rem !important
}

.text-\[1\.4rem\] {
    font-size: 1.4rem !important
}

.text-\[10px\] {
    font-size: 10px !important
}

.text-\[11px\] {
    font-size: 11px !important
}

.text-\[12px\] {
    font-size: 12px !important
}

.text-\[13px\] {
    font-size: 13px !important
}

.text-\[14px\] {
    font-size: 14px !important
}

.text-\[1em\] {
    font-size: 1em !important
}

.text-\[1rem\] {
    font-size: 1rem !important
}

.text-\[2\.5rem\] {
    font-size: 2.5rem !important
}

.text-\[22px\] {
    font-size: 22px !important
}

.text-\[2rem\] {
    font-size: 2rem !important
}

.text-\[48px\] {
    font-size: 48px !important
}

.text-\[50px\] {
    font-size: 50px !important
}

.text-\[6px\] {
    font-size: 6px !important
}

.text-\[8px\] {
    font-size: 8px !important
}

.text-\[90px\] {
    font-size: 90px !important
}

.text-\[9px\] {
    font-size: 9px !important
}

.text-\[calc\(0\.4rem\+0\.4vw\)\] {
    font-size: calc(.4rem + .4vw) !important
}

.text-\[calc\(0\.8rem\+0\.8vw\)\] {
    font-size: calc(.8rem + .8vw) !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-black {
    font-weight: 900 !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
}

.font-thin {
    font-weight: 100 !important
}

.uppercase {
    text-transform: uppercase !important
}

.lowercase {
    text-transform: lowercase !important
}

.capitalize {
    text-transform: capitalize !important
}

.normal-case {
    text-transform: none !important
}

.italic {
    font-style: italic !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-\[\.55rem\] {
    line-height: .55rem !important
}

.leading-\[\.5rem\] {
    line-height: .5rem !important
}

.leading-\[0\.1em\] {
    line-height: .1em !important
}

.leading-\[0\.6rem\] {
    line-height: .6rem !important
}

.leading-\[0\.7rem\] {
    line-height: .7rem !important
}

.leading-\[0\.9rem\] {
    line-height: .9rem !important
}

.leading-\[1\.1rem\] {
    line-height: 1.1rem !important
}

.leading-\[1\.2\] {
    line-height: 1.2 !important
}

.leading-\[100\%\] {
    line-height: 100% !important
}

.leading-\[124\%\] {
    line-height: 124% !important
}

.leading-\[1rem\] {
    line-height: 1rem !important
}

.leading-\[90\%\] {
    line-height: 90% !important
}

.leading-\[calc\(0\.4rem\+0\.4vw\)\] {
    line-height: calc(.4rem + .4vw) !important
}

.leading-\[calc\(0\.8rem\+0\.8vw\)\] {
    line-height: calc(.8rem + .8vw) !important
}

.leading-\[unset\] {
    line-height: unset !important
}

.leading-none {
    line-height: 1 !important
}

.leading-relaxed {
    line-height: 1.625 !important
}

.leading-tight {
    line-height: 1.25 !important
}

.tracking-\[124\%\] {
    letter-spacing: 124% !important
}

.tracking-\[1px\] {
    letter-spacing: 1px !important
}

.tracking-tight {
    letter-spacing: -.025em !important
}

.tracking-wide {
    letter-spacing: .025em !important
}

.text-\[\#000000\],
.text-\[\#000\] {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity, 1)) !important
}

.text-\[\#041410\] {
    --tw-text-opacity: 1 !important;
    color: rgb(4 20 16/var(--tw-text-opacity, 1)) !important
}

.text-\[\#05071D\] {
    --tw-text-opacity: 1 !important;
    color: rgb(5 7 29/var(--tw-text-opacity, 1)) !important
}

.text-\[\#08130E\] {
    --tw-text-opacity: 1 !important;
    color: rgb(8 19 14/var(--tw-text-opacity, 1)) !important
}

.text-\[\#1BEDBA\] {
    --tw-text-opacity: 1 !important;
    color: rgb(27 237 186/var(--tw-text-opacity, 1)) !important
}

.text-\[\#1CD660\] {
    --tw-text-opacity: 1 !important;
    color: rgb(28 214 96/var(--tw-text-opacity, 1)) !important
}

.text-\[\#1EA718\] {
    --tw-text-opacity: 1 !important;
    color: rgb(30 167 24/var(--tw-text-opacity, 1)) !important
}

.text-\[\#25284b\] {
    --tw-text-opacity: 1 !important;
    color: rgb(37 40 75/var(--tw-text-opacity, 1)) !important
}

.text-\[\#272727\] {
    --tw-text-opacity: 1 !important;
    color: rgb(39 39 39/var(--tw-text-opacity, 1)) !important
}

.text-\[\#2997ff\] {
    --tw-text-opacity: 1 !important;
    color: rgb(41 151 255/var(--tw-text-opacity, 1)) !important
}

.text-\[\#4a00e0\] {
    --tw-text-opacity: 1 !important;
    color: rgb(74 0 224/var(--tw-text-opacity, 1)) !important
}

.text-\[\#555555\] {
    --tw-text-opacity: 1 !important;
    color: rgb(85 85 85/var(--tw-text-opacity, 1)) !important
}

.text-\[\#AEB1C8\] {
    --tw-text-opacity: 1 !important;
    color: rgb(174 177 200/var(--tw-text-opacity, 1)) !important
}

.text-\[\#BDC3BF\] {
    --tw-text-opacity: 1 !important;
    color: rgb(189 195 191/var(--tw-text-opacity, 1)) !important
}

.text-\[\#DB3383\] {
    --tw-text-opacity: 1 !important;
    color: rgb(219 51 131/var(--tw-text-opacity, 1)) !important
}

.text-\[\#DCEFE1\] {
    --tw-text-opacity: 1 !important;
    color: rgb(220 239 225/var(--tw-text-opacity, 1)) !important
}

.text-\[\#E3E4F3\] {
    --tw-text-opacity: 1 !important;
    color: rgb(227 228 243/var(--tw-text-opacity, 1)) !important
}

.text-\[\#F1F7FE\] {
    --tw-text-opacity: 1 !important;
    color: rgb(241 247 254/var(--tw-text-opacity, 1)) !important
}

.text-\[\#F4F7FB\] {
    --tw-text-opacity: 1 !important;
    color: rgb(244 247 251/var(--tw-text-opacity, 1)) !important
}

.text-\[\#F85A3B\] {
    --tw-text-opacity: 1 !important;
    color: rgb(248 90 59/var(--tw-text-opacity, 1)) !important
}

.text-\[\#F8B91B\] {
    --tw-text-opacity: 1 !important;
    color: rgb(248 185 27/var(--tw-text-opacity, 1)) !important
}

.text-\[\#FF422D\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 66 45/var(--tw-text-opacity, 1)) !important
}

.text-\[\#a2a5af\] {
    --tw-text-opacity: 1 !important;
    color: rgb(162 165 175/var(--tw-text-opacity, 1)) !important
}

.text-\[\#fac505\] {
    --tw-text-opacity: 1 !important;
    color: rgb(250 197 5/var(--tw-text-opacity, 1)) !important
}

.text-\[\#fde047\] {
    --tw-text-opacity: 1 !important;
    color: rgb(253 224 71/var(--tw-text-opacity, 1)) !important
}

.text-\[\#ff0000d5\] {
    color: #ff0000d5 !important
}

.text-\[\#ffcc00\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 204 0/var(--tw-text-opacity, 1)) !important
}

.text-\[\#ffffff80\] {
    color: #ffffff80 !important
}

.text-\[\#ffffff\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.text-\[--textColorInvert\] {
    color: var(--textColorInvert) !important
}

.text-\[var\(--bgColor\)\] {
    color: var(--bgColor) !important
}

.text-\[var\(--color\)\] {
    color: var(--color) !important
}

.text-\[var\(--colorItem\)\] {
    color: var(--colorItem) !important
}

.text-\[var\(--iconsMenuColor\)\] {
    color: var(--iconsMenuColor) !important
}

.text-\[var\(--primaryColor\)\] {
    color: var(--primaryColor) !important
}

.text-\[var\(--secondaryColor\)\] {
    color: var(--secondaryColor) !important
}

.text-\[var\(--textColor\)\] {
    color: var(--textColor) !important
}

.text-\[var\(--textColorInvert\)\] {
    color: var(--textColorInvert) !important
}

.text-\[yellow-700\] {
    color: yellow-700 !important
}

.text-accent-text {
    --tw-text-opacity: 1 !important;
    color: rgb(255 232 0/var(--tw-text-opacity, 1)) !important
}

.text-auth-bg-inputs {
    --tw-text-opacity: 1 !important;
    color: rgb(22 61 51/var(--tw-text-opacity, 1)) !important
}

.text-auth-button-bg {
    --tw-text-opacity: 1 !important;
    color: rgb(3 222 99/var(--tw-text-opacity, 1)) !important
}

.text-auth-button-bg\/80 {
    color: #0334decc !important
}

.text-auth-button-bg\/90 {
    color: #1503dee6 !important
}

.text-auth-button-deposit-text,
.text-auth-button-text {
    --tw-text-opacity: 1 !important;
    color: rgb(25 26 26/var(--tw-text-opacity, 1)) !important
}

.text-auth-button-text\/80 {
    color: #191a1acc !important
}

.text-auth-icon-close,
.text-auth-links {
    --tw-text-opacity: 1 !important;
    color: rgb(3 222 99/var(--tw-text-opacity, 1)) !important
}

.text-auth-links\/80 {
    color: #03de63cc !important
}

.text-auth-text-inputs {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.text-auth-text-inputs\/60 {
    color: #fff9 !important
}

.text-auth-text-inputs\/70 {
    color: #ffffffb3 !important
}

.text-auth-text-inputs\/80 {
    color: #fffc !important
}

.text-auth-texts {
    --tw-text-opacity: 1 !important;
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-auth-texts\/30 {
    color: #ffffff4d !important
}

.text-auth-texts\/40 {
    color: #fff6 !important
}

.text-auth-texts\/50 {
    color: #ffffff80 !important
}

.text-auth-texts\/60 {
    color: #fff9 !important
}

.text-auth-texts\/70 {
    color: #ffffffb3 !important
}

.text-auth-texts\/80 {
    color: #fffc !important
}

.text-auth-titles {
    --tw-text-opacity: 1 !important;
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-bg-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(0 21 16/var(--tw-text-opacity, 1)) !important
}

.text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity, 1)) !important
}

.text-black\/50 {
    color: #00000080 !important
}

.text-black\/80 {
    color: #000c !important
}

.text-black\/90 {
    color: #000000e6 !important
}

.text-button-bg {
    --tw-text-opacity: 1 !important;
    color: rgb(3 222 99/var(--tw-text-opacity, 1)) !important
}

.text-button-text {
    --tw-text-opacity: 1 !important;
    color: rgb(25 26 26/var(--tw-text-opacity, 1)) !important
}

.text-current {
    color: currentColor !important
}

.text-error {
    --tw-text-opacity: 1 !important;
    color: rgb(241 65 108/var(--tw-text-opacity, 1)) !important
}

.text-footer-links {
    --tw-text-opacity: 1 !important;
    color: rgb(173 173 173/var(--tw-text-opacity, 1)) !important
}

.text-footer-texts {
    --tw-text-opacity: 1 !important;
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-footer-texts\/80 {
    color: #fffc !important
}

.text-footer-titles {
    --tw-text-opacity: 1 !important;
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-game-button-text {
    --tw-text-opacity: 1 !important;
    color: rgb(25 26 26/var(--tw-text-opacity, 1)) !important
}

.text-game-subtitle\/80 {
    color: #fffc !important
}

.text-game-title {
    --tw-text-opacity: 1 !important;
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-header-links\/50 {
    color: #ffffff80 !important
}

.text-header-login-bg {
    --tw-text-opacity: 1 !important;
    color: rgb(3 222 99/var(--tw-text-opacity, 1)) !important
}

.text-header-login-text {
    --tw-text-opacity: 1 !important;
    color: rgb(25 26 26/var(--tw-text-opacity, 1)) !important
}

.text-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(3 61 222);
}

.text-primary\/60 {
    color: #0329de99 !important
}

.text-primary\/70 {
    color: #0356deb3 !important
}

.text-secondary {
    --tw-text-opacity: 1 !important;
    color: rgb(2 155 226/var(--tw-text-opacity, 1)) !important
}

.text-sidebar-button-text {
    --tw-text-opacity: 1 !important;
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-sidebar-cta-bg {
    --tw-text-opacity: 1 !important;
    color: rgb(3 222 99/var(--tw-text-opacity, 1)) !important
}

.text-sidebar-cta-text {
    --tw-text-opacity: 1 !important;
    color: rgb(25 26 26/var(--tw-text-opacity, 1)) !important
}

.text-sidebar-links {
    --tw-text-opacity: 1 !important;
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-sidebar-links\/70 {
    color: #ffffffb3 !important
}

.text-sidebar-titles {
    --tw-text-opacity: 1 !important;
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-success {
    color: rgb(34 187 51/var(--tw-text-opacity, 1)) !important
}

.text-success,
.text-texts {
    --tw-text-opacity: 1 !important
}

.text-texts {
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-texts\/100 {
    color: #fefefe !important
}

.text-texts\/20 {
    color: #fff3 !important
}

.text-texts\/30 {
    color: #ffffff4d !important
}

.text-texts\/40 {
    color: #fff6 !important
}

.text-texts\/5 {
    color: #ffffff0d !important
}

.text-texts\/50 {
    color: #ffffff80 !important
}

.text-texts\/60 {
    color: #fff9 !important
}

.text-texts\/70 {
    color: #ffffffb3 !important
}

.text-texts\/80 {
    color: #fffc !important
}

.text-texts\/90 {
    color: #ffffffe6 !important
}

.text-titles {
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.text-titles,
.text-warning {
    --tw-text-opacity: 1 !important
}

.text-warning {
    color: rgb(255 159 67/var(--tw-text-opacity, 1)) !important
}

.text-warning\/70 {
    color: #ff9f43b3 !important
}

.text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.text-white\/30 {
    color: #ffffff4d !important
}

.text-white\/40 {
    color: #fff6 !important
}

.text-white\/50 {
    color: #ffffff80 !important
}

.text-white\/60 {
    color: #fff9 !important
}

.text-white\/70 {
    color: #ffffffb3 !important
}

.text-white\/80 {
    color: #fffc !important
}

.text-opacity-70 {
    --tw-text-opacity: .7 !important
}

.underline {
    text-decoration-line: underline !important
}

.no-underline {
    text-decoration-line: none !important
}

.placeholder-auth-text-inputs\/60::-moz-placeholder {
    color: #fff9 !important
}

.placeholder-auth-text-inputs\/60::placeholder {
    color: #fff9 !important
}

.placeholder-transparent::-moz-placeholder {
    color: transparent !important
}

.placeholder-transparent::placeholder {
    color: transparent !important
}

.placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-placeholder-opacity, 1)) !important
}

.placeholder-white::placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-placeholder-opacity, 1)) !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-10 {
    opacity: .1 !important
}

.opacity-100 {
    opacity: 1 !important
}

.opacity-15 {
    opacity: .15 !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-75 {
    opacity: .75 !important
}

.opacity-80 {
    opacity: .8 !important
}

.opacity-85 {
    opacity: .85 !important
}

.opacity-90 {
    opacity: .9 !important
}

.opacity-\[0\.07\] {
    opacity: .07 !important
}

.opacity-\[0\.2\] {
    opacity: .2 !important
}

.opacity-\[0\.38\] {
    opacity: .38 !important
}

.opacity-\[0\.6\] {
    opacity: .6 !important
}

.opacity-\[0\.7\] {
    opacity: .7 !important
}

.mix-blend-lighten {
    mix-blend-mode: lighten !important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important
}

.shadow,
.shadow-\[-1px_1px_3px_rgba\(0\,0\,0\,0\.7\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[-1px_1px_3px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: -1px 1px 3px rgba(0, 0, 0, .7) !important;
    --tw-shadow-colored: -1px 1px 3px var(--tw-shadow-color) !important
}

.shadow-\[0_-1px_6px_rgba\(var\(--blackRGB\)\,0\.6\)\] {
    --tw-shadow: 0 -1px 6px rgba(var(--blackRGB), .6) !important;
    --tw-shadow-colored: 0 -1px 6px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_-2px_3px_-1px_rgba\(var\(--primaryColorRGB\)\,0\.5\)\] {
    --tw-shadow: 0 -2px 3px -1px rgba(var(--primaryColorRGB), .5) !important;
    --tw-shadow-colored: 0 -2px 3px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_0_15px_2px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 0 15px 2px rgba(0, 0, 0, .3) !important;
    --tw-shadow-colored: 0 0 15px 2px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_0_2px_2px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 2px 2px rgba(0, 0, 0, .5) !important;
    --tw-shadow-colored: 0 0 2px 2px var(--tw-shadow-color) !important
}

.shadow-\[0_0_2px_2px_rgba\(0\,0\,0\,0\.5\)\],
.shadow-\[0_0_35px_50px_rgb\(0_0_0_\/90\%\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_0_35px_50px_rgb\(0_0_0_\/90\%\)\] {
    --tw-shadow: 0 0 35px 50px rgba(0, 0, 0, .9) !important;
    --tw-shadow-colored: 0 0 35px 50px var(--tw-shadow-color) !important
}

.shadow-\[0_10px_8px_-7px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 10px 8px -7px rgba(0, 0, 0, .8) !important;
    --tw-shadow-colored: 0 10px 8px -7px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_1px_6px_rgba\(var\(--blackRGB\)\,0\.6\)\] {
    --tw-shadow: 0 1px 6px rgba(var(--blackRGB), .6) !important;
    --tw-shadow-colored: 0 1px 6px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_2px_\#998105\,_0_3px_3px_\#00000050\] {
    --tw-shadow: 0 2px #998105, 0 3px 3px #00000050 !important;
    --tw-shadow-colored: 0 2px var(--tw-shadow-color), 0 3px 3px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_4px_0_0_\#00563e\] {
    --tw-shadow: 0 4px 0 0 #00563e !important;
    --tw-shadow-colored: 0 4px 0 0 var(--tw-shadow-color) !important
}

.shadow-\[0_4px_0_0_\#00563e\],
.shadow-\[0_4px_0_0_\#7C7C7C\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_4px_0_0_\#7C7C7C\] {
    --tw-shadow: 0 4px 0 0 #7c7c7c !important;
    --tw-shadow-colored: 0 4px 0 0 var(--tw-shadow-color) !important
}

.shadow-\[0_6px_0_0_rgba\(var\(--primaryColorRGB\)\,0\.1\)\] {
    --tw-shadow: 0 6px 0 0 rgba(var(--primaryColorRGB), .1) !important;
    --tw-shadow-colored: 0 6px 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[0_6px_0_0_rgba\(var\(--primaryColorRGB\)\,0\.25\)\] {
    --tw-shadow: 0 6px 0 0 rgba(var(--primaryColorRGB), .25) !important;
    --tw-shadow-colored: 0 6px 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[1px_1px_0_\#ffffff09\] {
    --tw-shadow: 1px 1px 0 #ffffff09 !important;
    --tw-shadow-colored: 1px 1px 0 var(--tw-shadow-color) !important
}

.shadow-\[1px_1px_0_\#ffffff09\],
.shadow-\[1px_1px_0_rgba\(0\,0\,0\,0\.2\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[1px_1px_0_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 1px 1px 0 rgba(0, 0, 0, .2) !important;
    --tw-shadow-colored: 1px 1px 0 var(--tw-shadow-color) !important
}

.shadow-\[1px_1px_0_rgba\(255\,255\,255\,0\.03\)\] {
    --tw-shadow: 1px 1px 0 hsla(0, 0%, 100%, .03) !important;
    --tw-shadow-colored: 1px 1px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[1px_1px_0px_rgba\(var\(--primaryColorRGB\)\,0\.15\)\,_inset_1px_1px_3px_rgba\(0\,0\,0\,0\.2\)\],
.shadow-\[1px_1px_0px_rgba\(var\(--primaryColorRGB\)\,0\.15\)\,inset_1px_1px_3px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 1px 1px 0px rgba(var(--primaryColorRGB), .15), inset 1px 1px 3px rgba(0, 0, 0, .2) !important;
    --tw-shadow-colored: 1px 1px 0px var(--tw-shadow-color), inset 1px 1px 3px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[1px_1px_3px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 1px 1px 3px rgba(0, 0, 0, .25) !important;
    --tw-shadow-colored: 1px 1px 3px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[1px_1px_3px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 1px 1px 3px rgba(0, 0, 0, .5) !important;
    --tw-shadow-colored: 1px 1px 3px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[1px_1px_5px_rgba\(0\,0\,0\,0\.1\)_inset\] {
    --tw-shadow: 1px 1px 5px rgba(0, 0, 0, .1) inset !important;
    --tw-shadow-colored: inset 1px 1px 5px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[1px_1px_5px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 1px 1px 5px rgba(0, 0, 0, .5) !important;
    --tw-shadow-colored: 1px 1px 5px var(--tw-shadow-color) !important
}

.shadow-\[1px_1px_5px_rgba\(0\,0\,0\,0\.5\)\],
.shadow-\[5px_5px_5px_rgb\(0_0_0_\/_30\%\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[5px_5px_5px_rgb\(0_0_0_\/_30\%\)\] {
    --tw-shadow: 5px 5px 5px rgba(0, 0, 0, .3) !important;
    --tw-shadow-colored: 5px 5px 5px var(--tw-shadow-color) !important
}

.shadow-\[inset_0_-5px_5px_-5px_rgba\(0\,0\,0\,0\.5\)\,_0_-100px_0_100px_var\(--bgTopHeaderColor\)\] {
    --tw-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, .5), 0 -100px 0 100px var(--bgTopHeaderColor) !important;
    --tw-shadow-colored: inset 0 -5px 5px -5px var(--tw-shadow-color), 0 -100px 0 100px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15) !important;
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[inset_1px_1px_0px_1px_rgba\(0\,0\,0\,0\.1\)\,1px_1px_0_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: inset 1px 1px 0px 1px rgba(0, 0, 0, .1), 1px 1px 0 hsla(0, 0%, 100%, .1) !important;
    --tw-shadow-colored: inset 1px 1px 0px 1px var(--tw-shadow-color), 1px 1px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[rgba\(0\,0\,0\,0\.7\)_-1px_1px_3px\] {
    --tw-shadow: rgba(0, 0, 0, .7) -1px 1px 3px !important;
    --tw-shadow-colored: -1px 1px 3px var(--tw-shadow-color) !important
}

.shadow-\[rgba\(0\,0\,0\,0\.7\)_-1px_1px_3px\],
.shadow-\[var\(--primaryColor\)_0px_0px_5px_0px\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[var\(--primaryColor\)_0px_0px_5px_0px\] {
    --tw-shadow: var(--primaryColor) 0px 0px 5px 0px !important;
    --tw-shadow-colored: 0px 0px 5px 0px var(--tw-shadow-color) !important
}

.shadow-input {
    --tw-shadow: 0 0 0 100px #163d33 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !important
}

.shadow-input,
.shadow-lg {
    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
}

.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
}

.shadow-md,
.shadow-none {
    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
}

.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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[unset\] {
    --tw-shadow-color: unset !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-auth-bg-inputs {
    --tw-shadow-color: #163d33 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-black {
    --tw-shadow-color: #000 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-black\/10 {
    --tw-shadow-color: rgba(0, 0, 0, .1) !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-black\/20 {
    --tw-shadow-color: rgba(0, 0, 0, .2) !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-black\/30 {
    --tw-shadow-color: rgba(0, 0, 0, .3) !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: #03de63 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-primary\/20 {
    --tw-shadow-color: rgba(3, 222, 99, .2) !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-primary\/50 {
    --tw-shadow-color: rgba(3, 222, 99, .5) !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.shadow-transparent {
    --tw-shadow-color: transparent !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline {
    outline-style: solid !important
}

.outline-1 {
    outline-width: 1px !important
}

.outline-2 {
    outline-width: 2px !important
}

.outline-\[1px\] {
    outline-width: 1px !important
}

.outline-offset-0 {
    outline-offset: 0 !important
}

.outline-offset-2 {
    outline-offset: 2px !important
}

.outline-offset-\[-1px\] {
    outline-offset: -1px !important
}

.outline-offset-\[-2px\] {
    outline-offset: -2px !important
}

.outline-offset-\[-3px\] {
    outline-offset: -3px !important
}

.outline-\[rgba\(var\(--bgBoxColorRGB\)\,0\.5\)\] {
    outline-color: rgba(var(--bgBoxColorRGB), .5) !important
}

.outline-\[rgba\(var\(--textColorRGB\)\,0\.1\)\] {
    outline-color: rgba(var(--textColorRGB), .1) !important
}

.outline-\[var\(--colorItem\)\] {
    outline-color: var(--colorItem) !important
}

.outline-\[yellow\] {
    outline-color: #ff0 !important
}

.outline-white\/10 {
    outline-color: #ffffff1a !important
}

.outline-white\/30 {
    outline-color: #ffffff4d !important
}

.ring-0 {
    --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
}

.ring-0,
.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !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
}

.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, 1)) !important
}

.blur {
    --tw-blur: blur(8px) !important
}

.blur,
.blur-\[0\] {
    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-\[0\] {
    --tw-blur: blur(0) !important
}

.blur-\[1px\] {
    --tw-blur: blur(1px) !important
}

.blur-\[1px\],
.blur-\[3px\] {
    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-\[3px\] {
    --tw-blur: blur(3px) !important
}

.blur-\[5px\] {
    --tw-blur: blur(5px) !important
}

.blur-\[5px\],
.blur-md {
    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
}

.brightness-110 {
    --tw-brightness: brightness(1.1) !important
}

.brightness-110,
.brightness-\[0\.8\] {
    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
}

.brightness-\[0\.8\] {
    --tw-brightness: brightness(.8) !important
}

.brightness-\[1\.5\] {
    --tw-brightness: brightness(1.5) !important
}

.brightness-\[1\.5\],
.brightness-\[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) !important
}

.brightness-\[3\] {
    --tw-brightness: brightness(3) !important
}

.contrast-\[110\%\] {
    --tw-contrast: contrast(110%) !important
}

.contrast-\[110\%\],
.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) !important
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06)) !important
}

.drop-shadow-\[0_1px_0_rgba\(0\,0\,0\,0\.5\)\,0_2px_3px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-drop-shadow: drop-shadow(0 1px 0 rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5)) !important
}

.drop-shadow-\[0_1px_0_rgba\(0\,0\,0\,0\.5\)\,0_2px_3px_rgba\(0\,0\,0\,0\.5\)\],
.drop-shadow-\[0px_1px_0px_\#00000050\] {
    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-\[0px_1px_0px_\#00000050\] {
    --tw-drop-shadow: drop-shadow(0px 1px 0px #00000050) !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) var(--tw-drop-shadow) !important
}

.grayscale,
.grayscale-\[100\%\] {
    --tw-grayscale: grayscale(100%) !important
}

.grayscale,
.grayscale-\[100\%\],
.grayscale-\[1\] {
    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-\[1\] {
    --tw-grayscale: grayscale(1) !important
}

.hue-rotate-\[439deg\] {
    --tw-hue-rotate: hue-rotate(439deg) !important
}

.hue-rotate-\[439deg\],
.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
}

.invert {
    --tw-invert: invert(100%) !important
}

.saturate-100 {
    --tw-saturate: saturate(1) !important
}

.saturate-100,
.sepia {
    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
}

.sepia {
    --tw-sepia: sepia(100%) !important
}

.filter {
    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
}

.backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px) !important
}

.backdrop-blur-\[10px\],
.backdrop-blur-\[70px\] {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important
}

.backdrop-blur-\[70px\] {
    --tw-backdrop-blur: blur(70px) !important
}

.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important
}

.transition {
    transition-duration: .15s !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-all {
    transition-duration: .15s !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-colors {
    transition-duration: .15s !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-none {
    transition-property: none !important
}

.transition-opacity {
    transition-duration: .15s !important;
    transition-property: opacity !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-transform {
    transition-duration: .15s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.delay-500 {
    transition-delay: .5s !important
}

.duration-0 {
    transition-duration: 0s !important
}

.duration-100 {
    transition-duration: .1s !important
}

.duration-1000 {
    transition-duration: 1s !important
}

.duration-200 {
    transition-duration: .2s !important
}

.duration-300 {
    transition-duration: .3s !important
}

.duration-500 {
    transition-duration: .5s !important
}

.duration-\[1s\] {
    transition-duration: 1s !important
}

.duration-\[2s\] {
    transition-duration: 2s !important
}

.duration-\[4s\] {
    transition-duration: 4s !important
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

.content-\[\'\'\] {
    --tw-content: "" !important;
    content: var(--tw-content) !important
}

.content-\[\'\.\.\.\'\] {
    --tw-content: "..." !important;
    content: var(--tw-content) !important
}

.content-\[attr\(data-percent\)\] {
    --tw-content: attr(data-percent) !important;
    content: var(--tw-content) !important
}

.no-scrollbar::-webkit-scrollbar {
    display: none !important
}

.no-scrollbar {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important
}

.\[contenthash\:7\] {
    contenthash: 7 !important
}

.\[text-shadow\:_0_0_10px_var\(--tw-shadow-color\)\] {
    text-shadow: 0 0 10px var(--tw-shadow-color) !important
}

.\[text-shadow\:_1px_1px_0_rgb\(0_0_0\)\] {
    text-shadow: 1px 1px 0 #000 !important
}

.\[text-shadow\:_5px_5px_10px_rgba\(0\,_0\,_0\,_0\.9\)\] {
    text-shadow: 5px 5px 10px rgba(0, 0, 0, .9) !important
}

:root {
    --bgColor: #001510;
    --bgColorRGB: 0, 21, 16;
    --bgTopHeaderColor: #0e1221;
    --blackRGB: 0, 0, 0;
    --textColor: #fff;
    --textColorInvert: #000;
    --textColorRGB: 255, 255, 255;
    --bgBoxColor: #020764;
    --bgBoxColorRGB: 2, 100, 85;
    --primaryColor: #0628e0;
    --primaryColorRGB: 6, 224, 91;
    --primaryColorDegrade: #0606a8;
    --topColorFinal: #060036;
    --iconsMenuColor: #b5b7e2;
    --bgDarkGradient: #000036e7;
    --bgDarkGradientEnd: #020029e7;
    --yellow: #ffc300;
    --skew: -20deg;
    --skewV: -25.5deg;
    --color-success-light: #3444d3;
    --color-success: #1910b9;
    --bgInput: #0d0c16;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: rgb(0 4 15);
    color: var(--textColor);
    height: 100%;
    position: relative
}

body * {
    font-family: Montserrat, -apple-system, Segoe UI, Helvetica Neue, Arial, sans-serif;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    border: none;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    touch-action: auto !important
}

header * {
    line-height: 1.2
}

html {
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    height: 100%;
    overflow: hidden;
    scroll-behavior: smooth
}

.avatarsList::-webkit-scrollbar,
.ddi::-webkit-scrollbar,
.sports::-webkit-scrollbar,
.value-list::-webkit-scrollbar,
body::-webkit-scrollbar {
    background-color: transparent;
    width: 10px
}

.avatarsList::-webkit-scrollbar-thumb,
.ddi::-webkit-scrollbar-thumb,
.sports::-webkit-scrollbar-thumb,
.value-list::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background-color: rgba(var(--bgBoxColorRGB), .3);
    border: 3px solid var(--bgColor);
    border-radius: 10px;
    box-shadow: inset -1px -1px rgba(var(--primaryColorRGB), .07)
}

body::-webkit-scrollbar,
body::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-track {
    background: transparent;
    display: none;
    width: 0
}

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;
    border-color: transparent;
    box-shadow: none !important;
    color-scheme: dark;
    outline: none;
    --tw-shadow: 0 0 0 100px #163d33 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !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: transparent !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fefefe !important
}

input:autofill {
    -webkit-text-fill-color: #fefefe !important
}

input: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-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

input:-webkit-autofill {
    outline: none !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.likeInput,
input:not([type=radio], [type=checkbox]),
select,
textarea {
    background: var(--bgInput);
    border-radius: 7px;
    font-size: .8rem;
    font-weight: 500;
    padding: 10px 15px;
    width: 100%
}

.likeInput::-moz-placeholder,
input:not([type=radio], [type=checkbox])::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--textColor);
    opacity: .6
}

.likeInput::placeholder,
input:not([type=radio], [type=checkbox])::placeholder,
select::placeholder,
textarea::placeholder {
    color: var(--textColor);
    opacity: .6
}

button {
    cursor: pointer
}

.defaultColorBtn,
button[type=submit] {
    background: linear-gradient(180deg, var(--primaryColor) 0, var(--primaryColorDegrade) 100%)
}

form fieldset {
    position: relative
}

fieldset>svg {
    fill: var(--primaryColor);
    margin-left: 10px;
    width: 20px
}

fieldset legend,
fieldset>svg {
    color: var(--primaryColor);
    height: 100%;
    position: absolute
}

fieldset legend {
    align-items: center;
    display: flex;
    font-size: .7rem;
    font-weight: 900;
    left: 0;
    padding: 5px 13px;
    pointer-events: none;
    text-transform: uppercase;
    top: 0;
    transition: all .3s
}

fieldset input:focus~legend,
fieldset legend.active {
    background-color: var(--bgInput);
    border-radius: 8px;
    font-size: .5rem;
    height: auto;
    top: -5px
}

input[type=radio]:checked~label {
    outline: 1px solid rgba(var(--primaryColorRGB), .5);
    outline-offset: -3px
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px var(--bgInput) inset;
    outline: solid 2px var(--bgInput);
    outline-offset: -1px
}

button[type=submit] {
    border-radius: 7px;
    color: var(--textColorInvert);
    font-size: .9rem;
    font-weight: 600;
    margin: 10px 0;
    padding: 10px;
    text-transform: uppercase;
    width: 100%
}

ol,
ol li {
    list-style: none;
    margin-bottom: 15px
}

ol,
ol li p {
    display: inline-block
}

ol li:before {
    content: attr(data-list-text);
    margin-right: 10px
}

ol li a {
    color: var(--primaryColor)
}

.skeleton-loading {
    animation: shimmer-pulse 1.8s infinite;
    background-color: #020036b3;
    border-radius: 8px
}

@media (min-width:375px) {
    .skeleton-loading {
        animation: shimmer 1.8s infinite;
        background-repeat: no-repeat;
        mask: linear-gradient(-60deg, #fff 30%, hsl(0deg 0% 100% / 33.3%), #fff 70%) right / 500% 200%;
        -webkit-mask: linear-gradient(-60deg, #fff 30%, hsla(0, 0%, 100%, .333), #fff 70%) right/500% 200%
    }
}

@keyframes shimmer {
    to {
        -webkit-mask-position: left
    }
}

@keyframes shimmer-pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

.rotate-animation {
    animation: rotate .6s linear infinite
}

.container {
    margin: 0 auto
}

.btn:hover {
    opacity: .8
}

.btn-primary {
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .375rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.btn-primary:disabled {
    cursor: not-allowed;
    opacity: .4
}

.btn-cta {
    border-radius: .2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    display: flex;
    gap: .5rem;
    justify-content: center;
    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: rgb(92 66 20/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(255 232 0/var(--tw-text-opacity, 1));
    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-outlined {
    border-radius: .375rem;
    border-style: solid;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .375rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.btn-outlined:disabled {
    cursor: not-allowed;
    opacity: .4
}

.btn-outlined.active,
.btn-outlined:active,
.btn-outlined:focus,
.btn-outlined:hover,
.btn-outlined[aria-selected=true] {
    opacity: .8;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.btn-outlined[disabled] {
    cursor: not-allowed;
    opacity: .3
}

.tooltip {
    border-radius: .375rem;
    display: none;
    max-width: 20rem;
    pointer-events: none;
    position: absolute;
    width: auto;
    z-index: 1000;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    opacity: 0
}

.tooltip.min-width {
    min-width: 14rem
}

.tooltip:not(.no-arrow):before {
    border-style: solid;
    border-width: 8px;
    height: 0;
    position: absolute;
    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: 0;
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    --tw-content: "";
    content: var(--tw-content)
}

.tooltip.tooltip-right:not(.no-arrow):before {
    left: .125rem;
    top: -.125rem;
    --tw-translate-x: -100%;
    --tw-translate-y: 50%
}

.tooltip.tooltip-left,
.tooltip.tooltip-right:not(.no-arrow):before {
    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))
}

.tooltip.tooltip-left {
    --tw-translate-x: -100%
}

.tooltip.tooltip-left:not(.no-arrow):before {
    margin-right: -2px;
    top: -.125rem;
    --tw-translate-y: 50%;
    --tw-translate-x: -100%
}

.tooltip.tooltip-bottom:not(.no-arrow):before,
.tooltip.tooltip-left:not(.no-arrow):before {
    right: 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))
}

.tooltip.tooltip-bottom:not(.no-arrow):before {
    top: 0;
    --tw-translate-y: -100%;
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent
}

.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
}

.sl_paginav span {
    background-color: #fff9;
    max-height: 3px;
    max-width: 30px !important
}

.registerFields {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding-left: .25rem;
    padding-right: .25rem;
    position: relative;
    width: 100%
}

@media (min-width:640px) {
    .registerFields {
        gap: 1.25rem
    }
}

@media (min-width:768px) {
    .registerFields {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.registerFields .registerLabel {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: -.5rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .registerFields .registerLabel {
        margin-bottom: -1rem
    }
}

.registerFields .registerLabel span {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

@media print {

    .mobileMenuWrapper,
    .sidebar,
    footer,
    header {
        display: none
    }

    .content-wrapper {
        color: #000 !important;
        padding-left: 0 !important
    }
}

.seoTitleHub {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .seoTitleHub {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.seoTextHub>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.seoTextHub {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    line-height: 1.625
}

@media (min-width:768px) {
    .seoTextHub {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.seoTextHub p {
    margin-bottom: 1rem
}

.seoTextHub strong {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.seoTextHub ul {
    list-style-position: inside;
    list-style-type: disc;
    margin-left: 1.25rem
}

.seoTextHub ul li {
    margin-bottom: .5rem
}

.highlightHub {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(74 82 222);
    text-decoration-line: underline
}

.seoExpandedContentHub {
    margin-top: 1.5rem
}

.seoExpandedContentHub>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.seoSubtitleHub {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .seoSubtitleHub {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.seoSubtitleSmallHub {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    margin-bottom: .75rem;
    margin-top: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .seoSubtitleSmallHub {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.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: rgb(0 150 255/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .alert {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.alert.alert-warning {
    background-color: #ff9f431a;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.alert.alert-warning.solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.alert.alert-success {
    background-color: #22bb331a;
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.alert.alert-success.solid {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.alert.alert-error {
    background-color: #f1416c1a;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.alert.alert-error.solid {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.alert.alert-info {
    background-color: #0096ff1a;
    --tw-text-opacity: 1;
    color: rgb(0 150 255/var(--tw-text-opacity, 1))
}

.alert.alert-info.solid {
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 255/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.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: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .gamificationPageTitle {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
        margin-top: 2rem
    }
}

.gamificationPageTitle .icon {
    background-color: transparent;
    border-radius: .25rem;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-top: .125rem;
    padding-left: .25rem;
    padding-right: .25rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .gamificationPageTitle .icon {
        font-size: 1.875rem;
        line-height: 2.25rem;
        margin-top: .25rem
    }
}

.defaultItemBox {
    background-color: #ffffff0d;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    --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: 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)
}

.defaultItemBox:not(.notHover) {
    cursor: pointer
}

@media (hover:hover) {
    .defaultItemBox:hover:not(.notHover) {
        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: 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;
    min-height: 10rem;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.defaultItemBox .imgWrap img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.defaultItemBox .imgWrap img.locked {
    --tw-grayscale: grayscale(100%);
    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 {
    align-items: center;
    background-color: #0096ffe6;
    border-radius: .25rem;
    display: flex;
    font-size: .65rem;
    font-weight: 600;
    gap: .25rem;
    justify-content: center;
    left: 1rem;
    padding: .125rem .375rem;
    position: absolute;
    top: 1rem;
    z-index: 10;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    --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: 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: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.defaultItemBox .tagBox.ended,
.defaultItemBox .tagBox.new {
    --tw-bg-opacity: 1;
    padding-left: .75rem;
    padding-right: .75rem;
    text-transform: uppercase
}

.defaultItemBox .tagBox.new {
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1))
}

.defaultItemBox .tagBox.current {
    padding-left: .75rem;
    padding-right: .75rem;
    text-transform: uppercase
}

.defaultItemBox .tagBox.current,
.defaultItemBox .tagBox.success {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.defaultItemBox .tagBox.success {
    padding-left: .5rem;
    padding-right: .5rem
}

.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(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: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.defaultItemBox .defaultBoxContent .timerBox span.labelTimer {
    color: #ffffffb3;
    font-weight: 600;
    text-transform: uppercase
}

.defaultItemBox .defaultBoxContent .descriptionBox {
    color: #fffc;
    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: rgb(1 6 51);
    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: #ffffff1a;
    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: #ffffffb3;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0;
    margin-top: .5rem;
    padding-left: 1rem
}

.defaultItemBox .defaultBoxContent .priceBox.availableSpins {
    margin-bottom: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1));
    color: #ffffffb3;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding-bottom: .375rem;
    padding-left: 1rem;
    padding-top: .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .priceBox.availableSpins {
        margin-bottom: .75rem
    }
}

.defaultItemBox .defaultBoxContent .actionBox {
    margin-top: auto
}

.defaultItemBox .defaultBoxContent .actionBox button {
    border-radius: 9999px;
    border-width: 0;
    margin: 0 auto;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .375rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .actionBox button {
        font-size: .875rem;
        line-height: 1.25rem;
        padding: .25rem 1rem
    }
}

.defaultItemBox .defaultBoxContent .actionBox button.locked {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@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: rgb(34 187 51/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .actionBox button.success {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.defaultItemBox .defaultBoxContent .actionBox button.inactive {
    background-color: #ffffff1a;
    color: #fff9;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.defaultItemBox .defaultBoxContent .actionBox button.inactive:hover {
    opacity: 1
}

.defaultItemBox .defaultBoxContent .progressBox {
    height: .5rem;
    margin-top: 1rem;
    position: relative;
    width: 100%
}

.defaultItemBox .defaultBoxContent .progressBox .progressBar {
    background-color: #fff3;
    border-radius: 9999px;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.defaultItemBox .defaultBoxContent .progressBox .progressBarFill {
    border-radius: 9999px;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.defaultItemBox .defaultBoxContent .progressBox .progressBarFill.success {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.defaultItemBox .defaultBoxContent .progressBox.withLabel {
    height: 1rem;
    position: relative
}

.defaultItemBox .defaultBoxContent .progressBox.withLabel .progressLabel {
    align-items: center;
    color: #fffc;
    display: flex;
    font-size: .675rem;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.defaultItemBox .defaultBoxContent .infoBox {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-bottom: auto;
    padding: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .defaultItemBox .defaultBoxContent .infoBox {
        justify-content: space-between
    }
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    max-width: 100%;
    text-align: center
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo label {
    align-items: center;
    display: flex;
    font-size: .75rem;
    gap: .25rem;
    justify-content: center;
    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 label svg {
    font-size: .9em;
    margin-right: .125rem;
    opacity: .8
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo span {
    background-color: #ffffff1a;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    max-width: 100%;
    overflow: hidden;
    padding: .25rem 1rem;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@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: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo span.prizeInfo.smaller {
    font-size: .64rem
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo span.small {
    background-color: transparent;
    color: #ffffffb3;
    font-weight: 400;
    padding: 0
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo span .text {
    position: relative;
    z-index: 20
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo span .percent {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo.success span {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.defaultItemBox .defaultBoxContent .infoBox .itemInfo.primary span {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.defaultItemBox .defaultBoxContent .titleCircleUnread {
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.defaultItemBox .defaultBoxContent .titleCircleRead,
.defaultItemBox .defaultBoxContent .titleCircleUnread {
    border-radius: 9999px;
    display: inline-block;
    height: .625rem;
    margin-right: .5rem;
    width: .625rem;
    --tw-bg-opacity: 1;
    vertical-align: middle
}

.defaultItemBox .defaultBoxContent .titleCircleRead {
    background-color: rgb(173 173 173/var(--tw-bg-opacity, 1))
}

.defaultItemBox .defaultBoxContent.notificationBox {
    align-items: flex-start;
    text-align: left
}

.defaultItemBox .defaultBoxContent.notificationBox.isRead {
    opacity: .4;
    --tw-grayscale: grayscale(100%)
}

.defaultItemBox .defaultBoxContent.notificationBox.isRead,
.defaultItemBox .defaultBoxContent.notificationBox.isRead:hover {
    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 .defaultBoxContent.notificationBox.isRead:hover {
    opacity: 1;
    --tw-grayscale: grayscale(0)
}

.defaultItemBox .defaultBoxContent.notificationBox .infoBox .itemInfo {
    margin: 0;
    text-align: left
}

.defaultItemBox .defaultBoxContent.notificationBox .infoBox .itemInfo span {
    margin-left: auto;
    width: auto
}

.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: 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: 1.5rem
}

.gamificationModal .imageModal {
    height: 250px;
    margin: 0 auto
}

.gamificationModal .modalDescription {
    display: flex;
    flex-direction: column;
    padding: .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@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: #ffffffb3;
    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: #ffffff1a;
    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: rgb(3 36 222);
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26 / var(--tw-text-opacity, 1));
}

@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) 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: rgb(34 187 51/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.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: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.gamificationModal .modalDescription .modalActions .progressModal .progressBar {
    background-color: #fff3;
    border-radius: 9999px;
    height: 100%;
    width: 100%
}

.gamificationModal .modalDescription .modalActions .progressModal .progressBarFill {
    border-radius: 9999px;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.gamificationModal .modalDescription .modalActions .progressModal .progressBarFill.success {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.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(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: rgb(254 254 254/var(--tw-text-opacity, 1))
}

iframe[id^=_sm_]:not([bridgeid=GamificationMain]):not([bridgeid=GamificationWidget]) {
    background: #000000e6 !important
}

iframe[bridgeid=GamificationMain] {
    background: #0006 !important
}

iframe[bridgeid=GamificationWidget] {
    display: none !important
}

::-webkit-inner-spin-button {
    display: none
}

::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-year-field {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

::-webkit-calendar-picker-indicator {
    color-scheme: dark;
    margin: 0 !important;
    padding: 0 !important
}

.grecaptcha-badge {
    display: none !important
}

.yellow {
    color: var(--yellow);
    fill: var(--yellow)
}

.btnAll {
    border-radius: 50px;
    color: var(--textColorInvert);
    cursor: pointer;
    font-size: .5rem;
    font-weight: 800;
    letter-spacing: .2px;
    margin-right: 0;
    padding: 2px 6px;
    right: 0;
    text-transform: uppercase;
    transition: all .3s;
    z-index: 3
}

.btnAll:hover {
    background: #fff;
    box-shadow: 0 0 3px 3px #fff
}

.gridContent {
    display: block;
    position: relative
}

@media screen and (min-width:1270px) {
    .gridContent {
        display: grid;
        gap: 18px;
        grid-template-columns: calc(100% - 287px) 267px
    }
}

@media screen and (min-width:1600px) {
    .gridContent {
        gap: 30px;
        grid-template-columns: calc(100% - 298px) 267px
    }
}

.btnLeft,
.btnRight {
    align-items: center;
    aspect-ratio: 1/1;
    background: var(--primaryColor);
    background: linear-gradient(180deg, var(--primaryColor) 0, var(--primaryColorDegrade) 100%);
    border-radius: 50%;
    box-shadow: 1px 1px 5px #00000080;
    color: var(--textColorInvert);
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    width: 30px;
    z-index: 10
}

.btnLeft svg,
.btnRight svg {
    color: var(--textColorInvert);
    height: 45%;
    stroke: var(--textColorInvert);
    stroke-width: 4%;
    width: 45%
}

.btnRight {
    left: unset;
    right: 0
}

.btnRight svg {
    margin-right: -2px
}

.btnLeft svg {
    margin-left: -2px
}

@media screen and (min-width:900px) {
    .btnLeft {
        left: 0
    }

    .btnRight {
        right: 0
    }
}

.bottomMargin {
    margin-bottom: 10px
}

@media screen and (min-width:320px) {
    .bottomMargin {
        margin-bottom: 1rem
    }
}

@media screen and (min-width:900px) {
    .bottomMargin {
        margin-bottom: 15px
    }
}

@media screen and (min-width:1600px) {
    .bottomMargin {
        margin-bottom: 20px
    }
}

.withScroll {
    display: flex;
    gap: 5px;
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    white-space: nowrap
}

.withScroll::-webkit-scrollbar,
.withScroll::-webkit-scrollbar-thumb {
    height: 0;
    width: 0
}

.withScroll .item:first-child {
    margin-left: 10px
}

.withScroll .item:last-of-type {
    margin-right: 10px
}

.fixBugScrollHorizontal {
    transform: translateZ(0);
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width:900px) {
    .withScroll {
        margin-left: 0;
        margin-right: 0
    }

    .withScroll::-webkit-scrollbar {
        height: 13px;
        width: 0
    }

    .withScroll:hover::-webkit-scrollbar {
        background-color: transparent;
        border-radius: 10px;
        height: 13px;
        width: 0
    }

    .withScroll:hover::-webkit-scrollbar-thumb {
        background-color: rgba(var(--primaryColorRGB), .4);
        border: 4px solid var(--bgColor);
        border-radius: 10px;
        box-shadow: inset -1px -1px rgba(var(--primaryColorRGB), .4)
    }

    .withScroll .item:first-child {
        margin-left: unset
    }

    .withScroll .item:last-of-type {
        margin-right: unset
    }
}

.titleSections {
    align-items: center;
    color: var(--textColor);
    display: flex;
    font-size: .8rem;
    font-weight: 800;
    gap: 5px;
    padding: 7px 0 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 0
}

@media screen and (min-width:320px) {
    .titleSections {
        padding: 10px 0
    }
}

@media screen and (min-width:700px) {
    .titleSections {
        padding: 15px 0 10px
    }
}

@media screen and (min-width:900px) {
    .titleSections {
        font-size: 1rem
    }
}

.titleSections svg {
    color: var(--primaryColor);
    filter: drop-shadow(1px 1px 0 rgba(var(--blackRGB), .5)) drop-shadow(0 0 5px rgba(var(--primaryColorRGB), .8));
    height: 27px;
    margin-top: -2px;
    width: 27px
}

.defaultBox {
    background: linear-gradient(135deg, var(--bgDarkGradient) 0, var(--bgDarkGradientEnd) 100%);
    border: 1px solid rgba(var(--primaryColorRGB), .08);
    border-radius: 8px;
    height: 100%;
    padding: 15px;
    position: relative;
    width: 100%;
    z-index: 1
}

.defaultBox:before {
    background: radial-gradient(circle at 50% 100%, rgba(var(--primaryColorRGB), .99) 0, rgba(var(--primaryColorRGB), 0) 70%);
    border-radius: 8px;
    bottom: -1px;
    content: "";
    height: calc(100% + 1px);
    left: 0;
    opacity: .3;
    position: absolute;
    width: 100%;
    z-index: -1
}

.outlineBtn {
    outline: solid 1px rgba(var(--textColorRGB), .8);
    outline-offset: -2px
}

.mask-gradient {
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
    mask-image: linear-gradient(180deg, #000 60%, transparent)
}

.mask-pie-chart {
    -webkit-mask-image: radial-gradient(ellipse at center, transparent 50%, #000 55%, #000 95%, transparent 100%);
    mask-image: radial-gradient(ellipse at center, transparent 50%, #000 55%, #000 95%, transparent 100%)
}

.text-shadow {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5), 2px 2px 4px rgba(0, 0, 0, .5)
}

.bg-primary-opaque {
    background-color: rgba(var(--bgBoxColorRGB), .2)
}

#searchHead .titleOnMiniSearch {
    font-size: .55rem !important
}

#bit-notification-bar {
    pointer-events: none
}

.before\:absolute:before {
    content: var(--tw-content) !important;
    position: absolute !important
}

.before\:left-0:before {
    content: var(--tw-content) !important;
    left: 0 !important
}

.before\:top-0:before {
    content: var(--tw-content) !important;
    top: 0 !important
}

.before\:z-\[-1\]:before {
    content: var(--tw-content) !important;
    z-index: -1 !important
}

.before\:h-full:before {
    content: var(--tw-content) !important;
    height: 100% !important
}

.before\:w-full:before {
    content: var(--tw-content) !important;
    width: 100% !important
}

@keyframes gradient {
    0% {
        background-position: 0 0;
        content: var(--tw-content)
    }

    50% {
        background-position: 100% 100%;
        content: var(--tw-content)
    }

    to {
        background-position: 0 0;
        content: var(--tw-content)
    }
}

.before\:animate-\[gradient_20s_linear_infinite\]:before {
    animation: gradient 20s linear infinite !important;
    content: var(--tw-content) !important
}

.before\:bg-\[var\(--predominantColor\)\]:before {
    background-color: var(--predominantColor) !important;
    content: var(--tw-content) !important
}

.before\:bg-fixed:before {
    background-attachment: fixed !important;
    content: var(--tw-content) !important
}

.before\:bg-\[400\%_400\%\]:before {
    background-position: 400% 400% !important;
    content: var(--tw-content) !important
}

.before\:mix-blend-hue:before {
    content: var(--tw-content) !important;
    mix-blend-mode: hue !important
}

.before\:content-\[\'\'\]:before {
    --tw-content: "" !important;
    content: var(--tw-content) !important
}

.after\:pointer-events-none:after {
    content: var(--tw-content) !important;
    pointer-events: none !important
}

.after\:absolute:after {
    content: var(--tw-content) !important;
    position: absolute !important
}

.after\:left-0:after {
    content: var(--tw-content) !important;
    left: 0 !important
}

.after\:top-0:after {
    content: var(--tw-content) !important;
    top: 0 !important
}

.after\:z-\[5\]:after {
    content: var(--tw-content) !important;
    z-index: 5 !important
}

.after\:h-full:after {
    content: var(--tw-content) !important;
    height: 100% !important
}

.after\:w-full:after {
    content: var(--tw-content) !important;
    width: 100% !important
}

.after\:rounded-\[6px\]:after {
    border-radius: 6px !important;
    content: var(--tw-content) !important
}

.after\:border-\[1px\]:after {
    border-width: 1px !important;
    content: var(--tw-content) !important
}

.after\:border-solid:after {
    border-style: solid !important;
    content: var(--tw-content) !important
}

.after\:border-\[\#ffffff\]:after {
    content: var(--tw-content) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) !important
}

.after\:bg-transparent:after {
    background-color: transparent !important;
    content: var(--tw-content) !important
}

.after\:opacity-\[0\.1\]:after {
    content: var(--tw-content) !important;
    opacity: .1 !important
}

.after\:shadow-\[inset_-1px_-1px_6px_0px_rgba\(0\,0\,0\,0\.8\)\]:after {
    content: var(--tw-content) !important;
    --tw-shadow: inset -1px -1px 6px 0px rgba(0, 0, 0, .8) !important;
    --tw-shadow-colored: inset -1px -1px 6px 0px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.after\:transition-all:after {
    content: var(--tw-content) !important;
    transition-duration: .15s !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.after\:duration-500:after {
    content: var(--tw-content) !important;
    transition-duration: .5s !important
}

.after\:content-\[\'\'\]:after {
    --tw-content: "" !important;
    content: var(--tw-content) !important
}

.after\:content-\[attr\(data-count\)\]:after {
    --tw-content: attr(data-count) !important;
    content: var(--tw-content) !important
}

.first\:-mb-6:first-child {
    margin-bottom: -1.5rem !important
}

.first\:ml-3:first-child {
    margin-left: .75rem !important
}

.first\:mt-4:first-child {
    margin-top: 1rem !important
}

.first\:rounded-t-md:first-child {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
}

.first\:pt-0:first-child {
    padding-top: 0 !important
}

.last\:mb-0:last-child {
    margin-bottom: 0 !important
}

.last\:rounded-b-md:last-child {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
}

.last\:border-transparent:last-child {
    border-color: transparent !important
}

.autofill\:text-auth-text-inputs:-webkit-autofill {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.autofill\:text-auth-text-inputs:autofill {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.autofill\:shadow-\[var\(--bgColor\)\]:-webkit-autofill {
    --tw-shadow-color: var(--bgColor) !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.autofill\:shadow-\[var\(--bgColor\)\]:autofill {
    --tw-shadow-color: var(--bgColor) !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.autofill\:shadow-auth-bg-inputs:-webkit-autofill {
    --tw-shadow-color: #163d33 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.autofill\:shadow-auth-bg-inputs:autofill {
    --tw-shadow-color: #163d33 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.autofill\:shadow-bg-secondary:-webkit-autofill {
    --tw-shadow-color: #003628 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.autofill\:shadow-bg-secondary:autofill {
    --tw-shadow-color: #003628 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.hover\:border-primary\/90:hover {
    border-color: #03de63e6 !important
}

.hover\:bg-\[\#2A2A2A\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(42 42 42/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-bg-primary\/50:hover {
    background-color: #00151080 !important
}

.hover\:bg-black\/70:hover {
    background-color: #000000b3 !important
}

.hover\:bg-black\/90:hover {
    background-color: #000000e6 !important
}

.hover\:bg-primary\/10:hover {
    background-color: #03de631a !important
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.hover\:fill-\[var\(--textColor\)\]:hover {
    fill: var(--textColor) !important
}

.hover\:pl-6:hover {
    padding-left: 1.5rem !important
}

.hover\:text-\[var\(--textColor\)\]:hover {
    color: var(--textColor) !important
}

.hover\:text-auth-texts:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(254 254 254/var(--tw-text-opacity, 1)) !important
}

.hover\:text-bg-primary:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(0 21 16/var(--tw-text-opacity, 1)) !important
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(3 222 99/var(--tw-text-opacity, 1)) !important
}

.hover\:opacity-100:hover {
    opacity: 1 !important
}

.hover\:opacity-70:hover {
    opacity: .7 !important
}

.hover\:opacity-80:hover {
    opacity: .8 !important
}

.hover\:opacity-90:hover {
    opacity: .9 !important
}

.hover\:brightness-105:hover {
    --tw-brightness: brightness(1.05) !important
}

.hover\:brightness-105:hover,
.hover\:brightness-\[1\.15\]:hover {
    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
}

.hover\:brightness-\[1\.15\]:hover {
    --tw-brightness: brightness(1.15) !important
}

.focus\:border-2:focus {
    border-width: 2px !important
}

.focus\:border-primary:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1)) !important
}

.focus\:border-transparent:focus {
    border-color: transparent !important
}

.focus\:bg-black:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1)) !important
}

.focus\:outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !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
}

.focus\:ring-0:focus,
.focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:ring-2: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:ring-primary\/50:focus {
    --tw-ring-color: rgba(3, 222, 99, .5) !important
}

.focus-visible\:ring-2:focus-visible {
    --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus-visible\:ring-white\/75:focus-visible {
    --tw-ring-color: hsla(0, 0%, 100%, .75) !important
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px !important
}

.focus-visible\:ring-offset-primary:focus-visible {
    --tw-ring-offset-color: #03de63 !important
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed !important
}

.disabled\:opacity-40:disabled {
    opacity: .4 !important
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1 !important
}

.peer:disabled+.group .group-\[\.peer\:disabled\+\&\]\:cursor-not-allowed {
    cursor: not-allowed !important
}

.peer:checked+.group .group-\[\.peer\:checked\+\&\]\:bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1)) !important
}

.peer:checked+.group .group-\[\.peer\:checked\+\&\]\:bg-success {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1)) !important
}

.peer:disabled+.group .group-\[\.peer\:disabled\+\&\]\:bg-black\/60 {
    background-color: #0009 !important
}

.peer:disabled+.group .group-\[\.peer\:disabled\+\&\]\:bg-white\/10 {
    background-color: #ffffff1a !important
}

.peer:checked+.group .group-\[\.peer\:checked\+\&\]\:fill-white {
    fill: #fff !important
}

.peer:-moz-placeholder~.peer-placeholder-shown\:top-1\/2 {
    top: 50% !important
}

.peer:placeholder-shown~.peer-placeholder-shown\:top-1\/2 {
    top: 50% !important
}

.peer:-moz-placeholder~.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:focus~.peer-focus\:opacity-70 {
    opacity: .7 !important
}

.peer.hasContent~.peer-\[\.hasContent\]\:top-\[\.8rem\] {
    top: .8rem !important
}

.peer.hasContent~.peer-\[\.hasContent\]\:text-\[\.52rem\] {
    font-size: .52rem !important
}

.data-\[com-onepassword-filled\]\:bg-clip-text[data-com-onepassword-filled] {
    -webkit-background-clip: text !important;
    background-clip: text !important
}

@media not all and (min-width:768px) {
    .max-md\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
}

@media (min-width:318px) {
    .min-\[318px\]\:text-\[0\.6rem\] {
        font-size: .6rem !important
    }
}

@media (min-width:330px) {
    .min-\[330px\]\:text-\[0\.7rem\] {
        font-size: .7rem !important
    }
}

@media (min-width:368px) {
    .xs\:block {
        display: block !important
    }

    .xs\:flex {
        display: flex !important
    }

    .xs\:flex-row {
        flex-direction: row !important
    }

    .xs\:gap-1\.5 {
        gap: .375rem !important
    }

    .xs\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .xs\:py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .xs\:text-\[\.75rem\] {
        font-size: .75rem !important
    }

    .xs\:text-\[calc\(0\.6rem\+0\.6vw\)\] {
        font-size: calc(.6rem + .6vw) !important
    }

    .xs\:text-\[calc\(1rem\+1vw\)\] {
        font-size: calc(1rem + 1vw) !important
    }

    .xs\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .xs\:leading-\[calc\(0\.6rem\+0\.6vw\)\] {
        line-height: calc(.6rem + .6vw) !important
    }

    .xs\:leading-\[calc\(1rem\+1vw\)\] {
        line-height: calc(1rem + 1vw) !important
    }
}

@media (min-width:370px) {
    .min-\[370px\]\:px-\[7px\] {
        padding-left: 7px !important;
        padding-right: 7px !important
    }

    .min-\[370px\]\:py-\[9px\] {
        padding-bottom: 9px !important;
        padding-top: 9px !important
    }
}

@media (min-width:412px) {
    .sm412\:mb-4 {
        margin-bottom: 1rem !important
    }

    .sm412\:mb-6 {
        margin-bottom: 1.5rem !important
    }

    .sm412\:h-\[30px\] {
        height: 30px !important
    }

    .sm412\:w-\[30px\] {
        width: 30px !important
    }

    .sm412\:w-\[78\%\] {
        width: 78% !important
    }

    .sm412\:p-\[11px\] {
        padding: 11px !important
    }

    .sm412\:text-\[0\.6rem\] {
        font-size: .6rem !important
    }

    .sm412\:text-\[0\.75rem\] {
        font-size: .75rem !important
    }

    .sm412\:text-\[0\.7rem\] {
        font-size: .7rem !important
    }

    .sm412\:text-\[0\.85rem\] {
        font-size: .85rem !important
    }

    .sm412\:text-\[1\.1rem\] {
        font-size: 1.1rem !important
    }

    .sm412\:text-\[1rem\] {
        font-size: 1rem !important
    }

    .sm412\:text-\[calc\(1\.15rem\+1\.15vw\)\] {
        font-size: calc(1.15rem + 1.15vw) !important
    }

    .sm412\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .sm412\:leading-\[calc\(1\.15rem\+1\.15vw\)\] {
        line-height: calc(1.15rem + 1.15vw) !important
    }

    .sm412\:leading-none {
        line-height: 1 !important
    }

    .min-\[412px\]\:w-\[59px\] {
        width: 59px !important
    }

    .min-\[412px\]\:flex-\[0_0_75\%\] {
        flex: 0 0 75% !important
    }
}

@media (min-width:420px) {
    .min-\[420px\]\:w-\[61px\] {
        width: 61px !important
    }
}

@media (min-width:430px) {
    .min-\[430px\]\:gap-\[7px\] {
        gap: 7px !important
    }

    .min-\[430px\]\:px-\[15px\] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .min-\[430px\]\:py-\[9px\] {
        padding-bottom: 9px !important;
        padding-top: 9px !important
    }

    .min-\[430px\]\:text-\[0\.8rem\] {
        font-size: .8rem !important
    }
}

@media (min-width:455px) {
    .min-\[455px\]\:flex-\[0_0_65\%\] {
        flex: 0 0 65% !important
    }
}

@media (min-width:500px) {
    .min-\[500px\]\:w-\[75px\] {
        width: 75px !important
    }

    .min-\[500px\]\:flex-\[0_0_50\%\] {
        flex: 0 0 50% !important
    }

    .min-\[500px\]\:px-1\.5 {
        padding-left: .375rem !important;
        padding-right: .375rem !important
    }

    .min-\[500px\]\:text-\[0\.5rem\] {
        font-size: .5rem !important
    }
}

@media (min-width:540px) {
    .min-\[540px\]\:m-\[9px_0\] {
        margin: 9px 0 !important
    }
}

@media (min-width:600px) {
    .sm600\:mb-\[10px\] {
        margin-bottom: 10px !important
    }

    .sm600\:mb-\[15px\] {
        margin-bottom: 15px !important
    }

    .sm600\:mt-0 {
        margin-top: 0 !important
    }

    .sm600\:aspect-\[650\/310\] {
        aspect-ratio: 650/310 !important
    }

    .sm600\:h-\[35px\] {
        height: 35px !important
    }

    .sm600\:h-\[calc\(100vh_-_168px\)\] {
        height: calc(100vh - 168px) !important
    }

    .sm600\:w-\[35px\] {
        width: 35px !important
    }

    .sm600\:w-\[65\%\] {
        width: 65% !important
    }

    .sm600\:flex-\[0_0_65\%\] {
        flex: 0 0 65% !important
    }

    .sm600\:gap-x-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .sm600\:text-\[0\.7rem\] {
        font-size: .7rem !important
    }

    .sm600\:text-\[0\.8rem\] {
        font-size: .8rem !important
    }

    .sm600\:text-\[1rem\] {
        font-size: 1rem !important
    }

    .sm600\:text-\[7px\] {
        font-size: 7px !important
    }

    .sm600\:text-\[calc\(1\.2rem\+1\.2vw\)\] {
        font-size: calc(1.2rem + 1.2vw) !important
    }

    .sm600\:leading-\[calc\(1\.2rem\+1\.2vw\)\] {
        line-height: calc(1.2rem + 1.2vw) !important
    }
}

@media (min-width:640px) {
    .sm\:\!start-\[50px\] {
        inset-inline-start: 50px !important
    }

    .sm\:mb-2 {
        margin-bottom: .5rem !important
    }

    .sm\:mb-4 {
        margin-bottom: 1rem !important
    }

    .sm\:mb-5 {
        margin-bottom: 1.25rem !important
    }

    .sm\:mb-6 {
        margin-bottom: 1.5rem !important
    }

    .sm\:ml-0 {
        margin-left: 0 !important
    }

    .sm\:mr-\[10px\] {
        margin-right: 10px !important
    }

    .sm\:mt-4 {
        margin-top: 1rem !important
    }

    .sm\:mt-6 {
        margin-top: 1.5rem !important
    }

    .sm\:flex {
        display: flex !important
    }

    .sm\:hidden {
        display: none !important
    }

    .sm\:h-28 {
        height: 7rem !important
    }

    .sm\:h-3 {
        height: .75rem !important
    }

    .sm\:h-3\.5 {
        height: .875rem !important
    }

    .sm\:h-\[182px\] {
        height: 182px !important
    }

    .sm\:h-\[50px\] {
        height: 50px !important
    }

    .sm\:h-\[520px\] {
        height: 520px !important
    }

    .sm\:h-auto {
        height: auto !important
    }

    .sm\:max-h-\[300px\] {
        max-height: 300px !important
    }

    .sm\:max-h-\[75\%\] {
        max-height: 75% !important
    }

    .sm\:w-28 {
        width: 7rem !important
    }

    .sm\:w-3 {
        width: .75rem !important
    }

    .sm\:w-3\.5 {
        width: .875rem !important
    }

    .sm\:w-\[312px\] {
        width: 312px !important
    }

    .sm\:w-\[380px\] {
        width: 380px !important
    }

    .sm\:w-\[400px\] {
        width: 400px !important
    }

    .sm\:w-\[50px\] {
        width: 50px !important
    }

    .sm\:min-w-28 {
        min-width: 7rem !important
    }

    .sm\:max-w-52 {
        max-width: 13rem !important
    }

    .sm\:max-w-\[440px\] {
        max-width: 440px !important
    }

    .sm\:max-w-\[500px\] {
        max-width: 500px !important
    }

    .sm\:items-center {
        align-items: center !important
    }

    .sm\:justify-start {
        justify-content: flex-start !important
    }

    .sm\:gap-2 {
        gap: .5rem !important
    }

    .sm\:gap-3 {
        gap: .75rem !important
    }

    .sm\:gap-px {
        gap: 1px !important
    }

    .sm\:rounded-lg {
        border-radius: .5rem !important
    }

    .sm\:rounded-xl {
        border-radius: .75rem !important
    }

    .sm\:p-4 {
        padding: 1rem !important
    }

    .sm\:p-5 {
        padding: 1.25rem !important
    }

    .sm\:px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .sm\:py-4 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .sm\:py-\[7px\] {
        padding-bottom: 7px !important;
        padding-top: 7px !important
    }

    .sm\:\!pl-\[50px\] {
        padding-left: 50px !important
    }

    .sm\:pb-4 {
        padding-bottom: 1rem !important
    }

    .sm\:pl-\[50px\] {
        padding-left: 50px !important
    }

    .sm\:pr-\[40px\] {
        padding-right: 40px !important
    }

    .sm\:text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .sm\:text-\[\.62rem\] {
        font-size: .62rem !important
    }

    .sm\:text-\[\.64rem\] {
        font-size: .64rem !important
    }

    .sm\:text-\[\.7rem\] {
        font-size: .7rem !important
    }

    .sm\:text-\[\.8rem\] {
        font-size: .8rem !important
    }

    .sm\:text-\[0\.6rem\] {
        font-size: .6rem !important
    }

    .sm\:text-\[0\.7rem\] {
        font-size: .7rem !important
    }

    .sm\:text-\[0\.95rem\] {
        font-size: .95rem !important
    }

    .sm\:text-\[1\.05rem\] {
        font-size: 1.05rem !important
    }

    .sm\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .sm\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .sm\:text-xs {
        font-size: .75rem !important
    }

    .sm\:leading-4,
    .sm\:text-xs {
        line-height: 1rem !important
    }

    .sm\:leading-none {
        line-height: 1 !important
    }

    .sm640\:aspect-\[2\/0\.8\] {
        aspect-ratio: 2/.8 !important
    }

    .sm640\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    .sm640\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important
    }

    .sm640\:gap-3 {
        gap: .75rem !important
    }
}

@media (min-width:700px) {
    .md700\:absolute {
        position: absolute !important
    }

    .md700\:right-0 {
        right: 0 !important
    }

    .md700\:mt-\[12px\] {
        margin-top: 12px !important
    }

    .md700\:flex {
        display: flex !important
    }

    .md700\:grid {
        display: grid !important
    }

    .md700\:w-\[380px\] {
        width: 380px !important
    }

    .md700\:w-\[55\%\] {
        width: 55% !important
    }

    .md700\:flex-\[0_0_55\%\] {
        flex: 0 0 55% !important
    }

    .md700\:grid-cols-\[231px_1fr_1fr\] {
        grid-template-columns: 231px 1fr 1fr !important
    }

    .md700\:gap-\[10px\] {
        gap: 10px !important
    }

    .md700\:rounded-\[10px\] {
        border-radius: 10px !important
    }

    .md700\:border-\[1px\] {
        border-width: 1px !important
    }

    .md700\:border-solid {
        border-style: solid !important
    }

    .md700\:border-\[rgba\(var\(--bgBoxColorRGB\)\,0\.4\)\] {
        border-color: rgba(var(--bgBoxColorRGB), .4) !important
    }

    .md700\:bg-\[var\(--topColorFinal\)\] {
        background-color: var(--topColorFinal) !important
    }

    .md700\:pt-\[6px\] {
        padding-top: 6px !important
    }

    .md700\:text-\[1\.2rem\] {
        font-size: 1.2rem !important
    }

    .md700\:shadow-\[0_1px_6px_rgba\(var\(--blackRGB\)\,0\.6\)\] {
        --tw-shadow: 0 1px 6px rgba(var(--blackRGB), .6) !important;
        --tw-shadow-colored: 0 1px 6px var(--tw-shadow-color) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }

    .min-\[700px\]\:flex-\[0_0_33\.333\%\] {
        flex: 0 0 33.333% !important
    }
}

@media (min-width:768px) {
    .md\:absolute {
        position: absolute !important
    }

    .md\:right-2 {
        right: .5rem !important
    }

    .md\:top-\[-6px\] {
        top: -6px !important
    }

    .md\:top-\[-8px\] {
        top: -8px !important
    }

    .md\:-mx-6 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important
    }

    .md\:mx-4 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .md\:my-4 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

    .md\:-mt-6 {
        margin-top: -1.5rem !important
    }

    .md\:mb-0 {
        margin-bottom: 0 !important
    }

    .md\:mb-2 {
        margin-bottom: .5rem !important
    }

    .md\:mb-3 {
        margin-bottom: .75rem !important
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem !important
    }

    .md\:mb-8 {
        margin-bottom: 2rem !important
    }

    .md\:ml-2 {
        margin-left: .5rem !important
    }

    .md\:mr-0 {
        margin-right: 0 !important
    }

    .md\:mr-4 {
        margin-right: 1rem !important
    }

    .md\:mr-6 {
        margin-right: 1.5rem !important
    }

    .md\:mt-0 {
        margin-top: 0 !important
    }

    .md\:mt-1 {
        margin-top: .25rem !important
    }

    .md\:mt-2 {
        margin-top: .5rem !important
    }

    .md\:mt-4 {
        margin-top: 1rem !important
    }

    .md\:mt-5 {
        margin-top: 1.25rem !important
    }

    .md\:mt-\[2px\] {
        margin-top: 2px !important
    }

    .md\:block {
        display: block !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-16 {
        height: 4rem !important
    }

    .md\:h-2 {
        height: .5rem !important
    }

    .md\:h-60 {
        height: 15rem !important
    }

    .md\:h-7 {
        height: 1.75rem !important
    }

    .md\:h-\[166px\] {
        height: 166px !important
    }

    .md\:h-\[220px\] {
        height: 220px !important
    }

    .md\:h-\[22px\] {
        height: 22px !important
    }

    .md\:h-\[28px\] {
        height: 28px !important
    }

    .md\:h-\[50px\] {
        height: 50px !important
    }

    .md\:h-\[618px\] {
        height: 618px !important
    }

    .md\:h-\[750px\] {
        height: 750px !important
    }

    .md\:h-\[auto\],
    .md\:h-auto {
        height: auto !important
    }

    .md\:h-full {
        height: 100% !important
    }

    .md\:max-h-7 {
        max-height: 1.75rem !important
    }

    .md\:max-h-\[350px\] {
        max-height: 350px !important
    }

    .md\:max-h-\[550px\] {
        max-height: 550px !important
    }

    .md\:max-h-none {
        max-height: none !important
    }

    .md\:min-h-16 {
        min-height: 4rem !important
    }

    .md\:min-h-4 {
        min-height: 1rem !important
    }

    .md\:min-h-\[650px\] {
        min-height: 650px !important
    }

    .md\:min-h-\[690px\] {
        min-height: 690px !important
    }

    .md\:w-0 {
        width: 0 !important
    }

    .md\:w-1\/2 {
        width: 50% !important
    }

    .md\:w-10\/12 {
        width: 83.333333% !important
    }

    .md\:w-2 {
        width: .5rem !important
    }

    .md\:w-2\/3 {
        width: 66.666667% !important
    }

    .md\:w-3\/5 {
        width: 60% !important
    }

    .md\:w-5 {
        width: 1.25rem !important
    }

    .md\:w-\[12px\] {
        width: 12px !important
    }

    .md\:w-\[220px\] {
        width: 220px !important
    }

    .md\:w-\[22px\] {
        width: 22px !important
    }

    .md\:w-\[26px\] {
        width: 26px !important
    }

    .md\:w-\[28px\] {
        width: 28px !important
    }

    .md\:w-\[336px\] {
        width: 336px !important
    }

    .md\:w-\[350px\] {
        width: 350px !important
    }

    .md\:w-\[450px\] {
        width: 450px !important
    }

    .md\:w-\[82px\] {
        width: 82px !important
    }

    .md\:w-auto {
        width: auto !important
    }

    .md\:w-full {
        width: 100% !important
    }

    .md\:min-w-4 {
        min-width: 1rem !important
    }

    .md\:min-w-60 {
        min-width: 15rem !important
    }

    .md\:min-w-\[20\%\] {
        min-width: 20% !important
    }

    .md\:min-w-\[22px\] {
        min-width: 22px !important
    }

    .md\:min-w-\[250px\] {
        min-width: 250px !important
    }

    .md\:min-w-\[280px\] {
        min-width: 280px !important
    }

    .md\:min-w-\[300px\] {
        min-width: 300px !important
    }

    .md\:min-w-\[365px\] {
        min-width: 365px !important
    }

    .md\:min-w-\[420px\] {
        min-width: 420px !important
    }

    .md\:min-w-\[45\%\] {
        min-width: 45% !important
    }

    .md\:max-w-2xl {
        max-width: 42rem !important
    }

    .md\:max-w-40 {
        max-width: 10rem !important
    }

    .md\:max-w-48 {
        max-width: 12rem !important
    }

    .md\:max-w-52 {
        max-width: 13rem !important
    }

    .md\:max-w-60 {
        max-width: 15rem !important
    }

    .md\:max-w-64 {
        max-width: 16rem !important
    }

    .md\:max-w-80 {
        max-width: 20rem !important
    }

    .md\:max-w-\[360px\] {
        max-width: 360px !important
    }

    .md\:max-w-\[400px\] {
        max-width: 400px !important
    }

    .md\:max-w-\[450px\] {
        max-width: 450px !important
    }

    .md\:max-w-\[50\%\] {
        max-width: 50% !important
    }

    .md\:max-w-\[500px\] {
        max-width: 500px !important
    }

    .md\:max-w-\[50vw\] {
        max-width: 50vw !important
    }

    .md\:max-w-full {
        max-width: 100% !important
    }

    .md\:-translate-x-full {
        --tw-translate-x: -100% !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
    }

    .md\:cursor-auto {
        cursor: auto !important
    }

    .md\:cursor-default {
        cursor: default !important
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !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-start {
        align-items: flex-start !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-3 {
        gap: .75rem !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-8 {
        -moz-column-gap: 2rem !important;
        column-gap: 2rem !important
    }

    .md\:gap-y-4 {
        row-gap: 1rem !important
    }

    .md\:rounded-2xl,
    .md\:rounded-\[1rem\] {
        border-radius: 1rem !important
    }

    .md\:rounded-l-lg {
        border-bottom-left-radius: .5rem !important;
        border-top-left-radius: .5rem !important
    }

    .md\:rounded-r-none {
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .md\:border-2 {
        border-width: 2px !important
    }

    .md\:border-l {
        border-left-width: 1px !important
    }

    .md\:bg-bg-primary {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 21 16/var(--tw-bg-opacity, 1)) !important
    }

    .md\:bg-bg-secondary {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(1 6 51) !important
    }

    .md\:p-0 {
        padding: 0 !important
    }

    .md\:p-10 {
        padding: 2.5rem !important
    }

    .md\:p-2 {
        padding: .5rem !important
    }

    .md\:p-4 {
        padding: 1rem !important
    }

    .md\:p-6 {
        padding: 1.5rem !important
    }

    .md\:p-7 {
        padding: 1.75rem !important
    }

    .md\:p-8 {
        padding: 2rem !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-7 {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .md\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .md\:px-\[10px\] {
        padding-left: 10px !important;
        padding-right: 10px !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\:py-8 {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .md\:pb-10 {
        padding-bottom: 2.5rem !important
    }

    .md\:pl-3 {
        padding-left: .75rem !important
    }

    .md\:pr-24 {
        padding-right: 6rem !important
    }

    .md\:pr-4 {
        padding-right: 1rem !important
    }

    .md\:pt-16 {
        padding-top: 4rem !important
    }

    .md\:text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .md\:text-\[\.62rem\] {
        font-size: .62rem !important
    }

    .md\:text-\[\.7rem\] {
        font-size: .7rem !important
    }

    .md\:text-\[\.84rem\] {
        font-size: .84rem !important
    }

    .md\:text-\[\.9rem\] {
        font-size: .9rem !important
    }

    .md\:text-\[0\.55rem\] {
        font-size: .55rem !important
    }

    .md\:text-\[0\.86rem\] {
        font-size: .86rem !important
    }

    .md\:text-\[0\.8rem\] {
        font-size: .8rem !important
    }

    .md\:text-\[0\.9rem\] {
        font-size: .9rem !important
    }

    .md\:text-\[1\.25rem\] {
        font-size: 1.25rem !important
    }

    .md\:text-\[13px\] {
        font-size: 13px !important
    }

    .md\:text-\[14px\] {
        font-size: 14px !important
    }

    .md\:text-\[15px\] {
        font-size: 15px !important
    }

    .md\:text-\[1em\] {
        font-size: 1em !important
    }

    .md\:text-\[1rem\],
    .md\:text-base {
        font-size: 1rem !important
    }

    .md\:text-base {
        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\:text-xs {
        font-size: .75rem !important;
        line-height: 1rem !important
    }

    .md\:leading-7 {
        line-height: 1.75rem !important
    }

    .md\:opacity-100 {
        opacity: 1 !important
    }
}

@media (min-width:900px) {
    .md900\:absolute {
        position: absolute !important
    }

    .md900\:-left-\[4px\] {
        left: -4px !important
    }

    .md900\:-right-\[4px\] {
        right: -4px !important
    }

    .md900\:-top-\[9px\] {
        top: -9px !important
    }

    .md900\:bottom-1 {
        bottom: .25rem !important
    }

    .md900\:bottom-\[20px\] {
        bottom: 20px !important
    }

    .md900\:bottom-\[4px\] {
        bottom: 4px !important
    }

    .md900\:left-\[unset\] {
        left: unset !important
    }

    .md900\:z-\[88\] {
        z-index: 88 !important
    }

    .md900\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .md900\:-mb-\[15px\] {
        margin-bottom: -15px !important
    }

    .md900\:-mt-\[5px\] {
        margin-top: -5px !important
    }

    .md900\:mb-8 {
        margin-bottom: 2rem !important
    }

    .md900\:mb-\[10px\] {
        margin-bottom: 10px !important
    }

    .md900\:ml-0 {
        margin-left: 0 !important
    }

    .md900\:ml-\[67px\] {
        margin-left: 67px !important
    }

    .md900\:ml-\[75px\] {
        margin-left: 75px !important
    }

    .md900\:mt-0 {
        margin-top: 0 !important
    }

    .md900\:mt-1 {
        margin-top: .25rem !important
    }

    .md900\:mt-2 {
        margin-top: .5rem !important
    }

    .md900\:mt-2\.5 {
        margin-top: .625rem !important
    }

    .md900\:mt-3 {
        margin-top: .75rem !important
    }

    .md900\:mt-\[-7px\] {
        margin-top: -7px !important
    }

    .md900\:mt-\[5px\] {
        margin-top: 5px !important
    }

    .md900\:mt-\[9px\] {
        margin-top: 9px !important
    }

    .md900\:\!block,
    .md900\:block {
        display: block !important
    }

    .md900\:inline-block {
        display: inline-block !important
    }

    .md900\:flex {
        display: flex !important
    }

    .md900\:grid {
        display: grid !important
    }

    .md900\:hidden {
        display: none !important
    }

    .md900\:h-\[123px\] {
        height: 123px !important
    }

    .md900\:h-\[5px\] {
        height: 5px !important
    }

    .md900\:h-\[calc\(100vh_-_186px\)\] {
        height: calc(100vh - 186px) !important
    }

    .md900\:\!w-full {
        width: 100% !important
    }

    .md900\:w-\[60px\] {
        width: 60px !important
    }

    .md900\:w-\[64\%\] {
        width: 64% !important
    }

    .md900\:w-\[72\%\] {
        width: 72% !important
    }

    .md900\:w-\[85\%\] {
        width: 85% !important
    }

    .md900\:w-\[calc\(100\%-10px\)\] {
        width: calc(100% - 10px) !important
    }

    .md900\:w-full {
        width: 100% !important
    }

    .md900\:flex-\[0_0_50\%\] {
        flex: 0 0 50% !important
    }

    .md900\:flex-\[0_0_64\%\] {
        flex: 0 0 64% !important
    }

    .md900\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    .md900\:grid-cols-\[106px_auto\] {
        grid-template-columns: 106px auto !important
    }

    .md900\:grid-cols-\[230px_calc\(100\%-239px\)\] {
        grid-template-columns: 230px calc(100% - 239px) !important
    }

    .md900\:grid-cols-\[77px_calc\(100\%-80px\)\] {
        grid-template-columns: 77px calc(100% - 80px) !important
    }

    .md900\:gap-2 {
        gap: .5rem !important
    }

    .md900\:gap-\[11px\] {
        gap: 11px !important
    }

    .md900\:gap-\[15px\] {
        gap: 15px !important
    }

    .md900\:px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .md900\:py-2\.5 {
        padding-bottom: .625rem !important;
        padding-top: .625rem !important
    }

    .md900\:pb-\[20px\] {
        padding-bottom: 20px !important
    }

    .md900\:text-\[0\.46rem\] {
        font-size: .46rem !important
    }

    .md900\:text-\[0\.75rem\] {
        font-size: .75rem !important
    }

    .md900\:text-\[1\.1rem\] {
        font-size: 1.1rem !important
    }

    .md900\:text-\[1rem\] {
        font-size: 1rem !important
    }

    .md900\:tracking-\[0\.01rem\] {
        letter-spacing: .01rem !important
    }

    .md900\:tracking-\[0\.02rem\] {
        letter-spacing: .02rem !important
    }

    .md900\:text-\[rgba\(var\(--textColorRGB\)\,0\.45\)\] {
        color: rgba(var(--textColorRGB), .45) !important
    }

    .md900\:text-\[rgba\(var\(--textColorRGB\)\,0\.5\)\] {
        color: rgba(var(--textColorRGB), .5) !important
    }
}

@media (min-width:1000px) {
    .min-\[1000px\]\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
}

@media (min-width:1024px) {
    .lg\:bottom-12 {
        bottom: 3rem !important
    }

    .lg\:right-10 {
        right: 2.5rem !important
    }

    .lg\:right-2 {
        right: .5rem !important
    }

    .lg\:top-2 {
        top: .5rem !important
    }

    .lg\:z-10 {
        z-index: 10 !important
    }

    .lg\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .lg\:mx-5 {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .lg\:mb-0 {
        margin-bottom: 0 !important
    }

    .lg\:mb-1 {
        margin-bottom: .25rem !important
    }

    .lg\:mb-10 {
        margin-bottom: 2.5rem !important
    }

    .lg\:mb-2 {
        margin-bottom: .5rem !important
    }

    .lg\:mb-5 {
        margin-bottom: 1.25rem !important
    }

    .lg\:mr-\[115px\] {
        margin-right: 115px !important
    }

    .lg\:mt-0 {
        margin-top: 0 !important
    }

    .lg\:mt-4 {
        margin-top: 1rem !important
    }

    .lg\:block {
        display: block !important
    }

    .lg\:flex {
        display: flex !important
    }

    .lg\:grid {
        display: grid !important
    }

    .lg\:hidden {
        display: none !important
    }

    .lg\:h-20 {
        height: 5rem !important
    }

    .lg\:h-6 {
        height: 1.5rem !important
    }

    .lg\:h-\[192px\] {
        height: 192px !important
    }

    .lg\:h-\[34px\] {
        height: 34px !important
    }

    .lg\:h-\[38px\] {
        height: 38px !important
    }

    .lg\:h-\[70vh\] {
        height: 70vh !important
    }

    .lg\:h-\[calc\(100\%_-_78px\)\] {
        height: calc(100% - 78px) !important
    }

    .lg\:max-h-\[34px\] {
        max-height: 34px !important
    }

    .lg\:max-h-\[38px\] {
        max-height: 38px !important
    }

    .lg\:w-10 {
        width: 2.5rem !important
    }

    .lg\:w-12 {
        width: 3rem !important
    }

    .lg\:w-20 {
        width: 5rem !important
    }

    .lg\:w-3\/5 {
        width: 60% !important
    }

    .lg\:w-4\/5 {
        width: 80% !important
    }

    .lg\:w-40 {
        width: 10rem !important
    }

    .lg\:w-\[16\%\] {
        width: 16% !important
    }

    .lg\:w-\[256px\] {
        width: 256px !important
    }

    .lg\:w-\[280px\] {
        width: 280px !important
    }

    .lg\:w-\[340px\] {
        width: 340px !important
    }

    .lg\:w-\[34px\] {
        width: 34px !important
    }

    .lg\:w-\[354px\] {
        width: 354px !important
    }

    .lg\:w-\[60\%\] {
        width: 60% !important
    }

    .lg\:w-\[70px\] {
        width: 70px !important
    }

    .lg\:w-\[76\%\] {
        width: 76% !important
    }

    .lg\:w-\[calc\(100\%_-_340px\)\] {
        width: calc(100% - 340px) !important
    }

    .lg\:w-\[calc\(50\%-12px\)\] {
        width: calc(50% - 12px) !important
    }

    .lg\:w-\[calc\(50\%-5px\)\] {
        width: calc(50% - 5px) !important
    }

    .lg\:w-\[fit\] {
        width: fit !important
    }

    .lg\:w-auto {
        width: auto !important
    }

    .lg\:min-w-20 {
        min-width: 5rem !important
    }

    .lg\:max-w-\[250px\] {
        max-width: 250px !important
    }

    .lg\:max-w-\[300px\] {
        max-width: 300px !important
    }

    .lg\:max-w-full {
        max-width: 100% !important
    }

    .lg\:flex-\[0_0_33\.333\%\] {
        flex: 0 0 33.333% !important
    }

    .lg\:flex-\[0_0_50\%\] {
        flex: 0 0 50% !important
    }

    .lg\:flex-\[0_0_calc\(50\%-5px\)\] {
        flex: 0 0 calc(50% - 5px) !important
    }

    .lg\:flex-none {
        flex: none !important
    }

    .lg\:translate-x-0 {
        --tw-translate-x: 0px !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\:snap-start {
        scroll-snap-align: start !important
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    .lg\:grid-cols-\[352px_1fr\] {
        grid-template-columns: 352px 1fr !important
    }

    .lg\:flex-row {
        flex-direction: row !important
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap !important
    }

    .lg\:items-center {
        align-items: center !important
    }

    .lg\:items-stretch {
        align-items: stretch !important
    }

    .lg\:justify-center {
        justify-content: center !important
    }

    .lg\:justify-between {
        justify-content: space-between !important
    }

    .lg\:gap-2 {
        gap: .5rem !important
    }

    .lg\:gap-3 {
        gap: .75rem !important
    }

    .lg\:gap-4 {
        gap: 1rem !important
    }

    .lg\:gap-5 {
        gap: 1.25rem !important
    }

    .lg\:gap-6 {
        gap: 1.5rem !important
    }

    .lg\:gap-\[30px\] {
        gap: 30px !important
    }

    .lg\:p-\[33px\] {
        padding: 33px !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\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .lg\:py-1\.5 {
        padding-bottom: .375rem !important;
        padding-top: .375rem !important
    }

    .lg\:py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !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\:py-8 {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .lg\:pb-\[70px\] {
        padding-bottom: 70px !important
    }

    .lg\:pl-4 {
        padding-left: 1rem !important
    }

    .lg\:pr-2 {
        padding-right: .5rem !important
    }

    .lg\:pr-3 {
        padding-right: .75rem !important
    }

    .lg\:pr-4 {
        padding-right: 1rem !important
    }

    .lg\:pt-3\.5 {
        padding-top: .875rem !important
    }

    .lg\:text-left {
        text-align: left !important
    }

    .lg\:text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .lg\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }

    .lg\:text-4xl {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important
    }

    .lg\:text-6xl {
        font-size: 3.75rem !important;
        line-height: 1 !important
    }

    .lg\:text-\[\.72rem\] {
        font-size: .72rem !important
    }

    .lg\:text-\[\.8rem\] {
        font-size: .8rem !important
    }

    .lg\:text-\[0\.6rem\] {
        font-size: .6rem !important
    }

    .lg\:text-\[1\.1rem\] {
        font-size: 1.1rem !important
    }

    .lg\:text-\[1rem\] {
        font-size: 1rem !important
    }

    .lg\:text-\[70px\] {
        font-size: 70px !important
    }

    .lg\:text-\[calc\(0\.5rem\+0\.5vw\)\] {
        font-size: calc(.5rem + .5vw) !important
    }

    .lg\:text-\[calc\(1\.1rem\+1\.1vw\)\] {
        font-size: calc(1.1rem + 1.1vw) !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-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }

    .lg\:text-xs {
        font-size: .75rem !important;
        line-height: 1rem !important
    }

    .lg\:leading-5 {
        line-height: 1.25rem !important
    }

    .lg\:leading-\[0\.65rem\] {
        line-height: .65rem !important
    }

    .lg\:leading-\[calc\(0\.5rem\+0\.5vw\)\] {
        line-height: calc(.5rem + .5vw) !important
    }

    .lg\:leading-\[calc\(1\.1rem\+1\.1vw\)\] {
        line-height: calc(1.1rem + 1.1vw) !important
    }

    .lg\:first\:pt-6:first-child {
        padding-top: 1.5rem !important
    }
}

@media (min-width:1100px) {
    .min-\[1100px\]\:w-\[calc\(100\%-230px\)\] {
        width: calc(100% - 230px) !important
    }

    .min-\[1100px\]\:flex-row {
        flex-direction: row !important
    }

    .min-\[1100px\]\:whitespace-nowrap {
        white-space: nowrap !important
    }

    .min-\[1100px\]\:text-\[1\.05rem\] {
        font-size: 1.05rem !important
    }
}

@media (min-width:1200px) {
    .min-\[1200px\]\:top-\[770px\] {
        top: 770px !important
    }
}

@media (min-width:1280px) {
    .xl\:my-\[3px\] {
        margin-bottom: 3px !important;
        margin-top: 3px !important
    }

    .xl\:-ml-\[20px\] {
        margin-left: -20px !important
    }

    .xl\:-ml-\[4px\] {
        margin-left: -4px !important
    }

    .xl\:mb-0 {
        margin-bottom: 0 !important
    }

    .xl\:mb-2 {
        margin-bottom: .5rem !important
    }

    .xl\:mb-3 {
        margin-bottom: .75rem !important
    }

    .xl\:mb-4 {
        margin-bottom: 1rem !important
    }

    .xl\:ml-0 {
        margin-left: 0 !important
    }

    .xl\:mt-0 {
        margin-top: 0 !important
    }

    .xl\:mt-1 {
        margin-top: .25rem !important
    }

    .xl\:mt-2 {
        margin-top: .5rem !important
    }

    .xl\:mt-\[1\.4rem\] {
        margin-top: 1.4rem !important
    }

    .xl\:block {
        display: block !important
    }

    .xl\:flex {
        display: flex !important
    }

    .xl\:h-\[100px\] {
        height: 100px !important
    }

    .xl\:w-\[290px\] {
        width: 290px !important
    }

    .xl\:w-\[calc\(100\%-290px\)\] {
        width: calc(100% - 290px) !important
    }

    .xl\:w-\[fit\] {
        width: fit !important
    }

    .xl\:w-auto {
        width: auto !important
    }

    .xl\:w-full {
        width: 100% !important
    }

    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    .xl\:flex-row {
        flex-direction: row !important
    }

    .xl\:flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .xl\:flex-col {
        flex-direction: column !important
    }

    .xl\:items-center {
        align-items: center !important
    }

    .xl\:gap-3 {
        gap: .75rem !important
    }

    .xl\:gap-4 {
        gap: 1rem !important
    }

    .xl\:gap-\[\.6rem\] {
        gap: .6rem !important
    }

    .xl\:gap-\[25px\] {
        gap: 25px !important
    }

    .xl\:overflow-visible {
        overflow: visible !important
    }

    .xl\:rounded-\[15px_15px_0_0\] {
        border-radius: 15px 15px 0 0 !important
    }

    .xl\:p-1\.5 {
        padding: .375rem !important
    }

    .xl\:px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .xl\:px-2\.5 {
        padding-left: .625rem !important;
        padding-right: .625rem !important
    }

    .xl\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .xl\:px-\[\.8rem\] {
        padding-left: .8rem !important;
        padding-right: .8rem !important
    }

    .xl\:py-8 {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .xl\:pb-0 {
        padding-bottom: 0 !important
    }

    .xl\:pb-3 {
        padding-bottom: .75rem !important
    }

    .xl\:pb-4 {
        padding-bottom: 1rem !important
    }

    .xl\:pt-0 {
        padding-top: 0 !important
    }

    .xl\:pt-2 {
        padding-top: .5rem !important
    }

    .xl\:text-left {
        text-align: left !important
    }

    .xl\:text-\[\.6rem\] {
        font-size: .6rem !important
    }

    .xl\:text-\[\.85rem\] {
        font-size: .85rem !important
    }

    .xl\:text-\[\.8rem\] {
        font-size: .8rem !important
    }

    .xl\:text-\[0\.7rem\] {
        font-size: .7rem !important
    }

    .xl\:text-\[0\.94rem\] {
        font-size: .94rem !important
    }

    .xl\:text-\[0\.9rem\] {
        font-size: .9rem !important
    }

    .xl\:text-\[1\.2rem\] {
        font-size: 1.2rem !important
    }

    .xl\:text-\[1\.3rem\] {
        font-size: 1.3rem !important
    }

    .xl\:text-\[1rem\],
    .xl\:text-base {
        font-size: 1rem !important
    }

    .xl\:text-base {
        line-height: 1.5rem !important
    }

    .xl\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .xl\:transition-all {
        transition-duration: .15s !important;
        transition-property: all !important;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
    }

    .xl\:ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
    }
}

@media (min-width:1350px) {
    .xxl1350\:w-\[calc\(100\%\/3-7px\)\] {
        width: calc(33.33333% - 7px) !important
    }

    .xxl1350\:flex-\[0_0_calc\(100\%\/3-7px\)\] {
        flex: 0 0 calc(33.33333% - 7px) !important
    }

    .xxl1350\:grid-cols-\[240px_calc\(100\%-253px\)\] {
        grid-template-columns: 240px calc(100% - 253px) !important
    }

    .xxl1350\:gap-\[18px\] {
        gap: 18px !important
    }

    .xxl1350\:gap-\[22px\] {
        gap: 22px !important
    }

    .xxl1350\:text-\[calc\(0\.4rem\+0\.4vw\)\] {
        font-size: calc(.4rem + .4vw) !important
    }

    .xxl1350\:text-\[calc\(0\.9rem\+0\.9vw\)\] {
        font-size: calc(.9rem + .9vw) !important
    }

    .xxl1350\:leading-\[calc\(0\.4rem\+0\.4vw\)\] {
        line-height: calc(.4rem + .4vw) !important
    }

    .xxl1350\:leading-\[calc\(0\.9rem\+0\.9vw\)\] {
        line-height: calc(.9rem + .9vw) !important
    }
}

@media (min-width:1400px) {
    .xxl\:text-\[1\.2rem\] {
        font-size: 1.2rem !important
    }

    .xxl\:text-\[1rem\] {
        font-size: 1rem !important
    }
}

@media (min-width:1528px) {
    .min-\[1528px\]\:grid-cols-\[1fr_1008px\] {
        grid-template-columns: 1fr 1008px !important
    }
}

@media (min-width:1536px) {
    .\32xl\:min-w-\[360px\] {
        min-width: 360px !important
    }

    .\32xl\:justify-start {
        justify-content: flex-start !important
    }

    .\32xl\:py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .\32xl\:text-\[0\.8rem\] {
        font-size: .8rem !important
    }

    .\32xl\:text-\[1\.1rem\] {
        font-size: 1.1rem !important
    }
}

@media (min-width:1600px) {
    .min-\[1600px\]\:h-\[calc\(100vh-306px\)\] {
        height: calc(100vh - 306px) !important
    }

    .min-\[1600px\]\:h-\[calc\(100vh-593px\)\] {
        height: calc(100vh - 593px) !important
    }

    .min-\[1600px\]\:h-\[calc\(100vh_-_209px\)\] {
        height: calc(100vh - 209px) !important
    }

    .min-\[1600px\]\:gap-\[26px\] {
        gap: 26px !important
    }
}

@media (min-width:1700px) {
    .min-\[1700px\]\:text-\[1\.25rem\] {
        font-size: 1.25rem !important
    }
}

@media (min-width:1800px) {
    .xxxl\:-mt-\[2px\] {
        margin-top: -2px !important
    }

    .xxxl\:w-\[calc\(100\%\/4-9px\)\] {
        width: calc(25% - 9px) !important
    }

    .xxxl\:flex-\[0_0_calc\(100\%\/4-9px\)\] {
        flex: 0 0 calc(25% - 9px) !important
    }

    .xxxl\:grid-cols-\[0\.6fr_1fr\] {
        grid-template-columns: .6fr 1fr !important
    }

    .xxxl\:gap-\[32px\] {
        gap: 32px !important
    }

    .xxxl\:rounded-\[12px\] {
        border-radius: 12px !important
    }

    .xxxl\:rounded-\[13px\] {
        border-radius: 13px !important
    }

    .xxxl\:p-\[8px_15px\] {
        padding: 8px 15px !important
    }

    .xxxl\:text-\[0\.86rem\] {
        font-size: .86rem !important
    }

    .xxxl\:text-\[1\.28rem\] {
        font-size: 1.28rem !important
    }

    .xxxl\:text-\[1\.7rem\] {
        font-size: 1.7rem !important
    }

    .xxxl\:text-\[1rem\] {
        font-size: 1rem !important
    }

    .xxxl\:leading-\[0\.86rem\] {
        line-height: .86rem !important
    }

    .xxxl\:leading-\[1\.7rem\] {
        line-height: 1.7rem !important
    }

    .xxxl\:leading-\[1rem\] {
        line-height: 1rem !important
    }
}

.cdn-icon[data-v-f6f85142],
.cdn-icon[data-v-f6f85142] svg {
    display: inline-block
}

.cdn-icon[data-v-f6f85142] svg {
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.cdn-icon__fallback[data-v-f6f85142] {
    background: currentColor;
    border-radius: 2px;
    opacity: .15
}

span[data-v-4c204409] {
    display: none
}

._5yjOB[data-v-4c204409] {
    align-items: center;
    height: auto;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

._5yjOB[data-v-4c204409],
.s79j4[data-v-4c204409] {
    display: flex;
    width: auto
}

.s79j4[data-v-4c204409] {
    height: 100%;
    max-width: 10rem;
    -o-object-fit: contain;
    object-fit: contain
}

.s79j4.Nau5n[data-v-4c204409] {
    height: 60%;
    max-width: 2rem
}

.l6oz0 {
    align-items: center;
    display: inline-flex;
    height: auto;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 20
}

.l6oz0 span {
    display: none
}

.l6oz0 .W7lF0 {
    align-items: center;
    height: auto;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.l6oz0 .Pr65C,
.l6oz0 .W7lF0 {
    display: flex;
    width: auto
}

.l6oz0 .Pr65C {
    height: 100%;
    max-width: 10rem;
    -o-object-fit: contain;
    object-fit: contain
}

.l6oz0 .Pr65C.SMXgw {
    height: 60%;
    max-width: 2rem
}

.languageItem[data-v-02af36e1] {
    align-items: center;
    background-color: #ffffff1a;
    border-radius: .25rem;
    color: #fffc;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    justify-content: space-around;
    line-height: 1rem;
    padding: .5rem .75rem
}

.listBoxWrapper[data-v-02af36e1] {
    min-width: 2rem;
    position: relative;
    width: auto;
    z-index: 30
}

.listBoxWrapper .listBoxButton[data-v-02af36e1] {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    gap: .375rem;
    position: relative;
    z-index: 20;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    background-color: #ffffff0d;
    font-size: .68rem;
    padding: .5rem .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.listBoxWrapper .listBoxButton[data-v-02af36e1]:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.listBoxWrapper .listBoxButton .flag[data-v-02af36e1] {
    height: 1rem;
    width: 1rem
}

.listBoxWrapper .listBoxOptions[data-v-02af36e1] {
    bottom: 0;
    min-width: 100%;
    padding-bottom: 2.75rem;
    position: absolute;
    z-index: 10
}

.listBoxWrapper ul[data-v-02af36e1] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .25rem;
    cursor: pointer;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    font-size: .68rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.listBoxWrapper ul[data-v-02af36e1]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.listBoxWrapper ul li[data-v-02af36e1] {
    white-space: nowrap
}

.listBoxWrapper ul a[data-v-02af36e1] {
    background-color: transparent;
    padding: .5rem .75rem;
    z-index: 400
}

.listBoxWrapper ul a[data-v-02af36e1]:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.listBoxWrapper ul a svg[data-v-02af36e1] {
    flex: none;
    margin-left: 0
}

.listBoxWrapper ul a span[data-v-02af36e1] {
    margin-right: auto
}

.lang-item[data-v-b7608cb9] {
    align-items: center;
    background-color: #ffffff1a;
    border-radius: .25rem;
    color: #fffc;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    justify-content: space-between;
    line-height: 1rem;
    padding: .5rem .75rem
}

.lang-item.active[data-v-b7608cb9] {
    background-color: #03de6333
}

.Wy7HC {
    align-items: center;
    background-color: transparent;
    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;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.Wy7HC img {
    max-width: 8rem
}

.Wy7HC .eDIWU {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    justify-content: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.Wy7HC .eDIWU h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom: .5rem
}

@media (min-width:1024px) {
    .Wy7HC .eDIWU h2 {
        font-size: 3.75rem;
        line-height: 1
    }
}

.Wy7HC .eDIWU strong {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .Wy7HC .eDIWU strong {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.Wy7HC .eDIWU small {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width:768px) {
    .Wy7HC .eDIWU small {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.Wy7HC .eDIWU.Pq50P strong {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.Wy7HC .yGNHK {
    margin-top: 1rem
}

.Wy7HC .yGNHK,
.Wy7HC .yGNHK button {
    align-items: center;
    display: flex;
    justify-content: center
}

.Wy7HC .yGNHK button {
    border-radius: .25rem;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.Wy7HC .yGNHK button.Pq50P {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.Wy7HC ._3d5j8 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.25rem
}

.EVvMz {
    height: 100%;
    inset: 0;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 999999;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    line-height: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.EVvMz,
.EVvMz .IZlz3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.EVvMz .IZlz3 {
    font-size: 1.5rem;
    gap: 1.25rem;
    line-height: 2rem;
    text-transform: uppercase
}

.EVvMz .IZlz3 ._1ocmT {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.EVvMz .IZlz3 ._1ocmT .fEtIv {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    padding: .5rem .75rem
}

.EVvMz .IZlz3 .X7o8Y,
.EVvMz .IZlz3 ._1ocmT .fEtIv {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    --tw-text-opacity: 1
}

.EVvMz .IZlz3 .X7o8Y,
.EVvMz .YQzCX {
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.EVvMz .YQzCX {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: center;
    line-height: 1.5rem;
    max-width: 450px;
    --tw-text-opacity: 1
}

.EVvMz .YQzCX .WqGYO {
    height: 2rem;
    margin-bottom: .25rem
}

.EVvMz .YQzCX ._0ZNkr {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem
}

.EVvMz .YQzCX .j-HX5 {
    align-items: center;
    color: #fffc;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    gap: 1.25rem;
    justify-content: center
}

.EVvMz .YQzCX .j-HX5,
.EVvMz .YQzCX .j-HX5 p {
    font-size: 1rem;
    line-height: 1.5rem;
    transform: none
}

.EVvMz .YQzCX .uM9SI {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    gap: .5rem;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.EVvMz .YQzCX .uM9SI .z8YRQ {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.EVvMz .YQzCX .rv2kY {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem
}

._8-ude {
    background-color: #001510e6;
    display: flex;
    flex-direction: column;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 999
}

._8-ude,
._8-ude iframe {
    height: 100%;
    width: 100%
}

._8-ude iframe {
    border-width: 0;
    position: relative;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

._8-ude .t6MtH {
    align-items: center;
    border-top: 1px hsla(0, 0%, 100%, .1);
    border-style: solid;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    font-size: .675rem;
    font-weight: 700;
    padding: .625rem
}

@media (min-width:368px) {
    ._8-ude .t6MtH {
        flex-direction: row;
        gap: 1rem
    }
}

@media (min-width:768px) {
    ._8-ude .t6MtH {
        font-size: .75rem;
        line-height: 1rem
    }
}

._8-ude .t6MtH .GYef7 {
    color: #fffc
}

._8-ude .t6MtH .VI3vK {
    display: flex;
    gap: .5rem
}

._8-ude .t6MtH .VI3vK button {
    border-radius: 9999px;
    font-size: .675rem;
    font-weight: 600;
    padding: .125rem .5rem
}

._8-ude .t6MtH .VI3vK button.huNPl {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

._8-ude .t6MtH .VI3vK button.nHDLZ {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.Gv1w- {
    align-items: center;
    background-color: #000000f2;
    border-radius: .5rem;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin: 1rem;
    overflow: hidden;
    padding: .75rem .875rem 1rem;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    z-index: 50;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    opacity: 0;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.Gv1w-.yob1v {
    opacity: 1;
    visibility: visible;
    z-index: 9999999999
}

.Gv1w-.ZDIZx {
    right: 0;
    top: 0;
    --tw-translate-y: -4rem
}

.Gv1w-.ZDIZx,
.Gv1w-.ZDIZx.yob1v {
    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))
}

.Gv1w-.ZDIZx.yob1v {
    --tw-translate-y: 0px
}

.Gv1w-.rObQI {
    left: 0;
    top: 0;
    --tw-translate-y: -4rem
}

.Gv1w-.rObQI,
.Gv1w-.rObQI.yob1v {
    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))
}

.Gv1w-.rObQI.yob1v {
    --tw-translate-y: 0px
}

.Gv1w-.hmWUI {
    left: 50%;
    top: 0;
    --tw-translate-x: -50%;
    --tw-translate-y: -4rem
}

.Gv1w-.hmWUI,
.Gv1w-.hmWUI.yob1v {
    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))
}

.Gv1w-.hmWUI.yob1v {
    --tw-translate-y: 0px;
    --tw-translate-x: -50%
}

.Gv1w-.IzXCO {
    left: 0;
    margin: 0;
    right: 0;
    top: 0;
    --tw-translate-y: -4rem;
    border-radius: 0
}

.Gv1w-.IzXCO,
.Gv1w-.IzXCO.yob1v {
    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))
}

.Gv1w-.IzXCO.yob1v {
    --tw-translate-y: 0px
}

.Gv1w-.sezxL {
    bottom: 0;
    right: 0;
    --tw-translate-y: 4rem;
    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))
}

.Gv1w-.sezxL.QMcLx:not(.Ya8xv):not(.JbEKw) {
    bottom: 57.52px
}

@media (min-width:768px) {
    .Gv1w-.sezxL.QMcLx:not(.Ya8xv):not(.JbEKw) {
        bottom: 0
    }
}

.Gv1w-.sezxL.yob1v {
    --tw-translate-y: 0px
}

.Gv1w-._5yYv8,
.Gv1w-.sezxL.yob1v {
    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))
}

.Gv1w-._5yYv8 {
    bottom: 0;
    left: 0;
    --tw-translate-y: 4rem
}

.Gv1w-._5yYv8.QMcLx:not(.Ya8xv):not(.JbEKw) {
    bottom: 57.52px
}

@media (min-width:768px) {
    .Gv1w-._5yYv8.QMcLx:not(.Ya8xv):not(.JbEKw) {
        bottom: 0
    }
}

.Gv1w-._5yYv8.yob1v {
    --tw-translate-y: 0px
}

.Gv1w-._0DBaS,
.Gv1w-._5yYv8.yob1v {
    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))
}

.Gv1w-._0DBaS {
    bottom: 0;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: 4rem
}

.Gv1w-._0DBaS.QMcLx:not(.Ya8xv):not(.JbEKw) {
    bottom: 57.52px
}

@media (min-width:768px) {
    .Gv1w-._0DBaS.QMcLx:not(.Ya8xv):not(.JbEKw) {
        bottom: 0
    }
}

.Gv1w-._0DBaS.yob1v {
    --tw-translate-y: 0px
}

.Gv1w-._0DBaS.yob1v,
.Gv1w-.q6ZUW {
    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))
}

.Gv1w-.q6ZUW {
    bottom: 0;
    left: 0;
    margin: 0;
    right: 0;
    --tw-translate-y: 4rem;
    border-radius: 0
}

.Gv1w-.q6ZUW.QMcLx:not(.Ya8xv):not(.JbEKw) {
    bottom: 57.52px
}

@media (min-width:768px) {
    .Gv1w-.q6ZUW.QMcLx:not(.Ya8xv):not(.JbEKw) {
        bottom: 0
    }
}

.Gv1w-.q6ZUW.yob1v {
    --tw-translate-y: 0px;
    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))
}

.Gv1w- .e0fIN {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: .75rem;
    line-height: 1rem;
    max-width: 100%
}

@media (min-width:768px) {
    .Gv1w- .e0fIN {
        max-width: 24rem
    }
}

.Gv1w- .e0fIN small {
    display: inline-flex;
    font-size: .68rem;
    line-height: .75rem;
    max-width: 90vw;
    opacity: .5;
    overflow: hidden
}

.Gv1w- .e0fIN .vPW4w {
    font-size: 1rem;
    line-height: 1.5rem
}

.Gv1w- .e0fIN .vPW4w.YUOUH {
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.Gv1w- .e0fIN .vPW4w.agx-a {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.Gv1w- .e0fIN .vPW4w.gRLwe {
    --tw-text-opacity: 1;
    color: rgb(0 150 255/var(--tw-text-opacity, 1))
}

.Gv1w- .e0fIN .vPW4w.tevxa {
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.Gv1w- .rpwHr {
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5rem;
    opacity: .5
}

.Gv1w- .rpwHr:hover {
    opacity: .9
}

.Gv1w- ._8CI7d {
    background-color: #fff3;
    bottom: 0;
    height: .25rem;
    left: 0;
    position: absolute;
    right: 0
}

.Gv1w- ._8CI7d .Zdcoe {
    height: 100%;
    transition: width .2s ease-in-out !important
}

.Gv1w- ._8CI7d .Zdcoe.QMcLx {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.Gv1w- ._8CI7d .Zdcoe.YUOUH {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.Gv1w- ._8CI7d .Zdcoe.agx-a {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.Gv1w- ._8CI7d .Zdcoe.gRLwe {
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 255/var(--tw-bg-opacity, 1))
}

.Gv1w- ._8CI7d .Zdcoe.tevxa {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1))
}

._8YGcR {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin: 1rem;
    position: fixed;
    z-index: 100000000000000000
}

._8YGcR.NzNf3 {
    align-items: flex-end;
    right: 0;
    top: 2.5rem
}

._8YGcR.H8S6d {
    align-items: flex-start;
    left: 0;
    top: 2.5rem
}

._8YGcR.eKsFL {
    align-items: flex-end;
    bottom: 0;
    right: 0
}

._8YGcR._8Gnro {
    align-items: flex-start;
    bottom: 0;
    left: 0
}

@media (max-width:768px) {
    ._8YGcR {
        left: 0;
        place-self: center;
        right: 0
    }
}

._1Te19 {
    background-color: #1115;
    border-radius: 1rem;
    gap: .75rem;
    overflow: hidden;
    padding: 1rem 1.25rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 90vw;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    opacity: 0;
    --tw-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:768px) {
    ._1Te19 {
        width: 350px
    }
}

._1Te19 {
    border: .1px solid hsla(0, 0%, 100%, .314);
    box-shadow: 0 4px 30px #0000001a, inset 0 0 20px #ffffff0d;
    display: grid;
    grid-template-columns: 1fr auto
}

._1Te19.xVCzv {
    opacity: 1;
    visibility: visible
}

._1Te19.YotP7 {
    animation: yzPzJ .5s ease-in-out forwards
}

._1Te19.YotP7,
._1Te19._5zG3N {
    will-change: transform, opacity
}

._1Te19._5zG3N {
    animation: _1KrRY .5s ease-in-out forwards;
    pointer-events: none;
    visibility: visible !important
}

@keyframes yzPzJ {
    0% {
        opacity: 0;
        transform: translateY(-16px)
    }

    80% {
        opacity: 1;
        transform: translateY(2px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _1KrRY {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-16px)
    }
}

._1Te19 .c2DVy {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    width: 100%
}

@media (min-width:768px) {
    ._1Te19 .c2DVy {
        max-width: 400px
    }
}

._1Te19 .c2DVy {
    align-items: center;
    -moz-column-gap: 18px;
    column-gap: 18px;
    display: grid;
    grid-template-columns: auto 1fr;
    row-gap: 6px
}

._1Te19 .c2DVy .hYlma {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    text-wrap: pretty
}

._1Te19 .c2DVy .hYlma .k68Bk {
    font-weight: 700;
    text-transform: uppercase
}

._1Te19 .c2DVy .hYlma .k68Bk,
._1Te19 .c2DVy .hYlma .rlwxj {
    font-size: 12px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._1Te19 .c2DVy .hYlma .rlwxj {
    font-weight: 400;
    line-height: 1.2;
    max-width: 90%;
    text-wrap: pretty
}

@media (min-width:768px) {
    ._1Te19 .c2DVy .hYlma .rlwxj {
        font-size: 13px
    }
}

._1Te19 .c2DVy small {
    display: inline-flex;
    font-size: .68rem;
    line-height: .75rem;
    max-width: 90vw;
    opacity: .5;
    overflow: hidden
}

._1Te19 .c2DVy .gjmzt {
    height: 3rem;
    width: 3rem
}

._1Te19 .c2DVy .gjmzt.jlNDu {
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

._1Te19 .c2DVy .gjmzt.HkJdU {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

._1Te19 .c2DVy .gjmzt.Sbbsm {
    --tw-text-opacity: 1;
    color: rgb(0 150 255/var(--tw-text-opacity, 1))
}

._1Te19 .c2DVy .gjmzt.E8Iqz {
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

._1Te19 .ZVdof {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    position: absolute;
    right: .75rem;
    top: .75rem
}

._1Te19 .qS43b {
    gap: 1.5rem;
    grid-column: 1/-1;
    height: 100%;
    width: 100%
}

._1Te19 .qS43b .T5u8r {
    align-items: center;
    border-radius: 6px;
    display: flex;
    height: 100%;
    justify-content: center;
    padding-bottom: .25rem;
    padding-top: .25rem;
    width: 100%
}

._1Te19 .qS43b .T5u8r.jlNDu {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    outline-color: #03de63;
    outline-style: solid;
    outline-width: 1px
}

._1Te19 .qS43b .T5u8r.HkJdU {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

._1Te19 .qS43b .T5u8r.Sbbsm {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    outline-color: #000;
    outline-style: solid;
    outline-width: 1px
}

._1Te19 .qS43b .T5u8r.E8Iqz {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1));
    outline-color: #ff0;
    outline-style: solid;
    outline-width: 2px
}

._1Te19 .qS43b .T5u8r._0yn7U {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    outline-color: #000;
    outline-style: solid;
    outline-width: 1px
}

._1Te19 .ctkOw {
    background-color: #fff3;
    bottom: 0;
    height: .375rem;
    left: 0;
    position: absolute;
    right: 0
}

._1Te19 .ctkOw .isTpi {
    height: 100%;
    transition: width .2s ease-in-out !important
}

._1Te19 .ctkOw .isTpi._0yn7U {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

._1Te19 .ctkOw .isTpi.jlNDu {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

._1Te19 .ctkOw .isTpi.HkJdU {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

._1Te19 .ctkOw .isTpi.Sbbsm {
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 255/var(--tw-bg-opacity, 1))
}

._1Te19 .ctkOw .isTpi.E8Iqz {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1))
}

._1Te19 .isTpi {
    animation-fill-mode: forwards;
    animation-name: _03pbV;
    animation-timing-function: linear;
    height: 100%;
    width: 100%
}

@keyframes _03pbV {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

body::-webkit-scrollbar {
    display: none
}

@media print {
    body {
        background-color: #fff
    }
}

.Vg1QD {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    gap: 1.25rem;
    line-height: 1.25rem;
    padding: .5rem 2rem 3rem;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .Vg1QD {
        height: 618px;
        overflow: auto;
        padding-bottom: 2.5rem
    }
}

.Vg1QD ul {
    border: solid hsla(0, 0%, 100%, .1);
    border-width: 1px 0 0;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 1.25rem
}

.Vg1QD ul li {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.Vg1QD ul b {
    color: #ffffff80
}

.Vg1QD ul a,
.Vg1QD ul button {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._8Plb- {
    align-items: center;
    background-color: #001510e6;
    border-radius: 5px;
    box-shadow: 0 5px 20px #0006;
    display: flex;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    padding: .5rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    transition-property: none;
    width: 40px;
    z-index: 10
}

._8Plb-,
._8Plb- svg {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._8Plb- svg {
    fill: #03de63;
    height: 1.2em;
    width: 1.2em
}

@media (min-width:769px) {
    ._8Plb- {
        right: -2px;
        top: -2px
    }

    ._8Plb-:hover {
        right: 0;
        top: 0
    }
}

._8Plb-.YtMl1 {
    background-color: #001510e6;
    right: .5rem;
    top: .5rem
}

._8Plb-.PZR2U {
    background-color: transparent;
    color: #ffffff80;
    font-size: 1.5rem;
    line-height: 2rem;
    right: 4px;
    top: 6px;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

._8Plb-.PZR2U svg {
    color: #ffffff80;
    fill: #ffffff80;
    height: 2.2em;
    width: 2.2em
}

@media (min-width:768px) {
    ._8Plb-.PZR2U {
        font-size: 1.875rem;
        line-height: 2.25rem;
        right: 14px;
        top: 14px
    }
}

.f-6B3 {
    align-items: center;
    background-color: #0003;
    display: flex;
    height: 3rem;
    justify-content: space-between;
    min-height: 3rem;
    padding-left: .5rem;
    padding-right: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:768px) {
    .f-6B3 {
        height: 4rem;
        min-height: 4rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.f-6B3 .Yi2c7 {
    display: flex;
    gap: .5rem;
    min-height: 2rem
}

.f-6B3 .Yi2c7 ._6bbJ7,
.f-6B3 .Yi2c7 .g4pyQ,
.f-6B3 .Yi2c7 .vQI8R {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    line-height: 1;
    padding: .25rem .625rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {

    .f-6B3 .Yi2c7 ._6bbJ7,
    .f-6B3 .Yi2c7 .g4pyQ,
    .f-6B3 .Yi2c7 .vQI8R {
        padding-bottom: .375rem;
        padding-top: .375rem
    }
}

.f-6B3 .Yi2c7 ._6bbJ7 .jSHow,
.f-6B3 .Yi2c7 .g4pyQ .jSHow,
.f-6B3 .Yi2c7 .vQI8R .jSHow {
    color: #191a1acc;
    display: inline;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-right: .5rem
}

.f-6B3 .Yi2c7 ._6bbJ7 .jSHow.de8ix,
.f-6B3 .Yi2c7 .g4pyQ .jSHow.de8ix,
.f-6B3 .Yi2c7 .vQI8R .jSHow.de8ix {
    color: #ffffff4d;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-right: 0
}

.f-6B3 .Yi2c7 ._6bbJ7 p,
.f-6B3 .Yi2c7 .g4pyQ p,
.f-6B3 .Yi2c7 .vQI8R p {
    font-size: .675rem;
    font-weight: 300;
    line-height: 1;
    text-align: left
}

.f-6B3 .Yi2c7 ._6bbJ7 p strong,
.f-6B3 .Yi2c7 .g4pyQ p strong,
.f-6B3 .Yi2c7 .vQI8R p strong {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    line-height: 1;
    margin-bottom: -1px
}

.f-6B3 .Yi2c7 ._6bbJ7,
.f-6B3 .Yi2c7 .g4pyQ {
    background-color: #ffffff1a;
    color: #ffffff80;
    padding-left: .5rem;
    padding-right: .5rem
}

.f-6B3 .Yi2c7 ._6bbJ7 {
    gap: .5rem
}

.f-6B3 .Yi2c7 ._6bbJ7 p {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.f-6B3 ._3lQOP {
    display: flex;
    gap: 1rem;
    padding-right: 2.5rem
}

@media (min-width:768px) {
    .f-6B3 ._3lQOP {
        padding-right: 3rem
    }
}

.f-6B3 ._3lQOP .Ytn0c {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .125rem;
    justify-content: center;
    line-height: 1;
    text-align: right
}

@media (min-width:768px) {
    .f-6B3 ._3lQOP .Ytn0c {
        gap: .25rem
    }
}

.f-6B3 ._3lQOP .Ytn0c span {
    font-size: .675rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.f-6B3 ._3lQOP .Ytn0c a {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.f-6B3 ._3lQOP .Je4se {
    color: #fff9;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1;
    margin-top: -.125rem
}

.f-6B3 ._3lQOP.ZEGVa .Ytn0c {
    text-align: left
}

.f-6B3 ._3lQOP._8ywy2 {
    padding-right: .25rem
}

.f-6B3.rzQ4I {
    background-color: #0009;
    height: 2.25rem;
    min-height: 2.25rem;
    padding-left: .375rem;
    padding-right: .375rem
}

.f-6B3.rzQ4I .Yi2c7 {
    gap: .375rem;
    min-height: 1.5rem
}

.f-6B3.rzQ4I .Yi2c7 ._6bbJ7,
.f-6B3.rzQ4I .Yi2c7 .g4pyQ,
.f-6B3.rzQ4I .Yi2c7 .vQI8R {
    border-radius: .25rem;
    padding: .125rem .5rem
}

.f-6B3.rzQ4I .Yi2c7 ._6bbJ7 .jSHow,
.f-6B3.rzQ4I .Yi2c7 .g4pyQ .jSHow,
.f-6B3.rzQ4I .Yi2c7 .vQI8R .jSHow {
    display: inline;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: .25rem
}

.f-6B3.rzQ4I .Yi2c7 ._6bbJ7 .jSHow.de8ix,
.f-6B3.rzQ4I .Yi2c7 .g4pyQ .jSHow.de8ix,
.f-6B3.rzQ4I .Yi2c7 .vQI8R .jSHow.de8ix {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-right: 0
}

.f-6B3.rzQ4I .Yi2c7 ._6bbJ7 p,
.f-6B3.rzQ4I .Yi2c7 .g4pyQ p,
.f-6B3.rzQ4I .Yi2c7 .vQI8R p {
    display: inline;
    font-size: .675rem;
    font-weight: 600;
    line-height: .75rem
}

.f-6B3.rzQ4I .Yi2c7 ._6bbJ7 p br,
.f-6B3.rzQ4I .Yi2c7 .g4pyQ p br,
.f-6B3.rzQ4I .Yi2c7 .vQI8R p br {
    display: none
}

.f-6B3.rzQ4I .Yi2c7 ._6bbJ7 p strong,
.f-6B3.rzQ4I .Yi2c7 .g4pyQ p strong,
.f-6B3.rzQ4I .Yi2c7 .vQI8R p strong {
    display: inline;
    font-size: .675rem;
    font-weight: 600;
    margin-bottom: 0
}

.f-6B3.rzQ4I .Yi2c7 ._6bbJ7,
.f-6B3.rzQ4I .Yi2c7 .g4pyQ {
    background-color: #ffffff1a;
    color: #ffffff80;
    padding-left: .5rem;
    padding-right: .5rem
}

.f-6B3.rzQ4I .Yi2c7 ._6bbJ7 {
    gap: .5rem
}

.f-6B3.rzQ4I .Yi2c7 ._6bbJ7 p {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.f-6B3.rzQ4I ._3lQOP {
    gap: .75rem;
    padding-right: 2.25rem
}

.f-6B3.rzQ4I ._3lQOP .Ytn0c span {
    display: none
}

.f-6B3.rzQ4I ._3lQOP .Je4se,
.f-6B3.rzQ4I ._3lQOP .Ytn0c a {
    font-size: .75rem;
    line-height: 1rem
}

.f-6B3.rzQ4I ._3lQOP .Je4se {
    height: 1.75rem;
    line-height: 1;
    margin-right: 1px;
    overflow: hidden;
    width: 1.75rem
}

.WNzXx {
    align-items: center;
    border-bottom-width: 1px;
    border-style: solid;
    display: flex;
    justify-content: center;
    min-width: 100%;
    --tw-border-opacity: 1;
    border-color: rgb(22 61 51/var(--tw-border-opacity, 1));
    padding-bottom: 1.5rem;
    padding-top: 1rem;
    --tw-text-opacity: 1;
    color: rgb(22 61 51/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .WNzXx {
        display: none
    }
}

.pOZuF {
    align-items: stretch;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: auto;
    width: 100%
}

@media (min-width:640px) {
    .pOZuF {
        align-items: center
    }
}

.pOZuF ._1EXdb {
    margin-top: .75rem;
    width: 100%
}

.pOZuF ._1EXdb,
.pOZuF .i-9Ui {
    display: flex;
    justify-content: center
}

.pOZuF .i-9Ui {
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
    z-index: 0
}

.pOZuF .rdEzG {
    background-color: #0015101a;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    overflow: auto;
    position: relative;
    width: 100%;
    --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: 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, .3);
    --tw-shadow: var(--tw-shadow-colored)
}

@media (min-width:768px) {
    .pOZuF .rdEzG {
        border-radius: 1rem;
        height: auto
    }
}

.pOZuF .rdEzG ._3lvVF {
    bottom: 0;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column
}

@media (min-width:768px) {
    .pOZuF .rdEzG ._3lvVF {
        flex-direction: row
    }
}

.pOZuF .rdEzG ._3lvVF .dMPL0 {
    background-color: #00151066;
    height: auto;
    padding: .75rem .75rem 0;
    width: 100%
}

@media (min-width:768px) {
    .pOZuF .rdEzG ._3lvVF .dMPL0 {
        height: 750px;
        max-width: 50vw;
        padding: 0;
        width: 450px
    }
}

.pOZuF .rdEzG ._3lvVF .dMPL0 img {
    border-radius: .5rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .pOZuF .rdEzG ._3lvVF .dMPL0 img {
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: 0;
        border-top-left-radius: .5rem;
        border-top-right-radius: 0
    }
}

.pOZuF .rdEzG ._3lvVF .dMPL0.gIXGr {
    display: none
}

.pOZuF .rdEzG ._3lvVF .EzYxM {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:768px) {
    .pOZuF .rdEzG ._3lvVF .EzYxM {
        width: 50%
    }
}

.pOZuF .rdEzG ._3lvVF .EzYxM ._1EXdb {
    margin-bottom: .25rem
}

.pOZuF .rdEzG ._3lvVF .EzYxM .QWiLj:not(.hAcvh) {
    flex: 1 1 0%;
    padding: .75rem
}

@media (min-width:768px) {
    .pOZuF .rdEzG ._3lvVF .EzYxM .QWiLj:not(.hAcvh) {
        padding: 1.75rem
    }

    .pOZuF .rdEzG.gIXGr:not(.hAcvh) {
        max-width: 500px
    }
}

.pOZuF .excSE {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    --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: 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, .3);
    --tw-shadow: var(--tw-shadow-colored)
}

@media (min-width:640px) {
    .pOZuF .excSE {
        height: auto;
        max-width: 440px
    }
}

.pOZuF .excSE .mdcT7 {
    right: .5rem;
    top: .5rem
}

.pOZuF .excSE .uENwW {
    margin-bottom: .5rem;
    padding: 0
}

.pOZuF .excSE .GS6rD {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%
}

.pOZuF .excSE .GS6rD ._1EXdb {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.pOZuF .excSE .GS6rD ._2Iq5F {
    flex: 1 1 0%;
    padding: 1.5rem
}

.pOZuF .GovTb {
    background-blend-mode: lighten;
    background-position: 50%;
    background-repeat: repeat;
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10
}

._3Snma {
    border-radius: 8px;
    display: flex;
    overflow: hidden;
    width: 100%
}

@media (min-width:1800px) {
    ._3Snma {
        border-radius: 12px
    }
}

._3Snma:before {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-radius: 9px;
    display: none;
    height: 50%;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 50%;
    z-index: -1;
    --tw-gradient-from: rgba(var(--bgBoxColorRGB), .2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(var(--bgBoxColorRGB), 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ffffff00 var(--tw-gradient-to-position);
    --tw-gradient-to-position: 50%;
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width:900px) {
    ._3Snma:before {
        display: block
    }
}

@media (min-width:1800px) {
    ._3Snma:before {
        border-radius: 13px
    }
}

.PyKVq {
    width: 100%
}

.MIGaV {
    animation: _2KDjO 1.8s infinite;
    background-color: #003628b3;
    border-radius: 8px
}

@media (min-width:375px) {
    .MIGaV {
        animation: O23z0 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%
    }
}

@keyframes O23z0 {
    to {
        -webkit-mask-position: left
    }
}

@keyframes _2KDjO {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.H76p- {
    align-items: center;
    bottom: 0;
    flex-direction: column;
    left: 0;
    margin-bottom: var(--b5920e4c);
    position: fixed;
    z-index: 800
}

.H76p-,
.H76p- .mTOtr {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 100%
}

.H76p- .mTOtr {
    align-items: flex-end;
    background-color: #001510b3;
    font-size: 1.5rem;
    line-height: 2rem;
    padding: .625rem;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.H76p- .MKwUz {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    box-shadow: 0 0 2rem #0006
}

.H76p- .Sk4xm {
    align-items: flex-start;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 28rem;
    padding: 1.5rem 1rem 2rem
}

.H76p- .L-YnR,
.H76p- .Sk4xm {
    display: flex;
    flex-direction: column
}

.H76p- .L-YnR {
    justify-content: center;
    width: 100%
}

.H76p- .xmppB {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin: 0;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.H76p- .xmppB .QM2Yq {
    height: 1.25rem;
    width: 100%
}

.H76p- .xu3jL {
    color: #ffffffb3;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    opacity: .7;
    width: 100%
}

.H76p- .xu3jL .QM2Yq {
    height: 1.25rem;
    margin-top: .5rem;
    width: 60%
}

._2Hd02 {
    overflow: auto;
    padding: .5rem;
    width: 100%
}

.wuhTW {
    border-radius: .375rem;
    border-style: none;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.NmDzr,
.wuhTW {
    display: flex;
    width: 100%;
    --tw-text-opacity: 1
}

.NmDzr {
    align-items: center;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    padding: .75rem
}

.QfY3W {
    width: 100%
}

.KB-i6 {
    justify-content: center;
    min-height: var(--v4165890c);
    min-width: 100%;
    position: relative
}

.DITUa,
.KB-i6 {
    display: flex
}

.DITUa {
    align-items: center;
    height: 100%;
    position: absolute;
    z-index: 10
}

.aKcs3 {
    animation: aKcs3 1s infinite
}

@keyframes aKcs3 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .5;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.Ml2HF {
    align-items: flex-end;
    aspect-ratio: 587/290;
    display: flex;
    flex: 0 0 82%;
    height: 100%;
    margin: 5px;
    max-width: 587px;
    position: relative;
    scroll-snap-align: center;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    white-space: normal;
    width: 82%
}

.Ml2HF:hover {
    --tw-brightness: brightness(1.15);
    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:600px) {
    .Ml2HF {
        aspect-ratio: 650/310;
        flex: 0 0 65%;
        width: 65%
    }
}

@media (min-width:700px) {
    .Ml2HF {
        flex: 0 0 55%;
        width: 55%
    }
}

@media (min-width:900px) {
    .Ml2HF {
        flex: 0 0 64%;
        width: 64%
    }
}

@media (min-width:1024px) {
    .Ml2HF {
        flex: 0 0 calc(50% - 5px);
        scroll-snap-align: start;
        width: calc(50% - 5px)
    }
}

@media (min-width:1350px) {
    .Ml2HF {
        flex: 0 0 calc(33.33333% - 7px);
        width: calc(33.33333% - 7px)
    }
}

@media (min-width:1800px) {
    .Ml2HF {
        flex: 0 0 calc(25% - 9px);
        width: calc(25% - 9px)
    }
}

.Ml2HF:first-of-type {
    margin-left: 10px
}

@media (min-width:900px) {
    .Ml2HF:first-of-type {
        margin-left: 0
    }
}

.Ml2HF:last-of-type {
    margin-right: 10px
}

@media (min-width:900px) {
    .Ml2HF:last-of-type {
        margin-right: 0
    }
}

.mczyr {
    border-radius: 9px;
    height: calc(100% - 2px);
    left: 1px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: calc(100% - 2px)
}

.mczyr img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1
}

.mczyr:after {
    background-color: #1c06de;
    bottom: 0;
    -webkit-mask-image: linear-gradient(143deg, transparent 53%, #000);
    mask-image: linear-gradient(143deg, transparent 53%, #000);
    mix-blend-mode: soft-light;
    right: 0
}

.mczyr:after,
.mczyr:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10
}

.mczyr:before {
    border-color: var(--color);
    border-radius: 9px;
    border-width: 1px;
    opacity: .15
}

.xLY3c {
    align-items: flex-start;
    color: var(--color);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    overflow: hidden;
    padding: 5%;
    position: relative;
    text-transform: uppercase;
    width: 62%;
    z-index: 30
}

.xLY3c .L-PC- {
    font-size: calc(.8rem + .8vw);
    font-weight: 800;
    line-height: calc(.8rem + .8vw);
    margin-bottom: 5%;
    text-shadow: 0 1px 0 var(--color), 0 2px 0 var(--color), 0 3px 5px rgba(0, 0, 0, .5);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:368px) {
    .xLY3c .L-PC- {
        font-size: calc(1rem + 1vw);
        line-height: calc(1rem + 1vw)
    }
}

@media (min-width:412px) {
    .xLY3c .L-PC- {
        font-size: calc(1.15rem + 1.15vw);
        line-height: calc(1.15rem + 1.15vw)
    }
}

@media (min-width:600px) {
    .xLY3c .L-PC- {
        font-size: calc(1.2rem + 1.2vw);
        line-height: calc(1.2rem + 1.2vw)
    }
}

@media (min-width:1024px) {
    .xLY3c .L-PC- {
        font-size: calc(1.1rem + 1.1vw);
        line-height: calc(1.1rem + 1.1vw)
    }
}

@media (min-width:1350px) {
    .xLY3c .L-PC- {
        font-size: calc(.9rem + .9vw);
        line-height: calc(.9rem + .9vw)
    }
}

@media (min-width:1800px) {
    .xLY3c .L-PC- {
        font-size: 1.7rem;
        line-height: 1.7rem
    }
}

.xLY3c svg {
    height: 20px;
    width: 20px
}

@media (min-width:412px) {
    .xLY3c svg {
        height: 30px;
        width: 30px
    }
}

@media (min-width:600px) {
    .xLY3c svg {
        height: 35px;
        width: 35px
    }
}

.xLY3c p {
    display: block;
    font-size: calc(.4rem + .4vw);
    line-height: calc(.4rem + .4vw);
    margin-bottom: 5%;
    --tw-drop-shadow: drop-shadow(0 1px 0 rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5));
    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:368px) {
    .xLY3c p {
        font-size: calc(.6rem + .6vw);
        line-height: calc(.6rem + .6vw)
    }
}

@media (min-width:1024px) {
    .xLY3c p {
        font-size: calc(.5rem + .5vw);
        line-height: calc(.5rem + .5vw)
    }
}

@media (min-width:1350px) {
    .xLY3c p {
        font-size: calc(.4rem + .4vw);
        line-height: calc(.4rem + .4vw)
    }
}

@media (min-width:1800px) {
    .xLY3c p {
        font-size: 1rem;
        line-height: 1rem
    }
}

.cqOhu {
    background-color: var(--color);
    border-radius: 20px;
    display: inline-block;
    font-size: calc(.4rem + .4vw);
    font-weight: 800;
    line-height: calc(.4rem + .4vw);
    padding: 3% 6%;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    outline-color: #ffffff1a;
    outline-offset: -3px;
    outline-style: solid;
    outline-width: 1px
}

@media (min-width:368px) {
    .cqOhu {
        font-size: calc(.6rem + .6vw);
        line-height: calc(.6rem + .6vw)
    }
}

@media (min-width:1024px) {
    .cqOhu {
        font-size: calc(.5rem + .5vw);
        line-height: calc(.5rem + .5vw)
    }
}

@media (min-width:1350px) {
    .cqOhu {
        font-size: calc(.4rem + .4vw);
        line-height: calc(.4rem + .4vw)
    }
}

@media (min-width:1800px) {
    .cqOhu {
        font-size: .86rem;
        line-height: .86rem;
        padding: 8px 15px
    }
}

.cqOhu:before {
    background-color: var(--color);
    border-radius: 20px;
    content: "";
    left: 0;
    opacity: .3;
    top: 3px;
    z-index: -1
}

.QyE8i,
.cqOhu:before,
.j2eU5 {
    height: 100%;
    position: absolute;
    width: 100%
}

.QyE8i,
.j2eU5 {
    border-radius: 10px;
    overflow: hidden;
    z-index: 0
}

.QyE8i {
    opacity: 1;
    --tw-blur: blur(3px);
    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)
}

.QyE8i:before,
.j2eU5:before {
    animation: BQabp 5s linear infinite;
    background-image: conic-gradient(transparent, var(--color), transparent 25%);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 9000px;
    left: 50%;
    opacity: .5;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0);
    width: 9000px;
    z-index: -2
}

.QyE8i:before,
.j2eU5:after,
.j2eU5:before {
    content: "";
    position: absolute
}

.j2eU5:after {
    background-color: var(--bgColor);
    border-radius: 10px;
    height: calc(100% - 2px);
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    z-index: -1
}

@keyframes BQabp {
    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.ojVmI {
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 0
}

.HW-0q,
.ojVmI,
.sGZ2H {
    left: 0;
    position: absolute
}

.HW-0q,
.sGZ2H {
    display: flex;
    height: 30px;
    top: 50%;
    width: 30px;
    z-index: 50;
    --tw-translate-y: -50%;
    align-items: center;
    border-radius: 9999px;
    cursor: pointer;
    justify-content: center;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: var(--primaryColor) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--primaryColorDegrade) var(--tw-gradient-to-position);
    color: var(--textColorInvert);
    opacity: .5;
    --tw-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    --tw-shadow-colored: 1px 1px 5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:900px) {

    .HW-0q,
    .sGZ2H {
        left: -4px
    }
}

.HW-0q span,
.sGZ2H span {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.HW-0q span svg,
.sGZ2H span svg {
    color: var(--textColorInvert);
    height: 45%;
    stroke: var(--textColorInvert);
    stroke-width: 4%;
    width: 45%
}

.sGZ2H {
    left: unset;
    right: -3px
}

@media (min-width:900px) {
    .sGZ2H {
        left: unset;
        right: -4px
    }
}

.sGZ2H span svg {
    margin-right: -2px
}

.HW-0q span svg {
    margin-left: -2px
}

.HW-0q:hover,
.sGZ2H:hover {
    opacity: 1
}

.RiimC {
    display: block;
    margin-bottom: 8px;
    position: relative;
    z-index: 0
}

@media (min-width:600px) {
    .RiimC {
        margin-bottom: 15px
    }
}

.CD0-y {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -5px;
    position: relative;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    overflow: scroll;
    scroll-behavior: smooth;
    white-space: nowrap
}

@media (min-width:600px) {
    .CD0-y {
        margin-top: 0
    }
}

@media (min-width:900px) {
    .CD0-y {
        margin-left: 0;
        margin-right: 0;
        margin-top: -5px
    }
}

.CD0-y::-webkit-scrollbar,
.CD0-y::-webkit-scrollbar-thumb {
    height: 0;
    width: 0
}

.title[data-v-60590fc9] {
    font-size: .875rem;
    font-weight: 800;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    margin-right: .5rem;
    margin-top: .25rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .title[data-v-60590fc9] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width:768px) {
    .title[data-v-60590fc9] {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .title[data-v-60590fc9] {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media print {
    .title[data-v-60590fc9] {
        color: #2f2d2e !important
    }
}

.title .icon[data-v-60590fc9] {
    --tw-text-opacity: 1;
    color: rgb(3 59 222);
}

.title .icon[data-v-60590fc9] * {
    height: 25px;
    width: 25px
}

.custom-drop-shadow[data-v-60590fc9] {
    filter: drop-shadow(1px 1px 0 rgba(var(--blackRGB), .5)) drop-shadow(0 0 5px rgba(var(--primaryColorRGB), .8))
}

.recommended_title[data-v-dd83a0be] {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: .375rem
}

.recommended_title .skeleton-loading[data-v-dd83a0be] {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .recommended_title .skeleton-loading[data-v-dd83a0be] {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .recommended_title .skeleton-loading[data-v-dd83a0be] {
        margin-bottom: .25rem
    }
}

.NqKlg {
    display: grid;
    flex: 0 0 165px;
    gap: 8px;
    grid-template-columns: 32% 1fr;
    margin-bottom: 5px;
    padding-left: 10px;
    position: relative;
    scroll-snap-align: start;
    transition-duration: .1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    white-space: normal;
    width: 165px
}

.NqKlg:hover {
    --tw-brightness: brightness(1.25);
    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)
}

.NqKlg:after,
.NqKlg:before {
    background: linear-gradient(155deg, transparent 46%, var(--colorItem) 151%);
    border-color: var(--colorItem);
    border-radius: 0 0 20px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: "";
    height: 110%;
    -webkit-mask-image: linear-gradient(149deg, transparent 46%, #000);
    mask-image: linear-gradient(149deg, transparent 46%, #000);
    opacity: .5;
    position: absolute;
    transform: skew(var(--skew));
    width: 88%;
    z-index: 0
}

.NqKlg:after,
.NqKlg:before {
    right: 0
}

.NqKlg:after {
    background: linear-gradient(155deg, transparent 46%, var(--colorItem) 100%);
    border-width: 0;
    bottom: -2px;
    filter: blur(3px);
    -webkit-mask-image: unset;
    mask-image: unset;
    outline-width: 0;
    z-index: -1
}

.NqKlg .HeMJr {
    margin-bottom: 0
}

.NqKlg .HeMJr,
.NqKlg .HeMJr img {
    width: 100%
}

.NqKlg .HeMJr img {
    border-radius: 8px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    outline-color: var(--colorItem);
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.NqKlg .XZjbg {
    align-items: flex-end;
    justify-content: space-between
}

.NqKlg .XZjbg,
.NqKlg .XZjbg .ZdTwr {
    display: flex;
    flex-direction: column;
    width: 100%
}

.NqKlg .XZjbg .ZdTwr {
    align-items: flex-start
}

.NqKlg .Yd7yK {
    color: var(--colorItem);
    display: block;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    opacity: .5
}

.NqKlg .QRP9A {
    display: block;
    font-size: .65rem;
    font-weight: 600
}

@media (min-width:600px) {
    .NqKlg .QRP9A {
        font-size: .7rem
    }
}

.NqKlg .BtH1- {
    display: block;
    font-size: .8rem;
    line-height: .7rem;
    margin-bottom: .25rem;
    overflow: hidden;
    white-space: pre-wrap;
    --tw-brightness: brightness(1.1);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.NqKlg .BtH1-,
.NqKlg .Z1q6b {
    color: var(--colorItem);
    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);
    font-weight: 800;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 3px rgba(0, 0, 0, .5);
    text-transform: uppercase
}

.NqKlg .Z1q6b {
    align-items: center;
    bottom: 7px;
    display: inline-flex;
    font-size: .6rem;
    justify-content: center;
    margin-top: 12px;
    padding: 5px .75rem;
    position: relative;
    right: -2px;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 10;
    --tw-brightness: brightness(1.5)
}

.NqKlg .Z1q6b:before {
    border-radius: 5px 5px 10px;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1;
    --tw-blur: blur(1px);
    --tw-brightness: brightness(.8);
    background: linear-gradient(149deg, transparent 40%, var(--colorItem) 100%);
    content: "";
    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);
    transform: skew(var(--skew))
}

.NqKlg:hover .Z1q6b {
    animation: J1b-5 1s ease-in-out infinite
}

.NqKlg .NHQZv {
    height: 60%;
    opacity: .07;
    position: absolute;
    right: 0;
    width: auto;
    z-index: -1
}

@media screen and (min-width:900px) {
    .NqKlg {
        scroll-snap-align: start
    }
}

@media screen and (min-width:1270px) {
    .NqKlg {
        flex: 0 0 calc(25% - 20px);
        width: calc(25% - 20px)
    }
}

@media screen and (min-width:1470px) {
    .NqKlg {
        flex: 0 0 calc(20% - 20px);
        width: calc(20% - 20px)
    }
}

@media screen and (min-width:1730px) {
    .NqKlg {
        flex: 0 0 calc(16.66667% - 20px);
        width: calc(16.66667% - 20px)
    }
}

@media screen and (min-width:1800px) {
    .NqKlg {
        flex: 0 0 calc(16.66667% - 29px);
        max-width: 185px;
        width: calc(16.66667% - 29px)
    }
}

@keyframes J1b-5 {
    0% {
        right: 5px
    }

    50% {
        right: 15px
    }

    to {
        right: 5px
    }
}

.kD0A4 {
    filter: drop-shadow(0 0 5px rgba(248, 192, 109, .8));
    height: 1.5rem;
    margin-right: 1rem;
    width: 1.5rem
}

.Adw7B {
    gap: 15px;
    margin-bottom: 5px
}

@media (min-width:600px) {
    .Adw7B {
        margin-bottom: 10px
    }
}

@media (min-width:900px) {
    .Adw7B {
        margin-bottom: -15px
    }
}

@media (min-width:1800px) {
    .Adw7B {
        gap: 32px
    }
}

.recommended_title[data-v-21f89511] {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: .375rem
}

.recommended_title .skeleton-loading[data-v-21f89511] {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .recommended_title .skeleton-loading[data-v-21f89511] {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .recommended_title .skeleton-loading[data-v-21f89511] {
        margin-bottom: .25rem
    }
}

.gFBiM {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding-bottom: 1rem
}

@media (min-width:640px) {
    .gFBiM {
        gap: .75rem;
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    .gFBiM {
        gap: 1rem
    }
}

@media (min-width:1800px) {
    .gFBiM {
        gap: 1.25rem
    }
}

.gVhMj {
    filter: drop-shadow(0 0 5px rgba(248, 192, 109, .8));
    height: 1.5rem;
    margin-right: 1rem;
    width: 1.5rem
}

._0A8mR {
    position: relative
}

._0A8mR:after {
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
    content: var(--tw-content);
    opacity: .1;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

._0A8mR:hover:after {
    content: var(--tw-content);
    opacity: .15
}

._0A8mR img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    transform: scale(1.02);
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

._0A8mR img:hover {
    transform: scale(1.15) rotate(1.4deg)
}

._0A8mR:first-child {
    grid-column: span 3/span 3;
    grid-row: span 2/span 2
}

@media (min-width:640px) {
    ._0A8mR:first-child {
        grid-column: span 2/span 2
    }
}

._0A8mR:nth-child(2),
._0A8mR:nth-child(3) {
    grid-column: span 3/span 3
}

._0A8mR:nth-child(4),
._0A8mR:nth-child(5),
._0A8mR:nth-child(6) {
    aspect-ratio: 3/1.15;
    grid-column: span 2/span 2
}

@media (min-width:640px) {

    ._0A8mR:nth-child(4),
    ._0A8mR:nth-child(5),
    ._0A8mR:nth-child(6) {
        aspect-ratio: 2/.8
    }
}

.recommended_title[data-v-4f93da86] {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: .375rem
}

@media (min-width:412px) {
    .recommended_title[data-v-4f93da86] {
        margin-top: 1rem
    }
}

.recommended_title .skeleton-loading[data-v-4f93da86] {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .recommended_title .skeleton-loading[data-v-4f93da86] {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .recommended_title .skeleton-loading[data-v-4f93da86] {
        margin-bottom: .25rem
    }
}

.row_imgs[data-v-4f93da86] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem
}

@media (min-width:640px) {
    .row_imgs[data-v-4f93da86] {
        gap: .75rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width:768px) {
    .row_imgs[data-v-4f93da86] {
        gap: 1rem;
        margin-bottom: 2rem
    }
}

@media (min-width:1024px) {
    .row_imgs[data-v-4f93da86] {
        gap: 1.25rem
    }
}

.row_imgs.loading-indicator[data-v-4f93da86] {
    margin-bottom: 0
}

.row_imgs.loading-indicator .skeleton-loading[data-v-4f93da86] {
    aspect-ratio: 25/33;
    flex: 1 1 0%
}

@media screen and (min-width:768px) {
    .row_imgs.loading-indicator .skeleton-loading[data-v-4f93da86] {
        aspect-ratio: 29/8
    }
}

.Sy2cs {
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-bottom: .25rem
}

.Sy2cs p {
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(162 165 175/var(--tw-text-opacity, 1))
}

.Sy2cs .i5qFk {
    align-items: center;
    display: flex;
    gap: 3px
}

.Sy2cs .i5qFk .nwqht {
    color: #ffffffb3;
    font-size: .78rem
}

.Sy2cs .wjmf1 {
    align-items: flex-start;
    align-self: flex-start;
    display: flex;
    gap: .25rem;
    width: 100%
}

.Sy2cs .wjmf1 .kwsBm {
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    justify-content: center;
    line-height: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(162 165 175/var(--tw-text-opacity, 1))
}

@media (max-width:1370px) {
    .Sy2cs .wjmf1 .kwsBm {
        align-items: center
    }
}

.Sy2cs .wjmf1 .kwsBm .Q-aO2 {
    align-items: center;
    display: flex;
    padding: .25rem;
    position: relative
}

.Sy2cs .wjmf1 .kwsBm .Q-aO2.NOSin {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.Sy2cs .wjmf1 .kwsBm .Q-aO2.NOSin:after {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    bottom: 0;
    height: .125rem;
    left: 0;
    position: absolute;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-content: "";
    content: var(--tw-content)
}

.G0Y3O {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 15px;
    display: grid;
    gap: 0;
    grid-template-columns: 90px auto;
    margin-top: .75rem;
    --tw-gradient-from: var(--bgDarkGradient) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--bgDarkGradientEnd) var(--tw-gradient-to-position)
}

@media (min-width:900px) {
    .G0Y3O {
        gap: .5rem;
        grid-template-columns: 106px auto
    }
}

@media (min-width:1280px) {
    .G0Y3O {
        display: block
    }
}

.G0Y3O ._6AwC0 {
    align-items: center;
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-radius: 15px 50px 0 15px;
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
    justify-content: space-between;
    left: -1px;
    margin-bottom: -1px;
    position: relative;
    top: -1px;
    width: calc(100% + 1px);
    --tw-gradient-from: rgba(var(--primaryColorRGB), .4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(var(--primaryColorRGB), 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);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: 0;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:1280px) {
    .G0Y3O ._6AwC0 {
        border-radius: 15px 15px 0 0;
        flex-direction: row;
        gap: 0
    }
}

.G0Y3O ._6AwC0 .ufV3n {
    display: block;
    font-size: .8rem;
    line-height: 1;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    top: -13px
}

@media (min-width:900px) {
    .G0Y3O ._6AwC0 .ufV3n {
        font-size: 1rem
    }
}

@media (min-width:1280px) {
    .G0Y3O ._6AwC0 .ufV3n {
        top: 0
    }
}

.G0Y3O ._6AwC0 .eExoC {
    display: none;
    font-size: .55rem;
    font-weight: 100;
    margin-top: 3px;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:1280px) {
    .G0Y3O ._6AwC0 .eExoC {
        display: block
    }
}

.G0Y3O ._6AwC0 img {
    height: auto;
    margin-bottom: 0;
    margin-top: -18px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    right: -5px;
    width: 64%
}

@media (min-width:900px) {
    .G0Y3O ._6AwC0 img {
        width: 72%
    }
}

@media (min-width:1280px) {
    .G0Y3O ._6AwC0 img {
        height: 100px;
        margin-left: -20px;
        width: auto
    }
}

.XCwFM {
    display: flex;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
    width: 100%;
    --tw-scroll-snap-strictness: mandatory;
    align-items: center;
    border-radius: 6px;
    gap: 0
}

@media (min-width:600px) {
    .XCwFM {
        -moz-column-gap: 0;
        column-gap: 0
    }
}

@media (min-width:900px) {
    .XCwFM {
        margin-top: 5px
    }
}

@media (min-width:1280px) {
    .XCwFM {
        flex-direction: column;
        gap: .75rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin-left: -4px;
        overflow: visible;
        padding: .5rem 1rem 1rem;
        width: 100%
    }
}

@media (min-width:900px) {

    .XCwFM::-webkit-scrollbar,
    .XCwFM:hover::-webkit-scrollbar {
        height: 5px
    }

    .XCwFM::-webkit-scrollbar-thumb,
    .XCwFM:hover::-webkit-scrollbar-thumb {
        border-width: 0
    }
}

.SBFb1 {
    align-items: flex-start;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    margin-bottom: 7px;
    margin-top: 7px;
    padding-left: .5rem;
    padding-right: .5rem;
    scroll-snap-align: start;
    width: 100%
}

@media (min-width:412px) {
    .SBFb1 {
        flex: 0 0 75%
    }
}

@media (min-width:455px) {
    .SBFb1 {
        flex: 0 0 65%
    }
}

@media (min-width:500px) {
    .SBFb1 {
        flex: 0 0 50%;
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media (min-width:700px) {
    .SBFb1 {
        flex: 0 0 33.333%
    }
}

@media (min-width:900px) {
    .SBFb1 {
        flex: 0 0 50%
    }
}

@media (min-width:1024px) {
    .SBFb1 {
        flex: 0 0 33.333%;
        padding-right: .75rem
    }
}

@media (min-width:1280px) {
    .SBFb1 {
        margin-bottom: 3px;
        margin-left: 0;
        margin-top: 3px;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.SBFb1:last-child {
    margin-bottom: 0
}

.SBFb1:nth-child(2n) .WdwGH {
    border-color: rgba(var(--primaryColorRGB), .15);
    border-radius: 10px;
    --tw-gradient-from: rgba(var(--primaryColorRGB), .1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(var(--primaryColorRGB), 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)
}

.SBFb1:nth-child(2n) .WdwGH,
.WdwGH {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.WdwGH {
    border-color: rgba(var(--primaryColorRGB), .1);
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 0 0;
    display: block;
    margin-left: 15px;
    min-height: 69px;
    position: relative;
    width: calc(100% - 15px);
    --tw-gradient-from: rgba(var(--bgColorRGB), .9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(var(--bgColorRGB), 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: var(--textColor);
    font-size: .8rem
}

.WdwGH .M5ltJ {
    float: left;
    font-size: 0;
    height: auto;
    margin: 3px 7px 5px -15px;
    position: relative;
    width: 52px;
    z-index: 1
}

@media (min-width:900px) {
    .WdwGH .M5ltJ {
        margin-bottom: 10px;
        margin-top: -7px;
        width: 60px
    }
}

.WdwGH .M5ltJ img {
    aspect-ratio: 60/69;
    border-color: rgba(var(--primaryColorRGB), .1);
    border-radius: 7px;
    border-style: solid;
    border-width: 2px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top;
    width: 101%
}

.WdwGH .M5ltJ:before {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-bottom-right-radius: 5px;
    bottom: -3px;
    content: "";
    height: 20%;
    position: absolute;
    right: 2px;
    width: 90%;
    z-index: -1;
    --tw-gradient-from: rgba(var(--blackRGB), .1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(var(--blackRGB), 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(var(--blackRGB), 1) var(--tw-gradient-to-position);
    --tw-blur: blur(1px);
    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);
    transform: skewY(-9deg)
}

.WdwGH .nLKq0 {
    display: flex;
    flex-direction: column
}

.WdwGH .gTUMB {
    font-weight: 600;
    margin-top: 5px;
    padding: 2px 0;
    text-transform: uppercase
}

@media (min-width:900px) {
    .WdwGH .gTUMB {
        margin-top: 9px
    }
}

@media (min-width:1280px) {
    .WdwGH .gTUMB {
        margin-top: .5rem
    }
}

.WdwGH .hcN5S {
    font-size: .6rem;
    font-weight: 300;
    opacity: .6;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width:1280px) {
    .WdwGH .hcN5S {
        padding-bottom: .25rem;
        padding-top: 0
    }
}

.WdwGH .Ex86b {
    font-size: .85rem;
    font-weight: 800;
    line-height: .9rem;
    margin-bottom: 0;
    padding-bottom: 2px;
    padding-top: 2px;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.-JVa3 {
    height: auto;
    margin-left: -10px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 20px)
}

@media (min-width:900px) {
    .-JVa3 {
        margin-left: 0;
        width: 100%
    }
}

.rpneC {
    display: flex;
    gap: .5rem;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
    scroll-behavior: smooth;
    z-index: 0
}

@media (min-width:640px) {
    .rpneC {
        gap: .75rem
    }
}

.rpneC.IRS8a {
    left: calc(var(--v114cddc2)*-1);
    overflow: visible;
    transform: translate(var(--v114cddc2))
}

.rpneC:not(.IRS8a) {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory
}

.rpneC.H3vO2 {
    transform: none;
    transition: all .5s cubic-bezier(.23, 1, .32, 1) !important
}

.peBY3 {
    padding-bottom: 1rem;
    padding-top: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (min-width:412px) {
    .peBY3 {
        padding-bottom: 0
    }
}

.peBY3 {
    flex-basis: var(--v20afe1c0);
    flex-shrink: var(--v6fe531bf)
}

.peBY3:first-child {
    margin-left: 10px
}

@media (min-width:900px) {
    .peBY3:first-child {
        margin-left: 0
    }
}

.peBY3:last-child {
    margin-right: 10px
}

@media (min-width:900px) {
    .peBY3:last-child {
        margin-right: 0
    }
}

.Vulse._9YlsZ:before {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    display: none;
    height: 100%;
    left: -1px;
    max-width: 80px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 16%;
    z-index: 10;
    --tw-gradient-from: var(--bgColor) 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-content: "";
    content: var(--tw-content)
}

@media (min-width:1280px) {
    .Vulse._9YlsZ:before {
        display: block
    }
}

.Vulse.EEtS9:after {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    display: block;
    height: 100%;
    max-width: 80px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: 0;
    width: 16%;
    z-index: 10;
    --tw-gradient-from: var(--bgColor) 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-content: "";
    content: var(--tw-content)
}

@media (min-width:900px) {
    .Vulse.EEtS9:after {
        display: block
    }
}

.-AdiC {
    display: grid;
    height: 100%;
    place-items: center;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 2rem;
    z-index: 20;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.-AdiC._9YlsZ {
    left: 0
}

.-AdiC.EEtS9 {
    right: 0
}

.uyA-x {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important
}

.uyA-x::-webkit-scrollbar {
    display: none !important
}

.-JVa3.-rtCX .-AdiC,
.-JVa3:hover .-AdiC {
    visibility: visible
}

.txCJA {
    margin-top: .5rem;
    overflow: visible;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:412px) {
    .txCJA {
        margin-bottom: 1.5rem
    }
}

@media (min-width:900px) {
    .txCJA {
        margin-bottom: 2rem;
        margin-left: 0;
        margin-top: .75rem;
        width: 100% !important
    }
}

@media (min-width:1280px) {
    .txCJA {
        margin-top: 0
    }
}

.txCJA div:first-of-type:after,
.txCJA div:first-of-type:before {
    display: none !important
}

@media (min-width:900px) {

    .txCJA div:first-of-type:after,
    .txCJA div:first-of-type:before {
        display: block !important
    }
}

.txCJA div:first-of-type:after {
    border-radius: 0 20px
}

.txCJA div:first-of-type:before {
    border-radius: 20px 0
}

.LApSo {
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 9999px;
    color: var(--textColor);
    display: flex;
    justify-content: center;
    position: relative;
    scroll-snap-align: center;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    white-space: normal;
    width: 55px
}

@media (min-width:412px) {
    .LApSo {
        width: 59px
    }
}

@media (min-width:420px) {
    .LApSo {
        width: 61px
    }
}

@media (min-width:500px) {
    .LApSo {
        width: 75px
    }
}

@media (min-width:768px) {
    .LApSo {
        width: 82px
    }
}

.LApSo {
    background: radial-gradient(circle at 50% 30%, rgba(var(--primaryColorRGB), 0) 40%, rgba(var(--primaryColorRGB), .1))
}

.LApSo:before {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border: 1px solid #ffffff05;
    border-radius: 9999px;
    height: 86%;
    width: 86%;
    z-index: 1;
    --tw-gradient-from: var(--topColorFinal) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--bgDarkGradientEnd) var(--tw-gradient-to-position);
    --tw-shadow: 0 10px 8px -7px rgba(0, 0, 0, .8);
    --tw-shadow-colored: 0 10px 8px -7px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.LApSo:after,
.LApSo:before {
    content: "";
    position: absolute
}

.LApSo:after {
    background-image: radial-gradient(circle at 50% 30%, rgba(var(--primaryColorRGB), .1) 45%, rgba(var(--primaryColorRGB), 1));
    border-radius: 9999px;
    height: 100%;
    opacity: 0;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 2
}

.LApSo:hover:after {
    animation: U08PY 1s 1 forwards
}

@keyframes U08PY {
    0% {
        opacity: 1
    }

    3% {
        opacity: 0
    }

    6% {
        opacity: 1
    }

    12% {
        opacity: 0
    }

    16% {
        opacity: .8
    }

    20% {
        opacity: .2
    }

    to {
        opacity: .8
    }
}

.LApSo span {
    align-items: center;
    color: var(--textColor);
    display: flex;
    font-size: .45rem;
    font-weight: 700;
    height: 23%;
    justify-content: center;
    line-height: .6rem;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 72%;
    width: 85%;
    z-index: 3
}

@media (min-width:500px) {
    .LApSo span {
        font-size: .5rem
    }
}

@media (min-width:768px) {
    .LApSo span {
        font-size: .55rem
    }
}

@media (min-width:1024px) {
    .LApSo span {
        font-size: .6rem;
        line-height: .65rem
    }
}

.LApSo span {
    text-shadow: 2px 2px 0 var(--bgDarkGradientEnd), 2px -2px 0 var(--bgDarkGradientEnd), -2px 2px 0 var(--bgDarkGradientEnd), -2px -2px 0 var(--bgDarkGradientEnd), 0 2px 0 var(--bgDarkGradientEnd), 0 -2px 0 var(--bgDarkGradientEnd), 2px 0 0 var(--bgDarkGradientEnd), -2px 0 0 var(--bgDarkGradientEnd)
}

.LApSo:hover span {
    text-shadow: 2px 2px 0 #0a7631, 2px -2px 0 #0a7631, -2px 2px 0 #0a7631, -2px -2px 0 #0a7631, 0 2px 0 #0a7631, 0 -2px 0 #0a7631, 2px 0 0 #0a7631, -2px 0 0 #0a7631, 0 3px 5px rgba(0, 0, 0, .2), -2px 3px 5px rgba(0, 0, 0, .2), 2px 3px 5px rgba(0, 0, 0, .2)
}

._6nfK9 {
    align-items: center;
    display: flex;
    height: 86%;
    justify-content: center;
    position: relative;
    width: 86%;
    z-index: 2
}

._6nfK9 img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.LApSo:hover ._6nfK9 img {
    --tw-translate-y: -4px;
    --tw-rotate: -10deg;
    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-brightness: brightness(1.25);
    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)
}

.kwvXL {
    border-radius: 9999px;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
    --tw-grayscale: grayscale(1);
    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);
    mix-blend-mode: screen;
    -webkit-mix-blend-mode: screen;
    transition-delay: .5s;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.kwvXL,
.kwvXL img {
    height: 100%;
    width: 100%
}

.LApSo:hover .kwvXL {
    display: block;
    opacity: 1
}

.TaGbl {
    background-color: transparent;
    border-radius: 50%;
    border-width: 0;
    border-top: 3px var(--primaryColor);
    border-style: solid;
    height: 10%;
    opacity: .2;
    position: absolute;
    top: 5%;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 30%;
    z-index: 4
}

.LApSo:hover .TaGbl {
    border-top-width: 3px;
    height: 12%;
    width: 33%;
    --tw-shadow: 0 -2px 3px -1px rgba(var(--primaryColorRGB), .5);
    --tw-shadow-colored: 0 -2px 3px -1px var(--tw-shadow-color);
    animation: U08PY 1s 1 forwards;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    mix-blend-mode: hard-light
}

.LApSo:hover .TaGbl ._9abFV {
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    height: 1300%;
    left: -95%;
    opacity: .6;
    overflow: hidden;
    position: absolute;
    top: -6px;
    width: 284%
}

.scroll-container[data-v-1f2ef1cb] {
    overflow: hidden;
    overflow-x: auto;
    position: relative;
    white-space: nowrap
}

.scroll-container[data-v-1f2ef1cb]::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-content[data-v-1f2ef1cb] {
    display: inline-flex
}

.maskMenu[data-v-1f2ef1cb] {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent);
    mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent)
}

.menuEsportes[data-v-1f2ef1cb] {
    display: inline-block;
    margin: .5rem 0 .5rem 4px;
    max-width: calc(100% - 45px);
    padding: 4px;
    position: relative;
    white-space: nowrap
}

.menuEsportes[data-v-1f2ef1cb]:before {
    height: calc(100% - 2px);
    left: 0;
    top: 1px;
    width: 100%;
    --tw-skew-x: var(--skewV);
    border-color: rgba(var(--primaryColorRGB), .25);
    border-bottom-color: rgba(var(--primaryColorRGB), .05);
    border-radius: 8px;
    border-right-color: rgba(var(--primaryColorRGB), .05);
    border-style: solid;
    border-width: 1px;
    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-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    --tw-shadow-colored: 5px 5px 5px var(--tw-shadow-color);
    background: linear-gradient(134deg, #01412eef 50%, rgba(var(--bgBoxColorRGB), .5));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.menuEsportes[data-v-1f2ef1cb]:after,
.menuEsportes[data-v-1f2ef1cb]:before {
    position: absolute;
    --tw-content: "";
    content: var(--tw-content)
}

.menuEsportes[data-v-1f2ef1cb]:after {
    background: radial-gradient(ellipse at center, rgba(var(--primaryColorRGB), .99) 0, rgba(var(--primaryColorRGB), .2), rgba(var(--primaryColorRGB), 0) 50%);
    height: 5px;
    left: 7%;
    top: -2px;
    width: 90%;
    z-index: -1
}

.menuEsportes a[data-v-1f2ef1cb],
.menuEsportes button[data-v-1f2ef1cb] {
    background-color: transparent;
    color: var(--textColor);
    cursor: pointer;
    display: inline-block;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1;
    padding: 6px 5px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 3px rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.menuEsportes a[data-v-1f2ef1cb],
.menuEsportes a[data-v-1f2ef1cb]:before,
.menuEsportes button[data-v-1f2ef1cb],
.menuEsportes button[data-v-1f2ef1cb]:before {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.menuEsportes a[data-v-1f2ef1cb]:before,
.menuEsportes button[data-v-1f2ef1cb]:before {
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1;
    --tw-skew-x: 0deg;
    border-radius: 5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: "";
    content: var(--tw-content)
}

.menuEsportes a[data-v-1f2ef1cb]:hover,
.menuEsportes button[data-v-1f2ef1cb]:hover {
    color: var(--primaryColor)
}

.menuEsportes a.active[data-v-1f2ef1cb]:before,
.menuEsportes button.active[data-v-1f2ef1cb]:before {
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1;
    --tw-skew-x: var(--skewV);
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-radius: 5px;
    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-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: var(--primaryColor) var(--tw-gradient-to-position);
    opacity: 1;
    --tw-content: "";
    content: var(--tw-content)
}

.menuEsportes a.more[data-v-1f2ef1cb] {
    align-items: center;
    bottom: 0;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    justify-content: center;
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px
}

.menuEsportes a.more[data-v-1f2ef1cb]:before {
    height: calc(100% - 2px);
    left: 0;
    position: absolute;
    top: 1px;
    width: 100%;
    z-index: -1;
    --tw-skew-x: var(--skewV);
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    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-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: rgba(var(--primaryColorRGB), .9) var(--tw-gradient-to-position);
    --tw-content: "";
    content: var(--tw-content)
}

.menuEsportes a.more[data-v-1f2ef1cb]:hover:before {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --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: rgba(var(--bgBoxColorRGB), .9) var(--tw-gradient-to-position)
}

@media screen and (min-width:360px) {

    .menuEsportes a[data-v-1f2ef1cb],
    .menuEsportes button[data-v-1f2ef1cb] {
        padding: 8px 18px
    }
}

@media screen and (min-width:412px) {

    .menuEsportes a[data-v-1f2ef1cb],
    .menuEsportes button[data-v-1f2ef1cb] {
        font-size: .55rem;
        line-height: 1
    }
}

@media screen and (min-width:420px) {

    .menuEsportes a[data-v-1f2ef1cb],
    .menuEsportes button[data-v-1f2ef1cb] {
        font-size: .65rem
    }
}

@media screen and (min-width:500px) {

    .menuEsportes a[data-v-1f2ef1cb],
    .menuEsportes button[data-v-1f2ef1cb] {
        margin: 0 5px
    }

    .menuEsportes a.more[data-v-1f2ef1cb] {
        font-size: 1.4rem;
        right: -48px;
        width: 35px
    }
}

@media screen and (min-width:725px) {
    .menuEsportes[data-v-1f2ef1cb] {
        top: 5px
    }
}

@media screen and (min-width:900px) {
    .menuEsportes[data-v-1f2ef1cb] {
        max-width: calc(100% - 124px);
        top: unset
    }
}

@media screen and (min-width:1100px) {
    .menuEsportes[data-v-1f2ef1cb] {
        top: unset
    }

    .menuEsportes a[data-v-1f2ef1cb],
    .menuEsportes button[data-v-1f2ef1cb] {
        font-size: .7rem
    }
}

@media screen and (min-width:1500px) {
    .menuEsportes[data-v-1f2ef1cb] {
        margin-left: 1.3rem
    }
}

.hideMenu[data-v-1f2ef1cb] {
    height: 1.75rem;
    margin: .25rem .25rem 0
}

.hideMenu[data-v-1f2ef1cb]:after,
.hideMenu[data-v-1f2ef1cb]:before {
    display: none
}

.gFdQ0 {
    animation: qg8B3 2s infinite;
    border-radius: .5rem;
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1));
    font-size: .45rem;
    line-height: 1;
    padding: 3px 5px;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@keyframes qg8B3 {
    0% {
        box-shadow: 0 0 #f000
    }

    40% {
        box-shadow: 0 0 8px 1px red
    }

    70% {
        box-shadow: 0 0 8px 1px red
    }

    to {
        box-shadow: 0 0 #f000
    }
}

.bg-u- {
    align-items: center;
    border-radius: 0 8px 0 0;
    display: flex;
    height: calc(100% + 1px);
    justify-content: center;
    mask-image: linear-gradient(115deg, transparent, transparent 42%, #000 42.3%, #000 60%, transparent 90%, transparent);
    -webkit-mask-image: linear-gradient(115deg, transparent, transparent 42%, #000 42.3%, #000 60%, transparent 90%, transparent);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: -1
}

.bg-u- img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

._5puNt {
    display: flex;
    gap: .25rem;
    justify-content: flex-start;
    margin-bottom: -15px;
    margin-left: .25rem;
    position: relative;
    right: 0;
    z-index: 50
}

.KCg4o,
.xYONe {
    align-items: center;
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-radius: 9999px;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px;
    z-index: 50;
    --tw-gradient-from: #ffffff30 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: transparent var(--tw-gradient-to-position);
    --tw-gradient-to-position: 60%;
    color: var(--textColorInvert);
    --tw-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 1px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:900px) {

    .KCg4o,
    .xYONe {
        left: -4px
    }
}

.KCg4o svg,
.xYONe svg {
    height: 12px;
    width: 12px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.P-kH7 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    scroll-snap-align: center
}

.CbUmo {
    line-height: 1;
    position: relative
}

.PqqjW,
.eFT-J {
    color: var(--primaryColor);
    font-size: .75rem;
    line-height: 1;
    text-transform: uppercase
}

.eFT-J {
    color: var(--textColor);
    font-weight: 600;
    margin-bottom: .5rem
}

.eFT-J,
.vHCgg {
    font-size: .65rem;
    opacity: .8
}

.vHCgg {
    display: block;
    font-weight: 700;
    line-height: 1;
    margin-top: .25rem;
    text-transform: uppercase
}

.NRrMk {
    align-items: center;
    display: flex;
    gap: .25rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.NRrMk svg {
    height: 100%;
    margin-top: -2px;
    opacity: .6;
    width: 100%
}

.oVsu2 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.1rem;
    text-transform: uppercase
}

.eEHwa {
    display: flex;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    overflow: hidden;
    overflow-x: auto;
    scroll-behavior: smooth
}

.eEHwa::-webkit-scrollbar {
    height: 0;
    width: 0
}

.EfoF9 {
    display: grid;
    gap: 10px;
    grid-template-columns: .47fr auto .47fr;
    justify-content: space-between;
    margin: px 2px 2px;
    position: relative;
    scroll-snap-align: center
}

.EfoF9>div {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.EfoF9.bLiVv {
    font-size: 1rem;
    font-weight: 700;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 3px rgba(0, 0, 0, .7)
}

.EfoF9 .Fy0im,
.EfoF9 .S5cTx {
    align-items: center;
    background-color: var(--bgColor);
    border-radius: 50px;
    box-shadow: 1px 1px rgba(var(--primaryColorRGB), .15), inset 1px 1px 3px #0003;
    color: var(--textColor);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    margin: 0 auto;
    min-height: 37px;
    min-width: 30%;
    padding: 2px 6px 0;
    position: relative;
    text-align: center;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.EfoF9 .Fy0im:hover,
.EfoF9 .S5cTx:hover {
    background-color: var(--primaryColor);
    box-shadow: 0 -1px rgba(var(--primaryColorRGB), 1), inset -1px -1px 10px -5px #000000e6, 0 2px 2px #0000004d;
    color: var(--textColorInvert);
    text-shadow: 1px 1px 0 hsla(0, 0%, 100%, .3)
}

.EfoF9 .-VxPa {
    align-items: center;
    color: var(--textColor);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.EfoF9 .-VxPa:hover {
    color: var(--primaryColor)
}

.EfoF9 .S5cTx {
    grid-column-start: 1;
    grid-row-start: 1
}

.EfoF9 .-VxPa {
    grid-column-start: 2;
    grid-row-start: 1
}

.EfoF9 .Fy0im {
    grid-column-start: 3;
    grid-row-start: 1
}

.EfoF9 .-VxPa small,
.EfoF9 .Fy0im small,
.EfoF9 .S5cTx small {
    display: block;
    font-size: .45rem;
    font-weight: 300;
    line-height: 1;
    opacity: .7;
    text-transform: uppercase
}

.mEn2l {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    white-space: nowrap
}

.RSiuz {
    flex-basis: 75% !important;
    margin-bottom: 0;
    padding-top: .375rem !important;
    width: 75% !important
}

@media (min-width:400px) {
    .RSiuz {
        flex-basis: 75% !important;
        width: 75% !important
    }
}

@media (min-width:470px) {
    .RSiuz {
        flex-basis: 70% !important;
        width: 70% !important
    }
}

@media (min-width:500px) {
    .RSiuz {
        flex-basis: 65% !important;
        width: 65% !important
    }
}

@media (min-width:590px) {
    .RSiuz {
        flex-basis: 52% !important;
        width: 52% !important
    }
}

@media (min-width:730px) {
    .RSiuz {
        flex-basis: 44% !important;
        width: 44% !important
    }
}

@media (min-width:900px) {
    .RSiuz {
        flex-basis: 54% !important;
        width: 54% !important
    }
}

@media (min-width:1000px) {
    .RSiuz {
        flex-basis: 52% !important;
        width: 52% !important
    }
}

@media (min-width:1100px) {
    .RSiuz {
        flex-basis: 43% !important;
        width: 43% !important
    }
}

@media (min-width:1200px) {
    .RSiuz {
        flex-basis: 363px !important;
        width: 363px !important
    }
}

@media (min-width:1800px) {
    .RSiuz {
        flex-basis: 342px !important;
        width: 342px !important
    }
}

.vUpIN {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (min-width:1100px) {
    .vUpIN {
        width: calc(100% - 230px)
    }
}

.qxna- {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    margin-top: .75rem
}

@media (min-width:1100px) {
    .qxna- {
        align-items: center;
        flex-direction: row;
        white-space: nowrap
    }
}

.qxna- .Rwj0L {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .qxna- .Rwj0L {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .qxna- .Rwj0L {
        margin-bottom: .25rem
    }
}

.ofT9Z {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
    margin-left: -10px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% + 20px)
}

@media (min-width:640px) {
    .ofT9Z {
        gap: .75rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width:768px) {
    .ofT9Z {
        gap: 1rem;
        margin-bottom: 2rem
    }
}

@media (min-width:900px) {
    .ofT9Z {
        width: 100%
    }
}

@media (min-width:1024px) {
    .ofT9Z {
        gap: 1.25rem
    }
}

.ofT9Z.cBoLM {
    margin-bottom: 0
}

.ofT9Z.cBoLM .Rwj0L {
    aspect-ratio: 25/33;
    flex: 1 1 0%
}

@media screen and (min-width:768px) {
    .ofT9Z.cBoLM .Rwj0L {
        aspect-ratio: 29/8
    }
}

.dk92L {
    align-items: center;
    background-color: #03de6326;
    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
}

.dk92L span {
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1rem;
    line-height: 1;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.dk92L span svg {
    display: block
}

.qn8Ux {
    display: inline-flex
}

.ENfyf {
    height: 300px;
    margin-left: -10px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    width: calc(100% + 20px);
    z-index: -10
}

.ENfyf .f-r3c {
    height: 100%;
    left: -29px;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10
}

.ENfyf .f-r3c img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.ENfyf:after {
    height: 98%;
    left: 134px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    --tw-skew-x: var(--skewV);
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-bottom-style: solid;
    border-radius: 20px 0 0;
    border-right-style: solid;
    border-width: 0;
    border-left: 1px solid rgba(var(--primaryColorRGB), .4);
    border-top: 1px solid rgba(var(--primaryColorRGB), .4);
    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-gradient-from: rgba(var(--bgBoxColorRGB), .5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(var(--bgBoxColorRGB), 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);
    --tw-content: "";
    content: var(--tw-content);
    -webkit-mask-image: linear-gradient(146deg, #000, transparent 40%);
    mask-image: linear-gradient(146deg, #000, transparent 40%)
}

.nTVN7 {
    height: 100%;
    left: 70px;
    position: relative;
    width: 100%;
    z-index: 1
}

.nTVN7 .MsQ9j {
    align-items: center;
    display: flex;
    height: 15px;
    justify-content: center;
    position: relative;
    width: 130px
}

.nTVN7 .MsQ9j:after,
.nTVN7 .MsQ9j:before {
    position: absolute;
    --tw-content: "";
    content: var(--tw-content)
}

.nTVN7 .MsQ9j:after {
    background: radial-gradient(ellipse at center, rgba(var(--primaryColorRGB), .99) 0, rgba(var(--primaryColorRGB), .2) 35%, rgba(var(--primaryColorRGB), 0) 60%);
    height: 100%;
    width: 100%;
    z-index: 10
}

.nTVN7 .MsQ9j:before {
    background: radial-gradient(ellipse at center, #fff 0, rgba(var(--primaryColorRGB), 0) 30%);
    height: 15px;
    width: 50%;
    z-index: 10
}

.MsQ9j.MOZVY {
    position: absolute;
    --tw-translate-x: -169%;
    --tw-translate-y: 58px;
    --tw-rotate: -65deg;
    animation: _5ADgy 20.5s linear infinite;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes _5ADgy {
    0% {
        opacity: 0;
        transform: rotate(-65deg) translate(-169%, 58px)
    }

    15% {
        opacity: 1
    }

    35% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: rotate(-65deg) translate(-13%, 59px)
    }

    to {
        opacity: 0
    }
}

.MsQ9j.xWjSi {
    display: none;
    position: absolute;
    width: 89px
}

.fe2vI {
    color: var(--primaryColor);
    font-size: .75rem;
    text-transform: uppercase
}

@media screen and (min-width:600px) {
    .ENfyf {
        height: 400px
    }

    .ENfyf:after {
        left: 116px;
        --tw-content: "";
        content: var(--tw-content)
    }

    .ENfyf .f-r3c {
        left: -100px
    }

    .nTVN7 {
        left: 0
    }

    .MsQ9j.MOZVY {
        --tw-translate-x: -13%;
        --tw-translate-y: 126px;
        --tw-rotate: -65deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes _5ADgy {
        0% {
            opacity: 0;
            transform: rotate(-65deg) translate(-224%, 126px)
        }

        10% {
            opacity: 1
        }

        40% {
            opacity: 1
        }

        50% {
            opacity: 0;
            transform: rotate(-65deg) translateY(128px)
        }

        to {
            opacity: 0
        }
    }
}

@media screen and (min-width:900px) {
    .ENfyf {
        margin-left: 0;
        width: 100%
    }

    .ENfyf:after {
        width: 66%
    }

    .ENfyf {
        overflow: unset
    }

    .MsQ9j.xWjSi {
        animation: _0hsdt 12.5s linear infinite;
        display: flex;
        left: 0;
        opacity: 0;
        top: 0;
        transform: rotate(64deg) translate(151%, 170px);
        transform-origin: center;
        transition-duration: 1s
    }

    @keyframes _0hsdt {
        0% {
            opacity: 0;
            transform: rotate(64deg) translate(151%, 170px)
        }

        10% {
            opacity: .8
        }

        40% {
            opacity: .8
        }

        50% {
            opacity: 0;
            transform: rotate(64deg) translate(331%, 170px)
        }

        to {
            opacity: 0
        }
    }
}

@media screen and (min-width:1000px) {
    .ENfyf:after {
        left: 141px
    }

    .ENfyf .f-r3c {
        left: -75px
    }

    .MsQ9j.MOZVY {
        --tw-translate-x: -224%;
        --tw-translate-y: 149px;
        --tw-rotate: -65deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes _5ADgy {
        0% {
            opacity: 0;
            transform: rotate(-65deg) translate(-224%, 149px)
        }

        10% {
            opacity: 1
        }

        40% {
            opacity: 1
        }

        50% {
            opacity: 0;
            transform: rotate(-65deg) translate(25%, 149px)
        }

        to {
            opacity: 0
        }
    }

    .MsQ9j.xWjSi {
        --tw-translate-x: 151%;
        --tw-translate-y: 147px;
        --tw-rotate: 64deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes _0hsdt {
        0% {
            opacity: 0;
            transform: rotate(64deg) translate(151%, 147px)
        }

        10% {
            opacity: .8
        }

        40% {
            opacity: .8
        }

        50% {
            opacity: 0;
            transform: rotate(64deg) translate(331%, 147px)
        }

        to {
            opacity: 0
        }
    }
}

@media screen and (min-width:1500px) {
    .ENfyf {
        height: 521px;
        margin-left: -10px
    }

    .ENfyf .f-r3c {
        left: -143px
    }

    .MsQ9j.MOZVY {
        --tw-translate-x: -310%;
        --tw-translate-y: 176px;
        --tw-rotate: -65deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes _5ADgy {
        0% {
            opacity: 0;
            transform: rotate(-65deg) translate(-310%, 173px)
        }

        10% {
            opacity: 1
        }

        40% {
            opacity: 1
        }

        50% {
            opacity: 0;
            transform: rotate(-65deg) translate(35%, 176px)
        }

        to {
            opacity: 0
        }
    }

    .MsQ9j.xWjSi {
        --tw-translate-x: 151%;
        --tw-translate-y: 222px;
        --tw-rotate: 64deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes _0hsdt {
        0% {
            opacity: 0;
            transform: rotate(64deg) translate(151%, 222px)
        }

        10% {
            opacity: .8
        }

        40% {
            opacity: .8
        }

        50% {
            opacity: 0;
            transform: rotate(64deg) translate(452%, 222px)
        }

        to {
            opacity: 0
        }
    }
}

.kM-Az {
    padding: 0
}

.XvMAM,
.kM-Az {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.XvMAM {
    background-color: transparent;
    border-radius: .25rem;
    color: var(--textColor);
    flex: 0 0 85%;
    overflow: hidden;
    padding: .375rem;
    position: relative;
    scroll-snap-align: center;
    text-align: left;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition: all .5s ease
}

.XvMAM:before {
    background: linear-gradient(180deg, var(--bgDarkGradient) 0, var(--bgDarkGradientEnd) 100%);
    border-color: #ffffff1a;
    border-radius: .5rem;
    border-width: 1px;
    inset: 0;
    opacity: .9;
    --tw-backdrop-blur: blur(70px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: blur(70px);
    backdrop-filter: blur(70px)
}

.XvMAM:after,
.XvMAM:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.XvMAM:after {
    background: radial-gradient(circle at 50% 100%, rgba(var(--primaryColorRGB), .99) 0, rgba(var(--primaryColorRGB), 0) 70%);
    border-radius: .5rem;
    bottom: -1px;
    opacity: .3;
    --tw-content: "";
    content: var(--tw-content)
}

.XvMAM.SL7E- {
    opacity: .8
}

.XvMAM.SL7E-:hover {
    opacity: 1
}

.XvMAM .nMNHp {
    align-items: center;
    border-radius: 7px 7px 0 0;
    display: flex;
    height: 109px;
    justify-content: center;
    margin-left: -6px;
    margin-right: -6px;
    margin-top: -6px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 12px);
    z-index: 0
}

@media (min-width:900px) {
    .XvMAM .nMNHp {
        height: 123px
    }
}

.XvMAM .nMNHp {
    -webkit-mask-image: linear-gradient(180deg, #000 33%, transparent);
    mask-image: linear-gradient(180deg, #000 33%, transparent)
}

.XvMAM .nMNHp img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.XvMAM .mSOCa {
    align-items: flex-end;
    display: grid;
    font-size: .55rem;
    gap: 5px;
    grid-template-columns: 1fr auto;
    height: auto;
    justify-content: space-between;
    margin-top: -30px;
    text-transform: uppercase;
    width: 100%;
    z-index: 20
}

@media (min-width:412px) {
    .XvMAM .mSOCa {
        padding: 0 5px 5px
    }
}

.XvMAM .mSOCa .elH-n {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    position: relative;
    text-shadow: 1px 1px 0 #000
}

@media (max-width:768px) {
    .XvMAM .mSOCa .elH-n {
        padding-left: 5px
    }
}

.XvMAM .mSOCa .elH-n ._7jLpt {
    font-size: .9rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .25rem;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:412px) {
    .XvMAM .mSOCa .elH-n ._7jLpt {
        font-size: 1rem
    }
}

@media (min-width:900px) {
    .XvMAM .mSOCa .elH-n ._7jLpt {
        font-size: 1.1rem
    }
}

.XvMAM .mSOCa .elH-n .XqRhG {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    line-height: 1;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(3 14 222);
}

@media (min-width:412px) {
    .XvMAM .mSOCa .elH-n .XqRhG {
        font-size: 1rem
    }
}

.XvMAM .mSOCa .elH-n .VnCKB {
    display: flex;
    flex-direction: row;
    font-size: .6rem;
    gap: .25rem;
    line-height: 1;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    opacity: .7
}

@media (min-width:412px) {
    .XvMAM .mSOCa .elH-n .VnCKB {
        font-size: .7rem
    }
}

.XvMAM .mSOCa .elH-n .VnCKB span {
    font-size: .5rem
}

@media (min-width:412px) {
    .XvMAM .mSOCa .elH-n .VnCKB span {
        font-size: .6rem
    }
}

.XvMAM .mSOCa .elH-n .VnCKB svg {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.XvMAM .mSOCa .hw76l {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: .25rem;
    width: 11rem
}

.XvMAM .mSOCa .hw76l .ZXW6w {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    padding: .125rem .5rem
}

.XvMAM .mSOCa .hw76l .ZXW6w .Hn0n8 {
    align-items: center;
    display: flex;
    font-size: .75rem;
    height: 20px;
    justify-content: center;
    line-height: 1rem;
    width: 20px;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.XvMAM .mSOCa .hw76l .ZXW6w .ooKce {
    align-items: center;
    border-radius: 9999px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    height: 25px;
    justify-content: center;
    overflow: hidden;
    width: 25px;
    --tw-border-opacity: 1;
    background-color: #fff6;
    border-color: rgb(255 232 0/var(--tw-border-opacity, 1));
    color: #00000080;
    font-size: 10px
}

.XvMAM .mSOCa .hw76l .ZXW6w .yqUZO .rzAfQ {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.XvMAM .mSOCa .hw76l .ZXW6w .yqUZO .Jmk72 {
    font-size: 9px;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.XvMAM .mSOCa .hw76l .ZXW6w .fskKH {
    background-color: #03de631a;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-left: auto;
    padding: .25rem .5rem;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.XvMAM .mSOCa .hw76l .ZXW6w .fskKH.mhvC6 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.XvMAM .mSOCa .hw76l .ZXW6w.F2zlx {
    background-color: #03de631a
}

.XvMAM .NNFb2 {
    align-items: center;
    background-color: var(--bgColor);
    border-radius: .375rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 0;
    padding: .25rem;
    z-index: 10
}

@media (min-width:640px) {
    .XvMAM .NNFb2 {
        padding: .5rem
    }
}

.XvMAM .NNFb2 {
    box-shadow: 1px 1px rgba(var(--primaryColorRGB), .05), inset 1px 1px 3px #0003
}

.XvMAM .NNFb2 ._4rSG5 {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: .55rem;
    font-weight: 400;
    gap: .375rem;
    justify-content: center;
    opacity: .5;
    text-align: center;
    width: 100%
}

.XvMAM .NNFb2 ._4rSG5 .IzRcm {
    display: flex;
    height: 6px;
    margin-left: -6px;
    position: relative;
    width: 6px
}

.XvMAM .NNFb2 ._4rSG5 .IzRcm>span:first-child {
    display: block;
    inset: 0;
    position: absolute
}

@keyframes -oW8S {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.XvMAM .NNFb2 ._4rSG5 .IzRcm>span:first-child {
    animation: -oW8S 1s cubic-bezier(0, 0, .2, 1) infinite;
    background-color: #2b39;
    border-radius: 9999px;
    opacity: .75
}

.XvMAM .NNFb2 ._4rSG5 .IzRcm>span:last-child {
    border-radius: 9999px;
    display: inline-flex;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.XvMAM .NNFb2 .rp-aV {
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    gap: .25rem;
    justify-content: space-around;
    padding: 0 5px 3px;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .XvMAM .NNFb2 .rp-aV {
        gap: .5rem;
        padding-left: 10px;
        padding-right: 10px
    }
}

.XvMAM .NNFb2 .rp-aV li {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.XvMAM .NNFb2 .rp-aV li h5 {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem
}

.XvMAM .NNFb2 .rp-aV li h5,
.XvMAM .NNFb2 .rp-aV li p {
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.XvMAM .NNFb2 .rp-aV li p {
    font-size: 6px;
    text-transform: uppercase
}

@media (min-width:600px) {
    .XvMAM .NNFb2 .rp-aV li p {
        font-size: 7px
    }
}

.XvMAM .NNFb2>.JFPAL,
.XvMAM .NNFb2>a,
.XvMAM .NNFb2>button {
    background-color: var(--primaryColor);
    border-radius: .125rem;
    color: var(--textColorInvert);
    font-size: .55rem;
    font-weight: 800;
    padding: .25rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.XvMAM .NNFb2>.JFPAL:hover,
.XvMAM .NNFb2>a:hover,
.XvMAM .NNFb2>button:hover {
    animation: eutYp 1s infinite;
    opacity: 1
}

.XvMAM .NNFb2 .JFPAL {
    font-size: .675rem
}

.XvMAM .NNFb2 .AmFzj {
    align-items: center;
    display: flex;
    justify-content: center
}

.XvMAM .NNFb2 .AmFzj div {
    opacity: 0;
    visibility: hidden
}

.XvMAM .NNFb2 .AmFzj span {
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    height: .75rem;
    width: .75rem;
    --tw-border-opacity: 1;
    animation: _4wB6I .6s linear infinite;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
    border-top-color: transparent
}

.XvMAM .QNSv6 {
    border-radius: 9999px;
    bottom: -50%;
    height: 100%;
    left: 10%;
    mix-blend-mode: screen;
    opacity: .5;
    overflow: hidden;
    position: absolute;
    width: 80%;
    z-index: -1
}

.XvMAM .QNSv6 img,
.XvMAM .QNSv6 video {
    width: 100%
}

@keyframes eutYp {
    0% {
        background-color: var(--primaryColor)
    }

    50% {
        background-color: #fff
    }

    to {
        background-color: var(--primaryColor)
    }
}

@keyframes _4wB6I {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.qubJd {
    flex-basis: 75% !important;
    margin-bottom: 0;
    padding-top: .375rem !important
}

@media (min-width:400px) {
    .qubJd {
        flex-basis: 75% !important
    }
}

@media (min-width:470px) {
    .qubJd {
        flex-basis: 70% !important
    }
}

@media (min-width:500px) {
    .qubJd {
        flex-basis: 65% !important
    }
}

@media (min-width:590px) {
    .qubJd {
        flex-basis: 52% !important
    }
}

@media (min-width:730px) {
    .qubJd {
        flex-basis: 44% !important
    }
}

@media (min-width:900px) {
    .qubJd {
        flex-basis: 54% !important
    }
}

@media (min-width:1000px) {
    .qubJd {
        flex-basis: 52% !important
    }
}

@media (min-width:1100px) {
    .qubJd {
        flex-basis: 43% !important
    }
}

@media (min-width:1200px) {
    .qubJd {
        flex-basis: 363px !important
    }
}

@media (min-width:1800px) {
    .qubJd {
        flex-basis: 342px !important
    }
}

.recommended_title[data-v-10fa5dc4] {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    margin-top: .75rem
}

.recommended_title .skeleton-loading[data-v-10fa5dc4] {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .recommended_title .skeleton-loading[data-v-10fa5dc4] {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .recommended_title .skeleton-loading[data-v-10fa5dc4] {
        margin-bottom: .25rem
    }
}

.row_imgs[data-v-10fa5dc4] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem
}

@media (min-width:640px) {
    .row_imgs[data-v-10fa5dc4] {
        gap: .75rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width:768px) {
    .row_imgs[data-v-10fa5dc4] {
        gap: 1rem;
        margin-bottom: 2rem
    }
}

@media (min-width:1024px) {
    .row_imgs[data-v-10fa5dc4] {
        gap: 1.25rem
    }
}

.row_imgs.loading-indicator[data-v-10fa5dc4] {
    margin-bottom: 0
}

.row_imgs.loading-indicator .skeleton-loading[data-v-10fa5dc4] {
    aspect-ratio: 25/33;
    flex: 1 1 0%
}

@media screen and (min-width:768px) {
    .row_imgs.loading-indicator .skeleton-loading[data-v-10fa5dc4] {
        aspect-ratio: 29/8
    }
}

.moreItemsButton[data-v-10fa5dc4] {
    align-items: center;
    background-color: #03de6326;
    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-10fa5dc4] {
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1rem;
    line-height: 1;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(3 37 222);
}

.moreItemsButton span svg[data-v-10fa5dc4] {
    display: block
}

.Ks0U3 {
    background-color: #00000070;
    border-radius: 5px;
    font-size: .53rem;
    left: .25rem;
    line-height: 1;
    padding: .25rem .5rem;
    text-transform: uppercase;
    top: .25rem;
    z-index: 1
}

.Ks0U3,
.MiD8X {
    position: absolute
}

.MiD8X {
    border-radius: 50%;
    bottom: -50%;
    height: 100%;
    left: 10%;
    mix-blend-mode: screen;
    opacity: .5;
    overflow: hidden;
    width: 80%;
    z-index: -1
}

.MiD8X img,
.MiD8X video {
    width: 100%
}

.RxY9h {
    position: relative;
    z-index: 0
}

.mI5jH {
    color: var(--textColor);
    cursor: pointer;
    display: grid;
    height: 100%;
    overflow: hidden;
    padding: 6px;
    position: relative;
    scroll-snap-align: center;
    text-decoration-line: none;
    width: 100%
}

@media (min-width:412px) {
    .mI5jH {
        padding: 11px
    }
}

.mI5jH {
    flex: 0 0 100%;
    grid-template-columns: auto 52%
}

.mI5jH:before {
    backdrop-filter: blur(70px);
    -webkit-backdrop-filter: blur(70px);
    background: linear-gradient(180deg, var(--bgDarkGradient) 0, var(--bgDarkGradientEnd) 100%);
    border-color: #ffffff1a;
    border-radius: 8px;
    border-width: 1px;
    opacity: .9;
    top: 0
}

.mI5jH:after,
.mI5jH:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.mI5jH:after {
    background: radial-gradient(circle at 50% 100%, rgba(var(--primaryColorRGB), .99) 0, rgba(var(--primaryColorRGB), 0) 70%);
    border-radius: 8px;
    bottom: -1px;
    opacity: .3
}

.yj5oy {
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    height: 105%;
    justify-content: center;
    margin: -5px 0 -20px -5px;
    -webkit-mask-image: linear-gradient(90deg, #000 50%, transparent);
    mask-image: linear-gradient(90deg, #000 50%, transparent);
    overflow: hidden;
    position: relative;
    width: 120%;
    z-index: 0
}

.yj5oy img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.Q3ckG {
    align-items: flex-end;
    font-size: .55rem;
    gap: 5px;
    margin-bottom: 0;
    margin-right: 5px;
    text-transform: uppercase;
    width: 100%;
    z-index: 2
}

.Q3ckG,
._6RAGI {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

._6RAGI {
    align-items: flex-start
}

._9a3yY {
    font-size: .78rem;
    font-weight: 800;
    margin-bottom: .25rem;
    padding: .25rem .25rem 0;
    text-align: right;
    width: 100%
}

@media (min-width:412px) {
    ._9a3yY {
        font-size: .85rem
    }
}

@media (min-width:640px) {
    ._9a3yY {
        font-size: .95rem
    }
}

@media (min-width:900px) {
    ._9a3yY {
        font-size: 1.1rem
    }
}

@media (min-width:1024px) {
    ._9a3yY {
        font-size: 1rem
    }
}

.lWI6Q {
    align-items: center;
    background-color: #00000080;
    border-radius: 8px 8px 4px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    justify-content: center;
    min-width: 70px;
    padding: 5px;
    text-align: center;
    width: 100%;
    --tw-shadow: 1px 1px 0px rgba(var(--primaryColorRGB), .15), inset 1px 1px 3px rgba(0, 0, 0, .2);
    --tw-shadow-colored: 1px 1px 0px var(--tw-shadow-color), inset 1px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.YVuuf {
    font-size: .8rem;
    font-weight: 900
}

.KT-qC {
    background-color: var(--primaryColor);
    border-radius: 4px;
    color: var(--textColorInvert);
    display: block;
    font-size: .6rem;
    font-weight: 900;
    line-height: 1;
    padding: 4px .5rem;
    text-transform: uppercase;
    width: 100%
}

.mI5jH:hover .KT-qC {
    animation: IsZf9 1s infinite
}

.br-0K {
    display: flex;
    gap: 3px;
    justify-content: flex-end
}

.IZpoS {
    font-size: .45rem
}

._2sydA {
    align-items: center;
    background-color: #00000080;
    border-radius: 5px;
    flex-direction: column;
    padding: .375rem
}

._2sydA,
.mgauR {
    display: flex;
    gap: .25rem
}

.mgauR {
    white-space: nowrap
}

.mgauR .VPoOn {
    font-size: .6rem;
    font-weight: 800;
    --tw-text-opacity: 1;
    color: rgb(253 224 71/var(--tw-text-opacity, 1))
}

.IkDRs {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-radius: 9999px;
    bottom: .5rem;
    display: flex;
    justify-content: center;
    left: .5rem;
    position: absolute;
    --tw-gradient-from: #00000050 var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    padding: .25rem
}

.IkDRs .j3IxN {
    border-radius: 9999px;
    height: 2.5rem;
    width: 2.5rem
}

.IkDRs ._5sGkG {
    left: 50%;
    position: absolute;
    top: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    font-size: .5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: attr(data-percent);
    content: var(--tw-content)
}

@keyframes IsZf9 {
    0% {
        background-color: var(--primaryColor)
    }

    50% {
        background-color: #fff
    }

    to {
        background-color: var(--primaryColor)
    }
}

@media screen and (min-width:412px) {
    .Q3ckG {
        font-size: .65rem
    }

    .Q3ckG .lWI6Q .YVuuf {
        font-size: .8rem
    }
}

._8XokL {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #000000e6;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

._8XokL,
._8XokL .pOB1m {
    align-items: center;
    display: flex;
    justify-content: center
}

._8XokL .pOB1m {
    background-color: #001510e6;
    border-radius: 5px;
    box-shadow: 0 5px 20px #0006;
    font-weight: 500;
    height: 40px;
    padding: .5rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    transition-property: none;
    width: 40px;
    z-index: 30
}

._8XokL .pOB1m,
._8XokL .pOB1m svg {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._8XokL .pOB1m svg {
    fill: #03de63;
    height: 1.2em;
    width: 1.2em
}

@media (min-width:769px) {
    ._8XokL .pOB1m {
        right: -2px;
        top: -2px
    }

    ._8XokL .pOB1m:hover {
        right: 0;
        top: 0
    }
}

._8XokL .X-T4C {
    background-color: #001510f2;
    border-color: rgba(var(--primaryColorRGB), .18);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    text-align: left;
    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));
    vertical-align: middle;
    width: 100%;
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width:768px) {
    ._8XokL .X-T4C {
        border-radius: 1rem;
        height: auto;
        --tw-bg-opacity: 1;
        background-color: rgb(0 21 16/var(--tw-bg-opacity, 1))
    }
}

._8XokL .X-T4C {
    max-width: var(--v5eb740bc)
}

@media (max-width:768px) {
    @supports (backdrop-filter:blur(10px)) {
        ._8XokL .X-T4C {
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px)
        }
    }
}

._8XokL .jOkUz {
    background: radial-gradient(circle at 50% 100%, #0f462b 0, #01201a 70%);
    height: 100%;
    max-height: 100dvh;
    overflow-y: auto;
    width: 100%
}

.qImTY {
    flex-basis: 75% !important;
    margin-bottom: 0;
    padding-top: 0 !important
}

@media (min-width:768px) {
    .qImTY {
        margin-bottom: 1.75rem
    }
}

@media (min-width:470px) {
    .qImTY {
        flex-basis: 70% !important
    }
}

@media (min-width:500px) {
    .qImTY {
        flex-basis: 65% !important
    }
}

@media (min-width:590px) {
    .qImTY {
        flex-basis: 52% !important
    }
}

@media (min-width:730px) {
    .qImTY {
        flex-basis: 44% !important
    }
}

@media (min-width:900px) {
    .qImTY {
        flex-basis: 54% !important
    }
}

@media (min-width:1000px) {
    .qImTY {
        flex-basis: 52% !important
    }
}

@media (min-width:1100px) {
    .qImTY {
        flex-basis: 43% !important
    }
}

@media (min-width:1200px) {
    .qImTY {
        flex-basis: 363px !important
    }
}

@media (min-width:1800px) {
    .qImTY {
        flex-basis: 342px !important
    }
}

._5Mj9B {
    margin-bottom: 1rem
}

@media (min-width:640px) {
    ._5Mj9B {
        margin-bottom: 1.25rem
    }
}

@media (min-width:768px) {
    ._5Mj9B {
        margin-bottom: 2rem
    }
}

._5Mj9B._2uXx- {
    margin-bottom: 0
}

._5Mj9B._2uXx- .Aa-zr {
    aspect-ratio: 25/33;
    flex: 1 1 0%
}

@media screen and (min-width:768px) {
    ._5Mj9B._2uXx- .Aa-zr {
        aspect-ratio: 29/8
    }
}

.U6xj6 {
    display: flex;
    margin-left: -10px;
    position: relative;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    width: calc(100% + 20px);
    --tw-scroll-snap-strictness: mandatory;
    flex-direction: row;
    gap: .5rem;
    overflow: auto
}

@media (min-width:640px) {
    .U6xj6 {
        gap: .75rem
    }
}

@media (min-width:900px) {
    .U6xj6 {
        margin-left: 0;
        width: 100%
    }
}

.U6xj6::-webkit-scrollbar {
    display: none
}

.U6xj6 .U6jhb {
    flex-basis: 75% !important;
    margin-bottom: 0;
    padding-top: 0;
    scroll-snap-align: center
}

.U6xj6 .U6jhb:first-child {
    margin-left: 10px
}

@media (min-width:900px) {
    .U6xj6 .U6jhb:first-child {
        margin-left: 0
    }
}

.U6xj6 .U6jhb:last-child {
    margin-right: 10px
}

@media (min-width:900px) {
    .U6xj6 .U6jhb:last-child {
        margin-right: 0
    }
}

@media (min-width:412px) {
    .U6xj6 .U6jhb {
        padding: 12px
    }
}

@media (min-width:470px) {
    .U6xj6 .U6jhb {
        flex-basis: 70% !important
    }
}

@media (min-width:500px) {
    .U6xj6 .U6jhb {
        flex-basis: 65% !important
    }
}

@media (min-width:590px) {
    .U6xj6 .U6jhb {
        flex-basis: 52% !important
    }
}

@media (min-width:730px) {
    .U6xj6 .U6jhb {
        flex-basis: 44% !important
    }
}

@media (min-width:900px) {
    .U6xj6 .U6jhb {
        flex-basis: 54% !important
    }
}

@media (min-width:1000px) {
    .U6xj6 .U6jhb {
        flex-basis: 52% !important
    }
}

@media (min-width:1100px) {
    .U6xj6 .U6jhb {
        flex-basis: 43% !important
    }
}

@media (min-width:1200px) {
    .U6xj6 .U6jhb {
        flex-basis: 363px !important
    }
}

@media (min-width:1800px) {
    .U6xj6 .U6jhb {
        flex-basis: 342px !important
    }
}

.recommended_title[data-v-cc91d3c6] {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: .375rem
}

.recommended_title .skeleton-loading[data-v-cc91d3c6] {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .recommended_title .skeleton-loading[data-v-cc91d3c6] {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .recommended_title .skeleton-loading[data-v-cc91d3c6] {
        margin-bottom: .25rem
    }
}

.smarticoPageMissions[data-v-cc91d3c6] {
    display: flex;
    flex-direction: row
}

.moreItemsButton[data-v-cc91d3c6] {
    align-items: center;
    background-color: #03de6326;
    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-cc91d3c6] {
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1rem;
    line-height: 1;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(3 59 222);
}

.moreItemsButton span svg[data-v-cc91d3c6] {
    display: block
}

._4819p {
    background-color: #00151080;
    font-size: .75rem;
    line-height: .75rem;
    margin-top: .25rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    ._4819p {
        line-height: 1rem
    }
}

@media (min-width:1024px) {
    ._4819p {
        line-height: 1.25rem
    }
}

._4819p {
    z-index: 99
}

.UK8KG {
    border: 1px solid #ffffff90;
    border-radius: 10px;
    height: 100%;
    left: 0;
    mix-blend-mode: soft-light;
    top: 0
}

.UK8KG,
.phlJe {
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 31
}

.phlJe {
    bottom: 10%;
    display: block;
    font-size: .9rem;
    font-weight: 700;
    line-height: 90%;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1), 2px 2px 3px rgba(0, 0, 0, .3);
    text-transform: uppercase
}

@media (min-width:600px) {
    .phlJe {
        font-size: 1rem
    }
}

@media (min-width:640px) {
    .phlJe {
        font-size: 1.05rem
    }
}

@media (min-width:768px) {
    .phlJe {
        font-size: 1.25rem
    }
}

@media (min-width:1100px) {
    .phlJe {
        font-size: 1.05rem
    }
}

@media (min-width:1280px) {
    .phlJe {
        font-size: .9rem
    }
}

@media (min-width:1400px) {
    .phlJe {
        font-size: 1rem
    }
}

@media (min-width:1536px) {
    .phlJe {
        font-size: 1.1rem
    }
}

@media (min-width:1700px) {
    .phlJe {
        font-size: 1.25rem
    }
}

@media (min-width:1800px) {
    .phlJe {
        font-size: 1.28rem
    }
}

.u3Qxq {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: auto;
    max-width: 350px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.u3Qxq .bBtlK {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #0009;
    height: calc(100% - 2px);
    justify-content: center;
    left: 1px;
    position: absolute;
    top: 1px;
    visibility: hidden;
    width: calc(100% - 2px);
    z-index: 40
}

.u3Qxq .bBtlK,
.u3Qxq .bBtlK .Oe7Pi {
    align-items: center;
    border-radius: 10px;
    display: flex
}

.u3Qxq .bBtlK .Oe7Pi {
    box-shadow: 0 5px 5px #00000080, 0 2px 0 var(--primaryColor);
    flex-direction: row;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .7rem;
    font-weight: 700;
    padding: .375rem .625rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

@media (min-width:368px) {
    .u3Qxq .bBtlK .Oe7Pi {
        font-size: .75rem;
        padding: .5rem 1rem
    }
}

.u3Qxq .bBtlK .Oe7Pi svg {
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.u3Qxq.AgLBc {
    aspect-ratio: 3/2;
    overflow: hidden
}

.u3Qxq.AgLBc .bBtlK {
    opacity: 0;
    visibility: visible
}

.g-hw5 {
    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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.g-hw5 .vTFYb {
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    z-index: 30
}

.g-hw5 .jDbkE,
.g-hw5 .vTFYb {
    position: absolute;
    top: 0
}

.g-hw5 .jDbkE {
    background-color: #fff6;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    line-height: 1;
    margin: .5rem;
    padding: .125rem .375rem;
    right: 0;
    z-index: 40;
    --tw-text-opacity: 1;
    color: rgb(0 21 16/var(--tw-text-opacity, 1))
}

.g-hw5 .I20x6 {
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51)
}

.g-hw5.AgLBc {
    height: 100%;
    padding-top: 0;
    width: 100%
}

.g-hw5.AgLBc .vTFYb {
    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) {
    .g-hw5.AgLBc .vTFYb {
        padding: .5rem
    }
}

.hzP6t {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    opacity: 0;
    padding-bottom: .375rem;
    padding-left: .625rem;
    padding-right: .625rem;
    position: absolute;
    visibility: hidden;
    width: 100%;
    z-index: 30
}

.hzP6t.PzmGO {
    opacity: 1;
    visibility: visible
}

.hzP6t .phlJe {
    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: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .hzP6t .phlJe {
        font-size: .7rem;
        line-height: 1rem
    }
}

@media (min-width:1024px) {
    .hzP6t .phlJe {
        font-size: .8rem;
        line-height: 1.25rem
    }
}

.hzP6t .liQBm {
    color: #fffc;
    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) {
    .hzP6t .liQBm {
        font-size: .64rem
    }
}

@media (min-width:1024px) {
    .hzP6t .liQBm {
        font-size: .72rem
    }
}

.u3Qxq.TmffS,
.u3Qxq.TmffS a {
    opacity: 1
}

.u3Qxq.TmffS .bBtlK {
    visibility: visible
}

.u3Qxq.TmffS.AgLBc .bBtlK {
    background-color: #0003;
    opacity: .1
}

.h9HDs {
    align-items: center;
    justify-content: center
}

.h9HDs,
.nM44t {
    display: flex
}

.nM44t {
    flex-direction: column;
    margin-top: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (min-width:768px) {
    .nM44t {
        margin-top: .25rem
    }
}

.SM-j1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0
}

.WmsxI {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    background-image: linear-gradient(to bottom, rgba(var(--bgBoxColorRGB), .5) 0, rgba(var(--bgBoxColorRGB), 0));
    border-radius: 15px
}

.sXdS9 {
    align-items: center;
    background-color: #03de6326;
    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
}

.sXdS9 span {
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1rem;
    line-height: 1;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(3 25 222);
}

.sXdS9 span svg {
    display: block
}

.tXgOm {
    display: grid;
    gap: var(--ec21fc4e);
    grid-template-columns: repeat(var(--c36c9350), minmax(0, 1fr));
    width: 100%
}

@media (min-width:1024px) {
    .tXgOm.nCVsT a.hZm-w.s3HXA:first-child {
        grid-area: 1/1/3/3
    }
}

.xTt-e {
    max-width: 200px
}

.ZfX-m,
.xTt-e {
    flex: 1 1 0%;
    height: 20px
}

.ZfX-m {
    max-width: 60px
}

.teAMn {
    aspect-ratio: 25/29;
    height: auto;
    width: 100%
}

.nQro9 {
    color: #fff9;
    cursor: pointer
}

.nQro9:hover {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.nQro9+.nQro9 {
    margin-left: .75rem
}

.nQro9.hhAi- {
    color: #fff3;
    cursor: not-allowed
}

@media (max-width:768px) {
    .Jj-AP {
        max-width: 140px;
        min-width: 132px
    }
}

@media (max-width:410px) {
    .Jj-AP {
        min-width: 30vw
    }
}

._94NLH {
    background-position: 50%;
    background-size: cover;
    border-radius: .375rem;
    display: flex;
    height: 153px;
    overflow: auto;
    width: 274px
}

@media (min-width:640px) {
    ._94NLH {
        height: 182px;
        width: 312px
    }
}

@media (min-width:768px) {
    ._94NLH {
        height: 166px;
        width: 336px
    }
}

@media (min-width:1024px) {
    ._94NLH {
        height: 192px;
        width: 354px
    }
}

._94NLH {
    background-image: var(--v68b11042)
}

.SD-WE {
    flex: 1 1 0%;
    height: 100%;
    width: 100%
}

.SD-WE+.SD-WE {
    margin-left: 1rem
}

.HAJJu {
    background-color: #003628cc;
    color: #fffc;
    cursor: pointer;
    flex-direction: column;
    font-size: .75rem;
    line-height: 1rem;
    padding: .75rem
}

.HAJJu,
.qPErf {
    display: flex;
    justify-content: space-between
}

.qPErf {
    gap: 1rem;
    white-space: nowrap
}

.qPErf,
.rUE1A {
    align-items: center
}

.rUE1A {
    display: flex
}

._6PkzO,
.rUE1A {
    overflow: hidden
}

._6PkzO {
    margin-left: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

._5zIEe {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    margin-bottom: .75rem;
    margin-top: .75rem
}

.NYgv3 {
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.NYgv3 img,
.NYgv3 svg {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.YhyPE {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.h9OTq {
    align-items: flex-end;
    display: flex;
    gap: .5rem;
    justify-content: space-between
}

.FNqSJ {
    background-color: #001510cc;
    border-radius: .375rem;
    flex: 1 1 0%;
    padding: .25rem;
    text-align: center
}

._3RL-v {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column
}

._0FMj4 {
    font-size: .675rem;
    text-align: center
}

#bt-inner-page {
    width: 100%
}

.GRcQ4 {
    margin-bottom: 0
}

.e1sqw {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: .5rem
}

.e1sqw,
.ehBoC {
    display: flex
}

.ehBoC {
    height: 10rem;
    overflow: hidden;
    width: 100%
}

.Z9YoP {
    flex: 1 1 0%;
    height: 100%;
    min-width: 368px
}

.Z9YoP+.Z9YoP {
    margin-left: 1rem
}

.yLkdF {
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    height: 350px;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(18 13 38);
    padding: 1rem
}

.yLkdF.Uk0eK {
    height: 100vh
}

@media screen and (min-width:768px) {
    .yLkdF {
        height: 380px;
        padding: 1.5rem
    }
}

@media screen and (min-width:1024px) {
    .yLkdF {
        height: 380px;
        padding: 2rem
    }
}

.tPdm4 {
    flex: 1 1 0%;
    overflow: hidden;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
    mask-image: linear-gradient(180deg, #000 60%, transparent)
}

.tPdm4.UtUDi {
    -webkit-mask-image: none;
    mask-image: none;
    overflow-y: auto
}

.tPdm4.UtUDi::-webkit-scrollbar {
    width: 6px
}

.tPdm4.UtUDi::-webkit-scrollbar-track {
    background-color: transparent
}

.tPdm4.UtUDi::-webkit-scrollbar-thumb {
    background-color: #fff3;
    border-radius: 9999px
}

.gAv7L {
    flex-shrink: 0;
    width: 100%
}

.q2A4F {
    border: solid hsla(0, 0%, 100%, .2);
    border-width: 1px 0 0;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: 1rem;
    width: calc(100% + 2rem)
}

@media screen and (min-width:768px) {
    .q2A4F {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        width: calc(100% + 3rem)
    }
}

@media screen and (min-width:1024px) {
    .q2A4F {
        margin-left: -2rem;
        margin-right: -2rem;
        width: calc(100% + 4rem)
    }
}

.b30PR {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .5rem;
    justify-content: center;
    letter-spacing: .025em;
    line-height: 1.25rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-transform: uppercase;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.b30PR:hover {
    opacity: .8
}

@media screen and (min-width:768px) {
    .b30PR {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

._4PR5Q {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

._43Gwf {
    --tw-rotate: 180deg;
    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))
}

.qYQqp {
    padding-bottom: .5rem;
    position: relative;
    z-index: 1
}

@media (min-width:640px) {
    .qYQqp {
        padding-bottom: 1rem
    }
}

._9nMSw {
    margin-top: -7px;
    width: 100%
}

.-T-By {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 100%
}

@media (min-width:1280px) {
    .-T-By {
        flex-direction: row;
        gap: 25px
    }
}

.JDlJI {
    align-items: center;
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    margin-bottom: .5rem;
    width: 100%;
    --tw-gradient-from: var(--bgDarkGradient) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--bgDarkGradientEnd) var(--tw-gradient-to-position);
    padding: .25rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:412px) {
    .JDlJI {
        margin-bottom: 1rem
    }
}

@media (min-width:1024px) {
    .JDlJI {
        margin-bottom: .25rem;
        padding-bottom: .5rem;
        padding-top: .5rem
    }
}

@media (min-width:1280px) {
    .JDlJI {
        margin-bottom: 1rem;
        margin-top: .25rem
    }
}

.JDlJI .f8L5H {
    background-color: transparent;
    font-size: 1rem;
    font-weight: 400;
    height: 2rem;
    margin-left: 0;
    padding-left: .125rem;
    padding-right: .125rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.JDlJI .f8L5H::-moz-placeholder {
    color: #fffc
}

.JDlJI .f8L5H::placeholder {
    color: #fffc
}

.JDlJI .f8L5H:-webkit-autofill {
    --tw-shadow-color: #003628 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.JDlJI .f8L5H:autofill {
    --tw-shadow-color: #003628 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.JDlJI .l23dl {
    display: inline-block;
    font-size: 1rem;
    opacity: .5
}

.bShbn {
    background-color: #001510cc;
    inset: 0;
    overflow-y: auto;
    position: fixed;
    z-index: 60;
    -webkit-overflow-scrolling: touch
}

.UTJUl {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 80;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    font-size: 1rem;
    padding: .25rem .75rem
}

@media (min-width:768px) {
    .UTJUl {
        padding-left: .875rem;
        padding-right: .875rem
    }
}

@media (min-width:1024px) {
    .UTJUl {
        padding: .375rem .75rem
    }
}

.UTJUl ._6z1L2 {
    height: 2rem;
    margin-left: 0;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    font-size: 1rem;
    font-weight: 400;
    padding-left: .625rem;
    padding-right: .625rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .UTJUl ._6z1L2 {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.UTJUl ._6z1L2::-moz-placeholder {
    color: #fff9
}

.UTJUl ._6z1L2::placeholder {
    color: #fff9
}

.UTJUl ._6z1L2:-webkit-autofill {
    --tw-shadow-color: #003628 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.UTJUl ._6z1L2:autofill {
    --tw-shadow-color: #003628 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.UTJUl .JMxnq {
    color: #fff9;
    gap: .25rem;
    margin-right: 0
}

.UTJUl .JMxnq,
.UTJUl .JMxnq .zgpS2 {
    align-items: center;
    display: flex;
    font-size: .75rem;
    line-height: 1rem
}

.UTJUl .JMxnq .zgpS2 {
    border-radius: .375rem;
    gap: .5rem;
    justify-content: space-between;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    color: #fffc;
    padding: .25rem .5rem
}

.UTJUl .JMxnq .zgpS2:hover {
    opacity: 1
}

@media (min-width:1024px) {
    .UTJUl .JMxnq .zgpS2 {
        gap: .75rem;
        padding-bottom: .375rem;
        padding-top: .375rem
    }
}

.UTJUl .JMxnq .zgpS2 .BqBtx {
    font-size: .675rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    opacity: 1
}

@media (min-width:640px) {
    .UTJUl .JMxnq .zgpS2 .BqBtx {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:1024px) {
    .UTJUl .JMxnq .zgpS2 .BqBtx {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.UTJUl .JMxnq .zgpS2 .F7z05 {
    color: #fff9;
    font-size: .675rem;
    margin-bottom: -1px;
    margin-left: -.25rem
}

.Jb-XN {
    display: flex;
    height: 100%;
    margin: auto;
    padding: 0;
    width: 100%
}

.Jb-XN .y2rn- {
    height: var(--v0f79701a);
    margin: auto;
    position: relative;
    width: auto
}

.Jb-XN .y2rn- .ShX8f {
    animation-direction: alternate;
    animation-duration: var(--v2da0292d);
    animation-iteration-count: infinite;
    animation-name: nby-o;
    animation-timing-function: linear;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.Jb-XN .y2rn- .PPLxV,
.Jb-XN .y2rn- .ShX8f .zQm1h {
    height: var(--v0f79701a);
    width: auto
}

.Jb-XN .y2rn- .PPLxV {
    opacity: .3
}

@keyframes nby-o {
    0% {
        max-height: 100%
    }

    to {
        max-height: 0
    }
}

.RsPe2 {
    background-color: #ffffff1a;
    border-radius: .375rem;
    overflow: hidden;
    padding: .5rem .75rem;
    position: relative;
    width: 100%
}

.kOe9I {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    height: 100%;
    justify-content: flex-start;
    line-height: 1rem;
    max-height: 5rem;
    width: 100%
}

.kOe9I .RP9hB {
    border-radius: 9999px;
    height: 2.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.kOe9I .RP9hB svg,
.kOe9I .RP9hB>span {
    height: auto !important;
    width: 2rem !important
}

.kOe9I .gz-M4 {
    line-height: 1;
    margin-bottom: .25rem;
    margin-left: 1rem;
    text-align: left
}

.kOe9I .gz-M4 .sDrqO {
    font-weight: 600;
    margin-bottom: .25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.kOe9I .gz-M4 .dDmTV,
.kOe9I .gz-M4 .sDrqO {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.kOe9I .gz-M4 .dDmTV {
    color: #fff9;
    font-size: .675rem;
    font-weight: 700
}

.kOe9I .Ek26e {
    align-self: flex-end;
    color: #fffc;
    float: right;
    font-size: .575rem;
    font-weight: 500;
    margin-left: auto;
    min-width: 5rem;
    padding-left: .125rem;
    padding-right: .125rem;
    text-align: end
}

.kOe9I .OMnHS {
    line-height: 1;
    margin-left: 1rem;
    text-align: left
}

.kOe9I .OMnHS .wEAnN {
    display: -webkit-box;
    margin-bottom: .25rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-weight: 600;
    -webkit-line-clamp: 2;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.pagination[data-v-2691f4a4] {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-weight: 800;
    justify-content: space-between;
    margin-bottom: 2.25rem;
    margin-left: .75rem;
    margin-right: .75rem;
    padding-top: 2.5rem
}

@media (min-width:1280px) {
    .pagination[data-v-2691f4a4] {
        margin-bottom: 3.5rem
    }
}

.pagination .btn-more[data-v-2691f4a4] {
    background-color: #03de6333;
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    padding: .625rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.pagination .btn-more[data-v-2691f4a4]:hover {
    background-color: #03de631a
}

.overflow-unset[data-v-cf3c33ba] {
    overflow: unset !important
}

.gradientButton[data-v-cf3c33ba] {
    background-color: #02615320;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-color: rgba(var(--bgBoxColorRGB), .4);
    border-radius: .5rem;
    border-style: solid;
    border-width: 0 0 1px;
    flex: 1 1 0%;
    --tw-gradient-from: var(--primaryColor) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--primaryColorEnd) var(--tw-gradient-to-position);
    font-weight: 700;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    transition-duration: .1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.gradientButton.active[data-v-cf3c33ba] {
    background: radial-gradient(50.38% 70.65% at 50.38% 100%, #026153bb 0, #02615320);
    border-color: rgba(var(--bgBoxColorRGB), .9)
}

.searchResults[data-v-cf3c33ba] {
    background-color: #003628;
    border-radius: .25rem;
    margin-top: .25rem;
    position: relative;
    width: 100%;
    z-index: 90
}

.searchResults .skeleton-rows[data-v-cf3c33ba] {
    display: grid;
    overflow: hidden;
    width: 100%
}

.searchResults .skeleton-rows.casino-layout[data-v-cf3c33ba] {
    min-height: 100% !important
}

.searchResults .skeleton-rows.sport-layout[data-v-cf3c33ba] {
    gap: .5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:768px) {
    .searchResults .skeleton-rows.sport-layout[data-v-cf3c33ba] {
        gap: 1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    .searchResults .skeleton-rows.sport-layout[data-v-cf3c33ba] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.searchResults .skeleton-rows .skeleton-loading[data-v-cf3c33ba] {
    background-color: #00151033;
    width: 100%
}

.searchResults .skeleton-rows .skeleton-loading.casino-layout[data-v-cf3c33ba] {
    aspect-ratio: 25/29;
    height: auto
}

.searchResults .skeleton-rows .skeleton-loading.sport-layout[data-v-cf3c33ba] {
    height: 3.5rem
}

.searchResults .filterWrapper[data-v-cf3c33ba] {
    border-bottom: 1px;
    border-color: #ffffff1a;
    border-style: solid;
    overflow-y: hidden;
    padding: .5rem
}

.searchResults .filterWrapper .btn[data-v-cf3c33ba] {
    background-color: #ffffff1a;
    border-radius: 9999px;
    color: #fffc;
    display: inline-flex;
    margin-bottom: .25rem;
    margin-top: .25rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: .25rem .5rem;
    text-decoration-line: none
}

.searchResults .filterWrapper .btn.categoryActive[data-v-cf3c33ba] {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.searchResults .filterWrapper .btn span[data-v-cf3c33ba] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    line-height: 1rem
}

.searchResults .filterWrapper.sleletonSports[data-v-cf3c33ba] {
    align-items: center;
    display: flex
}

.searchResults .filterWrapper.sleletonSports .btn[data-v-cf3c33ba] {
    background-color: #00151033;
    height: 1.5rem;
    width: 5rem
}

.searchResults .resultsWrapper[data-v-cf3c33ba] {
    display: flex;
    flex-wrap: wrap;
    margin-top: .75rem;
    overflow: auto;
    padding-left: .75rem;
    padding-right: .75rem
}

.searchResults .resultsWrapper[data-v-cf3c33ba]::-webkit-scrollbar {
    display: none;
    visibility: hidden
}

.searchResults .resultsWrapper .sportsItems[data-v-cf3c33ba] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width:768px) {
    .searchResults .resultsWrapper .sportsItems[data-v-cf3c33ba] {
        gap: 1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    .searchResults .resultsWrapper .sportsItems[data-v-cf3c33ba] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.searchResults .resultsWrapper .sportsItems[data-v-cf3c33ba] {
    grid-auto-rows: 5rem
}

.inSearchPage[data-v-cf3c33ba] {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 180px);
    padding: 0
}

@media (min-width:600px) {
    .inSearchPage[data-v-cf3c33ba] {
        height: calc(100vh - 168px)
    }
}

@media (min-width:900px) {
    .inSearchPage[data-v-cf3c33ba] {
        height: calc(100vh - 186px)
    }
}

@media (min-width:1600px) {
    .inSearchPage[data-v-cf3c33ba] {
        height: calc(100vh - 209px)
    }
}

.inSearchPage .filterWrapper[data-v-cf3c33ba] {
    background-color: #003628;
    border-radius: .25rem;
    border-width: 0;
    flex: 1 1 0%;
    margin-bottom: .5rem;
    width: -moz-fit-content;
    width: fit-content
}

.inSearchPage .resultsWrapper[data-v-cf3c33ba] {
    flex: 1 1 auto;
    margin-top: 0;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width:768px) {
    .inSearchPage .resultsWrapper[data-v-cf3c33ba] {
        margin-top: .5rem
    }
}

@media (min-width:900px) {
    .inSearchPage .resultsWrapper[data-v-cf3c33ba] {
        margin-top: .625rem;
        padding-left: 0;
        padding-right: 0
    }
}

[data-v-cf3c33ba] .games-row {
    margin-top: 0
}

.gameSearchBar[data-v-073a5dd5] {
    margin-bottom: 1rem;
    margin-top: 10px;
    position: relative
}

.gameSearchBar .searchResults[data-v-073a5dd5] {
    z-index: 70
}

.dr3rk {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: .9;
    z-index: 10
}

@media (min-width:640px) {
    .dr3rk {
        border-radius: .5rem
    }
}

.dr3rk:not(.MW5-L) {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1))
}

.dr3rk.Ugt39 {
    position: fixed
}

.rF5-j {
    border-color: rgb(0 21 16/var(--tw-border-opacity, 1));
    border-radius: 9999px;
    border-right-color: rgb(33 3 222);
    border-style: solid;
    display: inline-block;
    --tw-border-opacity: 1;
    animation: EygCw .6s linear infinite;
    border-bottom-color: rgb(32 3 222);
}

.rF5-j.SPRaZ {
    border-width: 2px;
    height: 1rem;
    width: 1rem
}

.rF5-j._9pzjo {
    border-width: 4px;
    height: 1.5rem;
    width: 1.5rem
}

.rF5-j.AubEX {
    border-width: 5px;
    height: 2.25rem;
    width: 2.25rem
}

.rF5-j.CYp44 {
    border-width: 8px;
    height: 3.5rem;
    width: 3.5rem
}

.-a-iW {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    margin-top: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@keyframes EygCw {
    to {
        transform: rotate(1turn)
    }
}

.r-fAf {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1.25rem;
    width: 100%
}

.fVeX8 {
    align-items: center;
    background-color: #03de631a;
    border-radius: .375rem;
    color: #ffffffe6;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: 1rem;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .fVeX8 {
        cursor: default;
        --tw-bg-opacity: 1;
        background-color: rgb(1 6 51)
    }
}

.fVeX8:before {
    background-color: #03de631a;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    --tw-content: "";
    content: var(--tw-content)
}

.fVeX8 .pvpfG {
    cursor: pointer;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(3 50 222);
    opacity: .7
}

@media (min-width:768px) {
    .fVeX8 .pvpfG {
        display: none
    }
}

.fVeX8 .DxKO1 {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-right: auto;
    text-transform: uppercase;
    width: 100%
}

.fVeX8 .nu8zQ {
    cursor: default;
    margin-left: auto
}

.fVeX8._93bOA {
    border-radius: 0;
    left: 0;
    position: fixed;
    top: var(--v218961df);
    z-index: 30
}

.fVeX8._93bOA:before {
    background-color: #03de631a;
    z-index: 2;
    --tw-content: ""
}

.fVeX8._93bOA:after,
.fVeX8._93bOA:before {
    content: var(--tw-content);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.fVeX8._93bOA:after {
    z-index: -1;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    --tw-content: ""
}

.GQ8pX {
    align-items: center;
    color: #ffffffe6;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: 1rem;
    width: 100%
}

.GQ8pX .VZqqL {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-right: auto
}

@media (min-width:1024px) {
    .GQ8pX .VZqqL {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.JnEFX {
    padding: 1.25rem
}

.JnEFX ._15HW7 {
    margin-bottom: 2rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.JnEFX ._15HW7 .sJ-gE {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: .5rem;
    justify-content: flex-start;
    padding-bottom: .75rem
}

.JnEFX ._15HW7 .sJ-gE .iFZKQ {
    font-size: 1.5rem;
    height: 25px !important;
    line-height: 2rem;
    width: 25px !important;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.JnEFX ._15HW7 .Luta0 {
    color: #fffc;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .75rem;
    margin-top: .5rem
}

.JnEFX ._15HW7 .PATvg {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    text-decoration-line: underline
}

._8-lof {
    border-bottom: 1px;
    border-color: #ffffff1a;
    border-style: dashed;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding: 1rem .5rem 1.5rem
}

._8-lof .J6tXc {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem
}

@media (min-width:768px) {
    ._8-lof .J6tXc {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._8-lof .bwPci {
    flex-wrap: wrap;
    gap: .5rem
}

._8-lof .bwPci,
._8-lof .bwPci .iD-gm {
    align-items: center;
    display: flex;
    justify-content: center
}

._8-lof .bwPci .iD-gm {
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 9999px;
    gap: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    opacity: .6;
    padding-right: .5rem
}

._8-lof .bwPci .iD-gm.JwW-o {
    background-color: #ff9f434d
}

._8-lof .bwPci .iD-gm.JwW-o.sJTaX {
    border-color: #ff9f4380;
    opacity: 1
}

._8-lof .bwPci .iD-gm._1q90S {
    background-color: #22bb334d
}

._8-lof .bwPci .iD-gm._1q90S.sJTaX {
    border-color: #22bb3380;
    opacity: 1
}

._8-lof .bwPci .iD-gm.Qizbk {
    background-color: #f1416c4d
}

._8-lof .bwPci .iD-gm.Qizbk.sJTaX {
    border-color: #f1416c80;
    opacity: 1
}

._8-lof .bwPci .iD-gm .i-vhd {
    align-items: center;
    background-color: #fff3;
    border-radius: 9999px;
    display: flex;
    font-size: .75rem;
    height: 1.25rem;
    justify-content: center;
    line-height: 1rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._8-lof .bwPci .iD-gm .i-vhd.JwW-o {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1))
}

._8-lof .bwPci .iD-gm .i-vhd._1q90S {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

._8-lof .bwPci .iD-gm .i-vhd.Qizbk {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

._8-lof .bwPci .iD-gm .ayqH7 {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    white-space: nowrap
}

.input-group[data-v-ff2c9e77] {
    border-radius: .375rem;
    border-style: none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

.input-group.has-error[data-v-ff2c9e77] {
    box-shadow: inset 0 0 200px #ff00001a
}

.input-group.is-disabled[data-v-ff2c9e77] {
    cursor: not-allowed;
    opacity: .6
}

.prepend[data-v-ff2c9e77] {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    display: grid;
    place-items: center
}

.prefix[data-v-ff2c9e77],
.suffix[data-v-ff2c9e77] {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding-left: .5rem;
    padding-right: .5rem;
    text-overflow: ellipsis;
    width: 60px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {

    .prefix[data-v-ff2c9e77],
    .suffix[data-v-ff2c9e77] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.prefix[data-v-ff2c9e77] {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.prefix.ddi[data-v-ff2c9e77] {
    border: dotted hsla(0, 0%, 100%, .1);
    border-width: 0 1px 0 0;
    width: 90px
}

.ddi[data-v-ff2c9e77],
.prefix.ddi[data-v-ff2c9e77] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.ddi[data-v-ff2c9e77] {
    align-items: center;
    border: dotted hsla(0, 0%, 100%, .2);
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    border-width: 0 1px 0 0;
    display: flex;
    width: 95px
}

.suffix[data-v-ff2c9e77] {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.suffix .ddi[data-v-ff2c9e77] {
    border-left: 1px;
    border-color: #fff3;
    border-style: solid;
    width: 95px;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.group[data-v-ff2c9e77] {
    align-items: center;
    border-radius: .375rem;
    border-style: solid;
    border-width: 0;
    cursor: text;
    display: flex;
    flex-grow: 1;
    height: 46px;
    overflow: hidden;
    position: relative;
    --tw-border-opacity: 1;
    border-color: rgb(22 61 51/var(--tw-border-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:640px) {
    .group[data-v-ff2c9e77] {
        height: 50px
    }
}

.group.hasLabel[data-v-ff2c9e77] {
    padding-top: .75rem
}

.group.isChanged[data-v-ff2c9e77] {
    font-size: .875rem;
    height: 2.25rem;
    line-height: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.group .input[data-v-ff2c9e77]::-moz-placeholder {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    opacity: .7
}

.group .input[data-v-ff2c9e77]::placeholder {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    opacity: .7
}

@media (min-width:768px) {
    .group .input[data-v-ff2c9e77]::-moz-placeholder {
        font-size: .9rem
    }

    .group .input[data-v-ff2c9e77]::placeholder {
        font-size: .9rem
    }
}

.group:not(.hasLabel) .input[data-v-ff2c9e77]::-moz-placeholder {
    color: #ffffff80 !important
}

.group:not(.hasLabel) .input[data-v-ff2c9e77]::placeholder {
    color: #ffffff80 !important
}

.group .suffix-icon[data-v-ff2c9e77] {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.group .infoSection[data-v-ff2c9e77],
.group .suffix-icon[data-v-ff2c9e77] {
    align-items: center;
    display: flex;
    justify-content: center
}

.group .infoSection[data-v-ff2c9e77] {
    cursor: pointer;
    height: 46px;
    margin: 0;
    width: 46px
}

@media (min-width:640px) {
    .group .infoSection[data-v-ff2c9e77] {
        height: 50px;
        width: 50px
    }
}

.group.ddi[data-v-ff2c9e77],
.group.prefix[data-v-ff2c9e77],
.group.suffix[data-v-ff2c9e77] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.group.ddi[data-v-ff2c9e77],
.group.suffix[data-v-ff2c9e77] {
    max-width: calc(100% - 60px)
}

.icon[data-v-ff2c9e77] {
    padding-left: 46px !important
}

@media (min-width:640px) {
    .icon[data-v-ff2c9e77] {
        padding-left: 50px !important
    }
}

.input[data-v-ff2c9e77] {
    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: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.input[data-v-ff2c9e77]::-moz-placeholder {
    color: transparent !important
}

.input[data-v-ff2c9e77]::placeholder {
    color: transparent !important
}

.input[data-v-ff2c9e77] {
    --tw-shadow: 0 0 0 100px #163d33 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !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: transparent !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.input[data-v-ff2c9e77]:-webkit-autofill {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important;
    --tw-shadow-color: #163d33 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.input[data-v-ff2c9e77]:autofill {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important;
    --tw-shadow-color: #163d33 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.input[data-v-ff2c9e77]: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-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.input[data-com-onepassword-filled][data-v-ff2c9e77] {
    -webkit-background-clip: text !important;
    background-clip: text !important
}

@media not all and (min-width:768px) {
    .input[data-v-ff2c9e77] {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
}

.input.has-error[data-v-ff2c9e77] {
    box-shadow: inset 0 0 200px #ff00001a
}

.input.padRight[data-v-ff2c9e77] {
    padding-right: 30px !important
}

.hasSuffix .input[data-v-ff2c9e77] {
    padding-right: 36px !important
}

@media (min-width:640px) {
    .hasSuffix .input[data-v-ff2c9e77] {
        padding-right: 40px !important
    }
}

.label[data-v-ff2c9e77] {
    inset-inline-start: 1rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    --tw-translate-y: -50%;
    cursor: text;
    font-size: .875rem;
    line-height: 1.25rem;
    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: rgb(255 255 255/var(--tw-text-opacity, 1));
    opacity: .7
}

.peer:-moz-placeholder~.label[data-v-ff2c9e77] {
    font-size: .875rem;
    line-height: 1.25rem;
    top: 50%
}

.peer:placeholder-shown~.label[data-v-ff2c9e77] {
    font-size: .875rem;
    line-height: 1.25rem;
    top: 50%
}

.peer:focus~.label[data-v-ff2c9e77] {
    opacity: .7
}

.peer.hasContent~.label[data-v-ff2c9e77],
.peer:focus~.label[data-v-ff2c9e77] {
    font-size: .52rem;
    top: .8rem
}

.icon .label[data-v-ff2c9e77] {
    inset-inline-start: 46px !important
}

@media (min-width:640px) {
    .icon .label[data-v-ff2c9e77] {
        inset-inline-start: 50px !important
    }
}

.group[disabled][data-v-ff2c9e77]:not([disabled=false]),
.group[disabled]:not([disabled=false]) .label[data-v-ff2c9e77],
.group[readonly][data-v-ff2c9e77]:not([readonly=false]),
.group[readonly]:not([readonly=false]) .label[data-v-ff2c9e77],
.input[disabled][data-v-ff2c9e77]:not([disabled=false]),
.input[readonly][data-v-ff2c9e77]:not([readonly=false]) {
    cursor: default;
    opacity: .7
}

.required[data-v-ff2c9e77] {
    color: rgb(241 65 108/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: .7
}

.errorMessage[data-v-ff2c9e77] {
    border-radius: .125rem .125rem .25rem;
    bottom: 0;
    position: absolute;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .5rem;
    padding: .25rem .25rem .125rem .375rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.iix9B {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .iix9B {
        padding: 1.5rem
    }
}

.iix9B ._4c5-u {
    height: 7rem;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 7rem
}

.iix9B .PnjZW {
    font-weight: 700;
    margin-bottom: .75rem
}

.iix9B .sk1QV {
    color: #fffc;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto
}

.iix9B .sk1QV strong {
    color: #03de63cc
}

.iix9B .e--a3 {
    gap: .5rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem
}

.iix9B .e--a3,
.iix9B .e--a3 button {
    align-items: center;
    display: flex
}

.iix9B .e--a3 button {
    border-radius: .375rem;
    font-weight: 700;
    gap: .375rem;
    height: 2.5rem;
    text-transform: uppercase
}

.iix9B .e--a3 button:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.iix9B .e--a3 .kfd4Z {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.ou8nx {
    align-items: center;
    display: flex
}

.FV7io,
.ou8nx {
    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: .4
}

.FV7io[readonly]:not([readonly=false]) {
    cursor: default;
    opacity: .9
}

.WYq67 {
    align-items: center;
    color: #fff9;
    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
}

.QNWPW {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .7);
    border-radius: .25rem;
    color: #ffffffb3;
    display: flex;
    flex-wrap: nowrap;
    font-size: .68rem;
    font-weight: 500;
    height: 1.5rem;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem;
    position: absolute;
    right: 1rem;
    text-wrap: nowrap;
    white-space: nowrap
}

.QNWPW:disabled {
    cursor: not-allowed;
    opacity: .4
}

.Fxeuw {
    align-items: center;
    background-color: #fff3;
    border-radius: .25rem;
    display: flex;
    flex-wrap: nowrap;
    font-size: .6rem;
    height: 1.25rem;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem;
    right: 1rem;
    text-wrap: nowrap;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.F9HZz,
.Fxeuw {
    position: absolute
}

.F9HZz {
    border-bottom-right-radius: .375rem;
    bottom: 0;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .5rem;
    padding: .25rem .25rem .125rem .375rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.input-group[data-v-96937dd3] {
    display: flex;
    flex-wrap: wrap
}

.group[data-v-96937dd3],
.input-group[data-v-96937dd3] {
    position: relative
}

.group[data-v-96937dd3] {
    border-radius: .375rem;
    display: block;
    flex-grow: 1;
    height: 46px;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .75rem
}

@media (min-width:640px) {
    .group[data-v-96937dd3] {
        height: 50px
    }
}

.group[data-v-96937dd3] {
    border-width: 0;
    cursor: text;
    --tw-border-opacity: 1;
    border-color: rgb(22 61 51/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

.selectGroup[data-v-96937dd3] {
    align-items: center;
    display: flex;
    width: 100%
}

.input[data-v-96937dd3] {
    border-style: none;
    height: 1.25rem;
    margin-top: .25rem;
    width: 70px;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding: 0 1rem 0 0;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.input[data-v-96937dd3]::-moz-placeholder {
    color: transparent
}

.input[data-v-96937dd3]::placeholder {
    color: transparent
}

.input[data-v-96937dd3] {
    font-size: .875rem;
    line-height: 1.25rem
}

.input[data-v-96937dd3]: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-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.input option[data-v-96937dd3] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

.input[data-v-96937dd3]:-webkit-autofill,
.input[data-v-96937dd3]:-webkit-autofill:focus,
.input[data-v-96937dd3]:-webkit-autofill:hover {
    -webkit-appearance: none !important;
    -webkit-text-fill-color: #fff !important;
    --tw-shadow: 0 0 0 100px #163d33 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !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: #163d33 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.label[data-v-96937dd3] {
    inset-inline-start: 1rem;
    position: absolute;
    top: 1.5em;
    --tw-translate-y: -50%;
    font-size: .6em;
    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: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.peer:-moz-placeholder~.label[data-v-96937dd3] {
    font-size: .875rem;
    line-height: 1.25rem;
    top: 50%
}

.peer:placeholder-shown~.label[data-v-96937dd3] {
    font-size: .875rem;
    line-height: 1.25rem;
    top: 50%
}

.peer:focus~.label[data-v-96937dd3] {
    top: 1.5em
}

.label[data-v-96937dd3] {
    cursor: text;
    opacity: .8;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.peer:focus~.label[data-v-96937dd3] {
    font-size: .6em;
    opacity: .6
}

.required[data-v-96937dd3] {
    color: rgb(241 65 108/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: .7
}

.group[disabled][data-v-96937dd3]:not([disabled=false]),
.group[disabled]:not([disabled=false]) .label[data-v-96937dd3],
.input[disabled][data-v-96937dd3]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.group.separateFields[data-v-96937dd3] {
    background-color: transparent;
    padding: 0
}

.group.separateFields .selectGroup[data-v-96937dd3] {
    flex-direction: row-reverse;
    gap: .75rem
}

.group.separateFields .input[data-v-96937dd3] {
    border-radius: .375rem;
    border-width: 0;
    display: block;
    flex: 1 1 0%;
    height: 46px;
    margin: 0;
    position: relative;
    --tw-border-opacity: 1;
    border-color: rgb(22 61 51/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0
}

@media (min-width:640px) {
    .group.separateFields .input[data-v-96937dd3] {
        height: 50px
    }
}

._2l8wV {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    height: 46px;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

@media (min-width:640px) {
    ._2l8wV {
        height: 50px
    }
}

._2l8wV._4fvYl {
    box-shadow: inset 0 0 200px #ff00001a
}

._2l8wV.fKer7 {
    cursor: not-allowed;
    opacity: .5
}

._2l8wV.fKer7:hover {
    opacity: .5
}

._2l8wV.fKer7 button,
._2l8wV.fKer7 div,
._2l8wV.fKer7 label {
    cursor: not-allowed
}

._2l8wV.fKer7 button:hover,
._2l8wV.fKer7 div:hover,
._2l8wV.fKer7 label:hover {
    opacity: 1
}

._1MJXx {
    display: inline-block;
    position: relative;
    text-align: left;
    width: 100%
}

._1MJXx .Me4p3 {
    max-height: 200px;
    min-width: 8rem;
    position: absolute;
    transform-origin: bottom right;
    width: 100%;
    z-index: 999
}

._1MJXx .Me4p3>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

._1MJXx .Me4p3 {
    border-radius: .375rem;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding: .25rem;
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgba(0, 0, 0, .05)
}

._1MJXx .Me4p3:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

._1MJXx .Me4p3 {
    box-shadow: 0 0 4px #000000bf
}

._1MJXx .hWRTU {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    justify-content: space-between;
    line-height: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._1MJXx .hWRTU:disabled {
    cursor: not-allowed
}

@media (min-width:768px) {
    ._1MJXx .hWRTU {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._1MJXx .hWRTU .TfZ3C {
    margin-left: auto;
    opacity: .3
}

._1MJXx .rudvY {
    align-items: center;
    border-radius: .375rem;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .25rem;
    line-height: 1.25rem;
    padding: .5rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.KmKPz {
    align-items: center;
    background-color: transparent;
    border-radius: .5rem;
    display: flex;
    height: 64px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: .25rem;
    padding-right: .25rem;
    white-space: nowrap;
    width: 100%;
    --tw-contrast: contrast(110%);
    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)
}

.KmKPz.NRDr8 {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: -10
}

.KmKPz.v-ZOw {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.KmKPz.CPF-I {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 35/var(--tw-bg-opacity, 1))
}

.KmKPz.Yvx2U {
    --tw-border-opacity: 1;
    animation: Xz02T .2s ease-in-out;
    border-color: rgb(241 65 108/var(--tw-border-opacity, 1))
}

.KmKPz .k-1Tn {
    height: 60px;
    overflow: hidden;
    width: 295px
}

.KmKPz .k-1Tn,
.KmKPz .k-1Tn div {
    align-items: center;
    display: flex;
    justify-content: center
}

.KmKPz .k-1Tn div {
    vertical-align: middle
}

.KmKPz .k-1Tn div iframe {
    vertical-align: top
}

.KmKPz ._8fRH3 {
    height: 60px;
    justify-content: center;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem
}

.KmKPz ._8fRH3,
.KmKPz ._8fRH3 .n56AZ {
    align-items: center;
    display: flex;
    width: 100%
}

.KmKPz ._8fRH3 .n56AZ {
    justify-content: space-between;
    margin: auto
}

.KmKPz ._8fRH3 .n56AZ.v-ZOw {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.KmKPz ._8fRH3 .n56AZ.CPF-I {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.KmKPz ._8fRH3 .n56AZ .p063Y {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center
}

.KmKPz ._8fRH3 .n56AZ .p063Y span {
    font-size: .75rem;
    font-weight: 600;
    line-height: .75rem
}

.KmKPz ._8fRH3 .n56AZ .p063Y ._2BSjm {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    height: 1.5rem;
    justify-content: center;
    overflow: hidden;
    width: 1.5rem
}

.KmKPz ._8fRH3 .n56AZ .p063Y ._2BSjm ._4Ez-p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.KmKPz ._8fRH3 .n56AZ .p063Y ._2BSjm .ohXn2 {
    border-color: rgb(243 243 243/var(--tw-border-opacity, 1));
    border-radius: 9999px;
    border-style: solid;
    border-width: 4px;
    height: 1.5rem;
    width: 1.5rem;
    --tw-border-opacity: 1;
    animation: qxPur 1s linear infinite;
    border-top-color: rgb(66 133 244/var(--tw-border-opacity, 1))
}

.KmKPz ._8fRH3 .n56AZ .MMdC6 {
    background-repeat: no-repeat;
    background-size: contain;
    height: 3rem;
    width: 3rem
}

.W-uMB {
    align-items: center;
    color: #fff9;
    display: flex;
    font-size: .65rem;
    gap: .5rem;
    justify-content: center;
    line-height: .75rem;
    padding-bottom: .625rem;
    padding-top: .625rem;
    text-align: center
}

@media (min-width:640px) {
    .W-uMB {
        font-size: .7rem
    }
}

.W-uMB.cG8-x {
    color: #fff6;
    cursor: pointer
}

.W-uMB.Yvx2U {
    --tw-border-opacity: 1;
    animation: Xz02T .2s ease-in-out;
    border-color: rgb(241 65 108/var(--tw-border-opacity, 1))
}

.W-uMB._9-vJe {
    left: 0;
    padding-bottom: .25rem;
    padding-top: .25rem;
    position: absolute;
    right: 0;
    top: 100%
}

.W-uMB .zA911 {
    align-items: center;
    display: flex;
    height: .625rem;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 0;
    width: .625rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .W-uMB .zA911 {
        height: .75rem;
        width: .75rem
    }
}

.W-uMB .zA911 svg {
    height: .625rem !important;
    width: .625rem !important
}

@media (min-width:640px) {
    .W-uMB .zA911 svg {
        height: .75rem !important;
        width: .75rem !important
    }
}

@keyframes qxPur {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes Xz02T {
    0% {
        transform: translate(-3px)
    }

    25% {
        transform: translate(3px)
    }

    50% {
        transform: translate(-3px)
    }

    75% {
        transform: translate(3px)
    }

    to {
        transform: translate(0)
    }
}

.FUo-5 {
    margin-top: .5rem;
    position: relative;
    width: 100%
}

.FUo-5 ._-5me9 {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    font-weight: 700;
    gap: .375rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .625rem;
    padding-top: .625rem;
    text-transform: uppercase;
    width: auto
}

.FUo-5 ._-5me9:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.FUo-5 ._9qbnH {
    white-space: nowrap
}

.FUo-5 ._9qbnH.DDbGE {
    margin-bottom: -1rem;
    margin-top: 1.5rem;
    min-height: 5rem
}

._3kt9y {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    ._3kt9y {
        padding: 1.5rem
    }
}

._3kt9y ._3MU73 {
    font-weight: 700
}

._3kt9y .vg5L6 {
    color: #fffc;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1.5rem;
    max-width: 14rem
}

._3kt9y .vg5L6 strong {
    color: #03de63cc
}

.yKQlP {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    position: relative;
    text-align: left;
    width: 100%
}

.yKQlP label {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: -1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.yKQlP label span {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.VJkZN {
    position: relative;
    width: 100%
}

.VJkZN label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.VJkZN .v2XVD {
    display: inline-block;
    position: relative;
    text-align: left;
    width: 100%
}

.VJkZN .v2XVD .yUxQy {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .25rem;
    justify-content: space-between;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.VJkZN .v2XVD .yUxQy:disabled {
    cursor: not-allowed
}

.VJkZN .v2XVD .yUxQy .hsnsP {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-right: .5rem
}

.VJkZN .v2XVD .yUxQy .j-iRm {
    margin-left: auto;
    opacity: .3
}

.VJkZN .v2XVD .yUxQy .j-iRm._-6uut {
    fill: #2b3;
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1));
    opacity: 1
}

.VJkZN .v2XVD .CcIt8 {
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
    gap: .25rem;
    line-height: 1.25rem;
    padding: .5rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.VJkZN .ES7kQ,
.VJkZN .v2XVD .CcIt8 {
    align-items: center;
    border-radius: .375rem;
    display: flex
}

.VJkZN .ES7kQ {
    height: 46px;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

@media (min-width:640px) {
    .VJkZN .ES7kQ {
        height: 50px
    }
}

.VJkZN .ES7kQ.AaCbA {
    cursor: not-allowed;
    opacity: .5
}

.VJkZN .ES7kQ.AaCbA:hover {
    opacity: .5
}

.VJkZN .ES7kQ.AaCbA button,
.VJkZN .ES7kQ.AaCbA div,
.VJkZN .ES7kQ.AaCbA label {
    cursor: not-allowed
}

.VJkZN .ES7kQ.AaCbA button:hover,
.VJkZN .ES7kQ.AaCbA div:hover,
.VJkZN .ES7kQ.AaCbA label:hover {
    opacity: 1
}

.select-group[data-v-11140f7a] {
    border-radius: .5rem;
    border-style: none;
    display: flex;
    flex-wrap: wrap
}

.prefix[data-v-11140f7a],
.suffix[data-v-11140f7a] {
    align-items: center;
    background-color: #00151033;
    display: flex;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {

    .prefix[data-v-11140f7a],
    .suffix[data-v-11140f7a] {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.prefix[data-v-11140f7a] {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.suffix[data-v-11140f7a] {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

.group[data-v-11140f7a] {
    border-radius: .5rem;
    display: block;
    flex-grow: 1;
    height: 46px;
    overflow: hidden;
    padding-top: .5rem;
    position: relative
}

@media (min-width:640px) {
    .group[data-v-11140f7a] {
        height: 50px
    }
}

.group[data-v-11140f7a] {
    border-width: 0;
    cursor: text;
    --tw-border-opacity: 1;
    border-color: rgb(22 61 51/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

.group.prefix[data-v-11140f7a] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.group.suffix[data-v-11140f7a] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.icon[data-v-11140f7a] {
    padding-left: 46px !important
}

@media (min-width:640px) {
    .icon[data-v-11140f7a] {
        padding-left: 50px !important
    }
}

.select[data-v-11140f7a] {
    background-color: transparent;
    border-style: none;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.25rem;
    padding: 0 2.5rem 0 1rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.select[data-v-11140f7a]: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-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.select option[data-v-11140f7a] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

.select[data-v-11140f7a]:-webkit-autofill,
.select[data-v-11140f7a]:-webkit-autofill:focus,
.select[data-v-11140f7a]:-webkit-autofill:hover {
    -webkit-appearance: none !important;
    -webkit-text-fill-color: #fff !important;
    --tw-shadow: 0 0 0 100px #163d33 inset !important;
    --tw-shadow-colored: inset 0 0 0 100px var(--tw-shadow-color) !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: #163d33 !important;
    --tw-shadow: var(--tw-shadow-colored) !important
}

.icon .label[data-v-11140f7a] {
    inset-inline-start: 46px !important
}

@media (min-width:640px) {
    .icon .label[data-v-11140f7a] {
        inset-inline-start: 50px !important
    }
}

.group[disabled][data-v-11140f7a]:not([disabled=false]),
.group[disabled]:not([disabled=false]) .label[data-v-11140f7a],
.select[disabled][data-v-11140f7a]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.required[data-v-11140f7a] {
    color: rgb(241 65 108/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: .7
}

@keyframes shake-11140f7a {
    0% {
        transform: translate(-3px)
    }

    to {
        transform: translate(3px)
    }
}

.SDY2G {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    height: 46px;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

@media (min-width:640px) {
    .SDY2G {
        height: 50px
    }
}

.SDY2G.HytpN {
    cursor: not-allowed
}

.s80BM {
    background-color: #ffffff1a;
    border: 2px solid transparent;
    border-radius: .5rem;
    caret-color: transparent;
    color: #fffc;
    flex: 1 1 0%;
    font-size: 1.25rem;
    height: 3.5rem;
    line-height: 1.75rem;
    max-width: 4rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem
}

.s80BM:focus {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
    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-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.s80BM::-moz-selection {
    background-color: transparent
}

.s80BM::selection {
    background-color: transparent
}

.kb3uu {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .kb3uu {
        padding: 1.5rem
    }
}

.kb3uu .d8Kr- {
    height: 7rem;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 7rem
}

.kb3uu .LlJu- {
    font-weight: 700;
    margin-bottom: .75rem
}

.kb3uu .M02Nh {
    color: #fffc;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    margin-left: auto;
    margin-right: auto
}

.kb3uu .M02Nh strong {
    color: #03de63cc
}

.kb3uu .RvkWs {
    color: #ffffffb3;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: 1.5rem;
    pointer-events: none
}

.kb3uu ._-1IiF {
    margin-top: 1rem;
    width: 100%
}

.kb3uu ._47CJe {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-top: 1.25rem
}

.kb3uu .gwv7B {
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: .25rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.kb3uu .gwv7B:disabled:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.kb3uu .HbPca {
    color: #ffffff80;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .25rem
}

.kb3uu .HbPca,
.kb3uu .zYrLw {
    margin-left: auto;
    margin-right: auto
}

.kb3uu .zYrLw {
    gap: .5rem;
    justify-content: center;
    margin-top: 1.25rem
}

.kb3uu .zYrLw,
.kb3uu .zYrLw button {
    align-items: center;
    display: flex
}

.kb3uu .zYrLw button {
    border-radius: .375rem;
    font-weight: 700;
    gap: .375rem;
    height: 2.5rem;
    text-transform: uppercase
}

.kb3uu .zYrLw button:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.kb3uu .zYrLw .rueTo {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.kb3uu .zYrLw .epYnp {
    background-color: #ffffff1a;
    color: #ffffffb3;
    font-size: .75rem;
    line-height: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.qEoNi {
    position: relative
}

.qEoNi .pe0XE {
    align-items: center;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    line-height: 1.5rem;
    row-gap: 0
}

.qEoNi .pe0XE,
.qEoNi .pe0XE .YbWi- {
    --tw-text-opacity: 1
}

.qEoNi .pe0XE .YbWi- {
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    display: inline-flex;
    font-size: .75rem;
    line-height: 1rem;
    margin-left: .25rem
}

.gfO2l {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .gfO2l {
        padding: 1.5rem
    }
}

.gfO2l .MMrYf {
    height: 7rem;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 7rem
}

.gfO2l .aYc7T {
    font-weight: 700;
    margin-bottom: .75rem
}

.gfO2l .IsX9B {
    color: #fffc;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 16rem
}

.gfO2l .IsX9B strong {
    color: #03de63cc
}

.gfO2l .vWJmL {
    color: #ffffffb3;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: 1.5rem;
    pointer-events: none
}

.gfO2l .SR7Bu {
    margin-top: 1rem;
    width: 100%
}

.gfO2l ._0RvDD {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-top: 1.25rem;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.gfO2l .bNxZM {
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: .25rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.gfO2l .bNxZM:disabled:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.gfO2l .Ip4wK {
    color: #ffffff80;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .25rem
}

.gfO2l .Ip4wK,
.gfO2l .eayhV {
    margin-left: auto;
    margin-right: auto
}

.gfO2l .eayhV {
    gap: .5rem;
    justify-content: center;
    margin-top: 1.25rem
}

.gfO2l .eayhV,
.gfO2l .eayhV button {
    align-items: center;
    display: flex
}

.gfO2l .eayhV button {
    border-radius: .375rem;
    font-weight: 700;
    gap: .375rem;
    height: 2.5rem;
    text-transform: uppercase
}

.gfO2l .eayhV button:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.gfO2l .eayhV .LGPM6 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.gfO2l .eayhV .OoHSn {
    background-color: #ffffff1a;
    color: #ffffffb3;
    font-size: .75rem;
    line-height: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.LJwr4 {
    text-align: left
}

.LJwr4 .f2EOK {
    font-weight: 600;
    margin-bottom: .5rem
}

.LJwr4 ol li {
    list-style-type: decimal
}

.LJwr4 ol li,
.LJwr4 ul li {
    list-style-position: inside
}

.LJwr4 ul li {
    list-style-type: disc;
    margin-left: .5rem
}

.vRODT {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    font-weight: 700;
    gap: .375rem;
    padding-bottom: .625rem;
    padding-top: .625rem;
    text-transform: uppercase
}

.vRODT:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.vRODT.kJRI- {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: hidden
}

.QsTm6 {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .QsTm6 {
        padding: 1.5rem
    }
}

.QsTm6 .z5Piv {
    height: 7rem;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 7rem
}

.QsTm6 .E-d-L {
    font-weight: 700;
    margin-bottom: .75rem
}

.QsTm6 .ra7H6 {
    color: #fffc;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 14rem
}

.QsTm6 .ra7H6 strong {
    color: #03de63cc
}

.QsTm6 .sUmJe {
    font-size: .875rem;
    line-height: 1.25rem
}

.QsTm6 .sUmJe .h7rPX {
    align-items: stretch;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: 1.5rem
}

.QsTm6 .sUmJe .h7rPX .eN8Ed {
    align-items: center;
    background-color: #ffffff1a;
    border-radius: .375rem;
    color: #ffffff80;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    gap: .375rem;
    justify-content: center;
    line-height: 1rem;
    padding: .625rem .75rem;
    text-transform: uppercase
}

.QsTm6 .sUmJe .h7rPX .eN8Ed:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.QsTm6 ._5v-8y {
    justify-content: center;
    margin-top: 1.5rem
}

.QsTm6 ._5v-8y,
.QsTm6 ._5v-8y .hYuB6 {
    align-items: center;
    display: flex
}

.QsTm6 ._5v-8y .hYuB6 {
    border-radius: .375rem;
    font-weight: 700;
    gap: .375rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .625rem;
    padding-top: .625rem;
    text-transform: uppercase
}

.QsTm6 ._5v-8y .hYuB6:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.QsTm6 .uIl6p {
    font-size: .675rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    max-width: 300px;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.tGOEJ {
    max-width: 100%;
    min-height: 100dvh
}

@media (min-width:768px) {
    .tGOEJ {
        min-height: 690px
    }
}

.ydG-2 {
    isolation: isolate;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.KS3zs,
.ydG-2 {
    height: 100%;
    min-height: 660px;
    width: 100%
}

.KS3zs {
    position: relative
}

.KS3zs :deep(iframe) {
    height: 100% !important;
    max-width: 100% !important;
    min-height: 660px !important;
    position: relative !important;
    transform: none !important;
    width: 100% !important;
    z-index: 1 !important
}

.-T-v3 {
    overflow: hidden
}

.bYJip,
.g1BaS {
    max-width: 100%
}

.bYJip {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100dvh;
    text-align: center
}

@media (min-width:768px) {
    .bYJip {
        min-height: 690px
    }
}

.bYJip .neTYY {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin: 2rem 0 0;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.bYJip .S7SlL,
.bYJip .neTYY {
    width: 100%
}

.bYJip .S7SlL {
    color: #ffffffb3;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
    opacity: .7;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.bYJip ._2CMBS {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    display: flex;
    font-weight: 700;
    gap: .375rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .625rem;
    padding-top: .625rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.bYJip ._2CMBS:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.Lm3Dv {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    display: flex;
    font-weight: 700;
    gap: .375rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .625rem;
    padding-top: .625rem;
    text-transform: uppercase
}

.Lm3Dv:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.Xe-nO,
.Xe-nO:hover {
    cursor: not-allowed;
    opacity: .5
}

.z0oxS {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    margin-top: .5rem
}

.t3eoY {
    animation: w-GM4 .6s linear infinite
}

@keyframes w-GM4 {
    to {
        transform: rotate(1turn)
    }
}

.MddrC {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .MddrC {
        padding: 1.5rem
    }
}

.MddrC .e-N8d {
    height: 7rem;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 7rem
}

.MddrC .PfO0k {
    font-weight: 700;
    margin-bottom: .75rem
}

.MddrC .b02Ww {
    color: #fffc;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 20rem
}

.MddrC .b02Ww strong {
    color: #03de63cc
}

.MddrC ._4Ebtb {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff1a;
    border-radius: .375rem;
    color: #ffffffe6;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: .375rem;
    line-height: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: .625rem 1rem;
    text-transform: uppercase
}

.MddrC ._4Ebtb:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.MddrC .-Sx7g {
    background-color: #ffffff1a;
    border-radius: .375rem;
    display: inline-flex;
    font-size: .675rem;
    gap: 1.25rem;
    justify-content: center;
    margin-top: 1rem;
    padding: .5rem .75rem
}

.MddrC .-Sx7g .UiscT {
    align-items: center;
    display: flex;
    gap: .25rem
}

.MddrC .-Sx7g .UiscT .yD7qJ {
    color: #fff6;
    font-size: .675rem
}

.MddrC .-Sx7g .UiscT .mOOdg {
    color: #ffffffb3;
    font-size: .675rem;
    font-weight: 600
}

.MddrC .-Sx7g .UiscT .mOOdg ._5bYcX {
    color: #fff6;
    font-size: .675rem;
    font-weight: 600
}

.MddrC .-Sx7g .UiscT .mOOdg ._5bYcX.Z7kBY {
    --tw-text-opacity: 1;
    color: rgb(30 167 24/var(--tw-text-opacity, 1))
}

.MddrC .-Sx7g .UiscT .mOOdg ._5bYcX.bmEnt {
    --tw-text-opacity: 1;
    color: rgb(219 51 131/var(--tw-text-opacity, 1))
}

.MddrC .-Sx7g .UiscT .mOOdg ._5bYcX.D25jN {
    --tw-text-opacity: 1;
    color: rgb(248 90 59/var(--tw-text-opacity, 1))
}

.MddrC .-Sx7g .UiscT .mOOdg ._5bYcX.qjT-5 {
    --tw-text-opacity: 1;
    color: rgb(28 214 96/var(--tw-text-opacity, 1))
}

.MddrC .-Sx7g .UiscT .mOOdg ._5bYcX.jTEbC {
    --tw-text-opacity: 1;
    color: rgb(27 237 186/var(--tw-text-opacity, 1))
}

.MddrC .-Sx7g .UiscT .mOOdg ._5bYcX._3SNkD {
    --tw-text-opacity: 1;
    color: rgb(255 66 45/var(--tw-text-opacity, 1))
}

._62K1Q {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    ._62K1Q {
        padding: 1.5rem
    }
}

._62K1Q .TBcq0 {
    height: 7rem;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 7rem
}

._62K1Q .auYOw {
    font-weight: 700;
    margin-bottom: .75rem
}

._62K1Q .irZOt {
    color: #fffc;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 20rem
}

._62K1Q .irZOt strong {
    color: #03de63cc
}

._62K1Q .p1-0Y {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    font-weight: 700;
    gap: .375rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    padding-bottom: .625rem;
    padding-top: .625rem;
    text-transform: uppercase
}

._62K1Q .p1-0Y:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.n4Bti {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .n4Bti {
        padding: 1.5rem
    }
}

.n4Bti .rz7nU {
    height: 7rem;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 7rem
}

.n4Bti .j9r25 {
    font-weight: 700;
    margin-bottom: .75rem
}

.n4Bti .CaDKU {
    color: #fffc;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 20rem
}

.n4Bti .CaDKU strong {
    color: #03de63cc
}

.n4Bti .qJ8Hz {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    font-weight: 700;
    gap: .375rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    padding-bottom: .625rem;
    padding-top: .625rem;
    text-transform: uppercase
}

.n4Bti .qJ8Hz:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.n4Bti .qJ8Hz .U5wwj {
    -webkit-font-variant-numeric: tabular-nums;
    -moz-font-variant-numeric: tabular-nums;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em
}

.n4Bti .qJ8Hz .okEm7 {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
    line-height: 1.75rem
}

.zJPno {
    height: 100%;
    justify-content: space-between;
    padding: .75rem;
    position: relative
}

.zJPno,
.zJPno .wJKi8 {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column
}

.zJPno .wJKi8 {
    justify-content: center;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.zJPno .vCcO- {
    background-color: #0003;
    bottom: 0;
    height: 3rem;
    margin: 1.25rem -1.75rem -1.75rem;
    min-width: 100%;
    position: sticky;
    z-index: 20
}

.zJPno .vCcO- .fxSMN {
    align-items: center;
    color: #fff6;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .5rem;
    height: 100%;
    justify-content: center;
    line-height: 1.25rem;
    margin: auto
}

.lWeyP {
    display: flex;
    margin-top: 5px
}

@media screen and (min-width:700px) {
    .lWeyP {
        margin-top: 11px
    }
}

@media screen and (min-width:1350px) {
    .lWeyP {
        margin-top: 13px
    }
}

.lWeyP a {
    color: var(--primaryColor)
}

.lWeyP a:hover {
    color: var(--secondaryColor)
}

.lWeyP a svg {
    height: 20px;
    width: 20px
}

@media screen and (min-width:700px) {
    .lWeyP a svg {
        height: 27px;
        width: 27px
    }
}

.BUGoq {
    flex-basis: 100%;
    font-size: .6rem;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 5px;
    text-transform: uppercase
}

@media screen and (min-width:1520px) {
    .BUGoq {
        margin-bottom: 0;
        margin-top: 10px
    }
}

@media screen and (min-width:1600px) {
    .BUGoq {
        font-size: .7rem
    }
}

.BUGoq .K0vxJ {
    color: var(--primaryColor)
}

.k-gUc {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .625rem
}

@media screen and (min-width:320px) {
    .k-gUc {
        margin-bottom: 10px
    }
}

@media screen and (min-width:900px) {
    .k-gUc {
        margin-bottom: 15px
    }
}

@media screen and (min-width:1600px) {
    .k-gUc {
        margin-bottom: 20px
    }
}

.k-gUc ._3D6Ou {
    height: auto;
    margin: 0 20px 0 0;
    max-width: 75px;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width:700px) {
    .k-gUc ._3D6Ou {
        max-width: 114px
    }
}

@media screen and (min-width:1350px) {
    .k-gUc ._3D6Ou {
        max-width: 153px
    }
}

.k-gUc ._3D6Ou img {
    height: auto;
    max-width: 100%
}

.U09U1 {
    color: var(--primaryColor);
    flex: 0 0 auto;
    font-size: .6rem;
    font-weight: 600;
    margin-bottom: -1px;
    margin-right: 15px;
    text-transform: uppercase
}

@media screen and (min-width:700px) {
    .U09U1 {
        font-size: .65rem;
        margin-bottom: -2px
    }
}

@media screen and (min-width:1600px) {
    .U09U1 {
        margin-right: 30px
    }
}

.RugEV {
    align-items: center;
    display: flex;
    font-size: .55rem;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase
}

@media screen and (min-width:1600px) {
    .RugEV {
        font-size: .7rem
    }
}

.RugEV img {
    height: 25px;
    margin-left: 10px;
    width: auto;
    --tw-brightness: brightness(3);
    --tw-grayscale: grayscale(1);
    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 screen and (min-width:1600px) {
    .RugEV img {
        height: 38px
    }
}

.INRl0 svg {
    height: 1.5rem;
    width: auto
}

.Q4HfR {
    cursor: pointer;
    display: inline-block;
    font-size: .6rem;
    margin: 0 auto;
    opacity: .85;
    padding: .5rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -10px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .Q4HfR {
        display: none
    }
}

.HmINM {
    font-size: .65rem;
    margin-top: 15px;
    -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent);
    mask-image: linear-gradient(180deg, #000 50%, transparent);
    max-height: 65px;
    opacity: .6;
    overflow: hidden;
    width: 98%
}

.HmINM::-webkit-scrollbar {
    background-color: transparent;
    width: 5px
}

.HmINM::-webkit-scrollbar-thumb {
    background-color: rgba(var(--blackRGB), .5);
    border-left-style: solid;
    border-radius: 8px;
    border-top-style: solid;
    border-width: 0;
    border-bottom: 1px solid #ffffff50;
    border-right: 1px solid #ffffff50
}

@media screen and (min-width:412px) {
    .HmINM {
        width: 92%
    }
}

@media screen and (min-width:600px) {
    .HmINM {
        width: 88%
    }
}

@media screen and (min-width:700px) {
    .HmINM {
        font-size: .7rem;
        width: 90%
    }
}

@media screen and (min-width:1000px) {
    .HmINM {
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .HmINM {
        -webkit-mask-image: linear-gradient(180deg, #000 95%, transparent);
        mask-image: linear-gradient(180deg, #000 95%, transparent);
        max-height: 180px;
        overflow: auto;
        width: 100%
    }
}

@media screen and (min-width:1600px) {
    .HmINM {
        margin-top: 22px
    }
}

.HmINM p {
    margin-bottom: 10px
}

@media screen and (min-width:412px) {
    .HmINM p:first-child {
        width: 84%
    }
}

@media screen and (min-width:1000px) {
    .HmINM p:first-child {
        width: 100%
    }
}

@media screen and (min-width:412px) {
    .HmINM p:nth-child(2) {
        width: 93%
    }
}

@media screen and (min-width:700px) {
    .HmINM p:nth-child(2) {
        width: 86%
    }
}

@media screen and (min-width:1000px) {
    .HmINM p:nth-child(2) {
        width: 100%
    }
}

.HmINM.XpPlG {
    -webkit-mask-image: unset;
    mask-image: unset;
    max-height: unset
}

.pBDYo {
    height: 2rem;
    max-width: 12em;
    width: auto
}

@media (min-width:1024px) {
    .pBDYo {
        height: 3rem
    }
}

.spvLY {
    margin: 0 -18px;
    --tw-scale-x: .8;
    --tw-scale-y: .8;
    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))
}

.pIDDI {
    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%;
    --tw-grayscale: grayscale(100%);
    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:768px) {
    .pIDDI {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        padding: 1.5rem;
        row-gap: 1rem
    }
}

.ZU59j {
    align-items: center;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1rem;
    margin-right: -.25rem;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    --tw-grayscale: grayscale(100%);
    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)
}

.ZU59j span {
    font-weight: 700;
    max-width: 140px;
    text-transform: uppercase
}

.GtvgE,
.OzHO- {
    height: 3rem;
    max-width: 12rem;
    width: auto;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.TZ7Ql {
    background-color: var(--bgColor);
    border-radius: 8px 8px 4px;
    display: flex;
    flex-direction: column;
    font-size: .6rem;
    gap: 3px;
    justify-content: space-between;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 10px 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    --tw-shadow: 1px 1px 0px rgba(var(--primaryColorRGB), .15), inset 1px 1px 3px rgba(0, 0, 0, .2);
    --tw-shadow-colored: 1px 1px 0px var(--tw-shadow-color), inset 1px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media screen and (min-width:700px) {
    .TZ7Ql {
        flex-direction: row;
        gap: 15px;
        justify-content: space-evenly
    }
}

@media screen and (min-width:900px) {
    .TZ7Ql {
        border-radius: 50px;
        margin-top: 20px
    }
}

@media screen and (min-width:1000px) {
    .TZ7Ql {
        border-radius: 10px;
        gap: 5px
    }
}

@media screen and (min-width:1350px) {
    .TZ7Ql {
        border-radius: 50px;
        flex-direction: row
    }
}

.TZ7Ql a {
    color: var(--textColor);
    font-weight: 600;
    padding: 6px 0
}

.TZ7Ql a:hover {
    color: var(--primaryColor)
}

.licenseSection[data-v-6a98b085] {
    font-size: .7rem;
    margin-top: 1rem;
    opacity: .6;
    text-align: justify;
    width: 100%
}

.licenseSection .register-section[data-v-6a98b085] {
    font-size: .66rem;
    text-align: justify;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .licenseSection .register-section[data-v-6a98b085] {
        padding-right: .5rem
    }
}

.licenseSection .register-section p[data-v-6a98b085] {
    color: #fffc;
    font-size: .66rem;
    overflow: hidden;
    text-align: justify
}

.licenseSection .licenseAndContacts[data-v-6a98b085] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem
}

.licenseSection .licenseAndContacts .licenseSeals[data-v-6a98b085] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 1rem
}

.licenseSection .licenseAndContacts .licenseSeals a[data-v-6a98b085] {
    margin-left: auto;
    margin-right: auto
}

.centered[data-v-6a98b085] {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (min-width:1024px) {
    .LIo6D {
        margin-right: 115px
    }
}

@media screen and (min-width:1200px) {
    .LIo6D {
        margin-right: 235px
    }
}

@media screen and (min-width:1520px) {
    .LIo6D {
        margin-right: 320px
    }
}

@media screen and (min-width:1600px) {
    .LIo6D {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

.LIo6D ._2MTTg {
    display: grid;
    font-size: .65rem;
    gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-top: 10px
}

@media screen and (min-width:412px) {
    .LIo6D ._2MTTg {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (min-width:700px) {
    .LIo6D ._2MTTg {
        font-size: .7rem
    }
}

@media screen and (min-width:850px) {
    .LIo6D ._2MTTg {
        grid-template-columns: 1fr 1fr 1.2fr 1fr
    }
}

@media screen and (min-width:1024px) {
    .LIo6D ._2MTTg {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (min-width:1280px) {
    .LIo6D ._2MTTg {
        grid-template-columns: .95fr 1fr 1fr 1fr
    }
}

.LIo6D ._2MTTg ul {
    list-style-type: none
}

@media screen and (min-width:412px) {
    .LIo6D ._2MTTg ul:nth-child(3) {
        grid-template-columns: unset
    }
}

@media screen and (min-width:1600px) {
    .LIo6D ._2MTTg ul:nth-child(3) {
        grid-template-columns: unset
    }
}

.LIo6D ._2MTTg ul li:first-child {
    color: var(--primaryColor);
    font-size: .6rem;
    font-weight: 700;
    padding: 5px 0
}

@media screen and (min-width:700px) {
    .LIo6D ._2MTTg ul li:first-child {
        font-size: .8rem
    }
}

@media screen and (min-width:1600px) {
    .LIo6D ._2MTTg ul li:first-child {
        font-size: .9rem;
        padding: 10px 0
    }
}

.LIo6D ._2MTTg ul li .kMMQH {
    border-width: 0;
    border-bottom: 1px rgba(var(--primaryColorRGB), .15);
    border-style: dashed;
    color: var(--textColor);
    display: block;
    font-weight: 400;
    padding: 8px 0;
    text-align: left;
    text-decoration-line: none;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

@media screen and (min-width:1600px) {
    .LIo6D ._2MTTg ul li .kMMQH {
        padding: 7px 0
    }
}

.LIo6D ._2MTTg ul li .kMMQH:hover {
    color: var(--primaryColor)
}

.pLV-J {
    align-items: center;
    background-color: #00000080;
    border-radius: 20px;
    color: #ffffffe6;
    display: inline-flex;
    font-size: .6rem;
    font-weight: 700;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 1rem;
    padding: .5rem .75rem;
    text-align: left;
    text-transform: uppercase
}

.pLV-J:hover {
    background-color: #0006;
    opacity: 1
}

.pLV-J svg {
    color: var(--primaryColor);
    font-size: 1.25rem;
    line-height: 1.75rem
}

.GAJfA {
    box-sizing: unset;
    display: none;
    height: 153px;
    overflow-x: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -55px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 104px;
    z-index: 1
}

.GAJfA::-webkit-scrollbar {
    height: 0;
    width: 0
}

@media screen and (min-width:412px) {
    .GAJfA {
        display: block
    }
}

@media screen and (min-width:550px) {
    .GAJfA {
        height: 174px;
        top: -63px;
        width: 118px
    }
}

@media screen and (min-width:700px) {
    .GAJfA {
        height: 208px;
        top: -76px;
        width: 133px
    }
}

@media screen and (min-width:1200px) {
    .GAJfA {
        height: 368px;
        top: -135px;
        width: 287px
    }
}

@media screen and (min-width:1520px) {
    .GAJfA {
        height: 469px;
        top: -170px;
        width: 371px
    }
}

.GAJfA .Vk3XN {
    height: 100%;
    left: -5px;
    position: absolute;
    top: 0;
    width: 200%;
    z-index: -1
}

.GAJfA .Vk3XN img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.GAJfA ._9nLLi {
    margin-left: 83px
}

@media screen and (min-width:600px) {
    .GAJfA ._9nLLi {
        margin-left: 82px
    }
}

.GAJfA ._9nLLi .xdhD0 {
    align-items: center;
    display: flex;
    height: 15px;
    justify-content: center;
    position: relative;
    width: 130px
}

.GAJfA ._9nLLi .xdhD0:after,
.GAJfA ._9nLLi .xdhD0:before {
    content: "";
    position: absolute
}

.GAJfA ._9nLLi .xdhD0:after {
    background: radial-gradient(ellipse at center, rgba(var(--primaryColorRGB), .99) 0, rgba(var(--primaryColorRGB), .2) 35%, rgba(var(--primaryColorRGB), 0) 60%);
    height: 100%;
    width: 100%;
    z-index: 1
}

.GAJfA ._9nLLi .xdhD0:before {
    background: radial-gradient(ellipse at center, #fff 0, rgba(var(--primaryColorRGB), 0) 30%);
    height: 15px;
    width: 50%;
    z-index: 10
}

.GAJfA ._9nLLi .xdhD0.KnnPC {
    margin-left: 13px;
    --tw-rotate: -63.8deg;
    --tw-scale-x: .7;
    --tw-scale-y: .7;
    animation: MaXvL 25s linear infinite;
    animation-delay: 1s;
    opacity: 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))
}

@media screen and (min-width:700px) {
    .GAJfA ._9nLLi .xdhD0.KnnPC {
        --tw-translate-x: -261px;
        --tw-translate-y: -6px;
        --tw-rotate: -63.8deg;
        --tw-scale-x: .7;
        --tw-scale-y: .7;
        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 screen and (min-width:1200px) {
    .GAJfA ._9nLLi .xdhD0.KnnPC {
        --tw-translate-x: -167px;
        --tw-translate-y: 71px;
        --tw-rotate: -63.8deg;
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5;
        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 screen and (min-width:1520px) {
    .GAJfA ._9nLLi .xdhD0.KnnPC {
        --tw-translate-x: -162px;
        --tw-translate-y: 100px;
        --tw-rotate: -63.8deg;
        --tw-scale-x: 1.8;
        --tw-scale-y: 1.8;
        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(1px);
        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)
    }
}

.GAJfA ._9nLLi .xdhD0.N6fLi {
    display: flex;
    --tw-translate-x: 13px;
    --tw-translate-y: 205px;
    --tw-rotate: 63.8deg;
    --tw-scale-x: .7;
    --tw-scale-y: .7;
    animation: WNsWD 25s linear infinite;
    opacity: 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))
}

@media screen and (min-width:700px) {
    .GAJfA ._9nLLi .xdhD0.N6fLi {
        --tw-translate-x: 36px;
        --tw-translate-y: 214px;
        --tw-rotate: 63.8deg;
        --tw-scale-x: .7;
        --tw-scale-y: .7;
        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 screen and (min-width:1200px) {
    .GAJfA ._9nLLi .xdhD0.N6fLi {
        --tw-translate-x: 78px;
        --tw-translate-y: 111px;
        --tw-rotate: 63.8deg;
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5;
        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 screen and (min-width:1520px) {
    .GAJfA ._9nLLi .xdhD0.N6fLi {
        --tw-translate-x: 90px;
        --tw-translate-y: 99px;
        --tw-rotate: 63.8deg;
        --tw-scale-x: 1.8;
        --tw-scale-y: 1.8;
        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(1px);
        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 MaXvL {
    0% {
        opacity: 0;
        transform: scale(.7) rotate(-63.8deg) translate(-196px, -63px)
    }

    10% {
        opacity: 1
    }

    78% {
        opacity: 1
    }

    80% {
        opacity: 0;
        transform: scale(.7) rotate(-63.8deg) translate(-60px, -63px)
    }

    to {
        opacity: 0
    }
}

@keyframes WNsWD {
    0% {
        opacity: 0;
        transform: scale(.7) rotate(63.8deg) translate(-13px, 205px)
    }

    10% {
        opacity: 1
    }

    78% {
        opacity: 1
    }

    80% {
        opacity: 0;
        transform: scale(.7) rotate(63.8deg) translate(59px, 205px)
    }

    to {
        opacity: 0
    }
}

@media screen and (min-width:550px) {
    @keyframes MaXvL {
        0% {
            opacity: 0;
            transform: scale(.7) rotate(-63.8deg) translate(-196px, -41px)
        }

        2% {
            opacity: 1
        }

        78% {
            opacity: 1
        }

        80% {
            opacity: 0;
            transform: scale(.7) rotate(-63.8deg) translate(-60px, -41px)
        }

        to {
            opacity: 0
        }
    }
}

@media screen and (min-width:700px) {
    @keyframes MaXvL {
        0% {
            opacity: 0;
            transform: scale(.7) rotate(-63.8deg) translate(-261px, -6px)
        }

        10% {
            opacity: 1
        }

        78% {
            opacity: 1
        }

        80% {
            opacity: 0;
            transform: scale(.7) rotate(-63.8deg) translate(-77px, -6px)
        }

        to {
            opacity: 0
        }
    }

    @keyframes WNsWD {
        0% {
            opacity: 0;
            transform: scale(.7) rotate(63.8deg) translate(36px, 214px)
        }

        10% {
            opacity: 1
        }

        78% {
            opacity: 1
        }

        80% {
            opacity: 0;
            transform: scale(.7) rotate(63.8deg) translate(159px, 214px)
        }

        to {
            opacity: 0
        }
    }
}

@media screen and (min-width:1200px) {
    @keyframes MaXvL {
        0% {
            opacity: 0;
            transform: scale(1.5) rotate(-63.8deg) translate(-167px, 71px)
        }

        10% {
            opacity: 1
        }

        78% {
            opacity: 1
        }

        80% {
            opacity: 0;
            transform: scale(1.5) rotate(-63.8deg) translate(-4px, 71px)
        }

        to {
            opacity: 0
        }
    }

    @keyframes WNsWD {
        0% {
            opacity: 0;
            transform: scale(1.5) rotate(63.8deg) translate(58px, 111px)
        }

        10% {
            opacity: 1
        }

        78% {
            opacity: 1
        }

        80% {
            opacity: 0;
            transform: scale(1.5) rotate(63.8deg) translate(155px, 110px)
        }

        to {
            opacity: 0
        }
    }
}

@media screen and (min-width:1520px) {
    @keyframes MaXvL {
        0% {
            opacity: 0;
            transform: scale(1.8) rotate(-63.8deg) translate(-162px, 100px)
        }

        10% {
            opacity: 1
        }

        78% {
            opacity: 1
        }

        80% {
            opacity: 0;
            transform: scale(1.8) rotate(-63.8deg) translate(-4px, 97px)
        }

        to {
            opacity: 0
        }
    }

    @keyframes WNsWD {
        0% {
            opacity: 0;
            transform: scale(1.8) rotate(63.8deg) translate(90px, 99px)
        }

        10% {
            opacity: 1
        }

        78% {
            opacity: 1
        }

        80% {
            opacity: 0;
            transform: scale(1.8) rotate(63.8deg) translate(179px, 99px)
        }

        to {
            opacity: 0
        }
    }
}

.vdiqD {
    background-image: linear-gradient(120deg, var(--tw-gradient-stops));
    height: 130px;
    --tw-gradient-from: #003628 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 54, 40, 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)
}

@media (min-width:900px) {
    .vdiqD {
        display: none
    }
}

.vdiqD.aEqCv {
    display: none
}

.-u-Ti {
    display: block;
    margin-top: 30px;
    min-height: 300px;
    padding: 15px 15px 140px;
    position: relative;
    width: 100%;
    z-index: 0
}

@media (min-width:900px) {
    .-u-Ti {
        padding-bottom: 20px
    }
}

@media (min-width:1024px) {
    .-u-Ti {
        display: grid;
        gap: 30px;
        grid-template-columns: 352px 1fr;
        padding: 33px
    }
}

@media (min-width:1528px) {
    .-u-Ti {
        grid-template-columns: 1fr 1008px
    }
}

@media (min-width:1800px) {
    .-u-Ti {
        grid-template-columns: .6fr 1fr
    }
}

.-u-Ti.aEqCv {
    display: none
}

.-u-Ti:before {
    height: calc(100% - 300px);
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 300px;
    width: 100%;
    z-index: -1;
    --tw-bg-opacity: 1;
    background-color: rgb(1 0 44);
}

@media (min-width:1200px) {
    .-u-Ti:before {
        top: 770px
    }
}

.-u-Ti:before {
    content: ""
}

@media screen and (min-width:1200px) {
    .-u-Ti:before {
        height: calc(100% - 771px)
    }
}

@media screen and (min-width:1600px) {
    .-u-Ti:before {
        height: calc(100% - 732px)
    }
}

.-u-Ti .LvyOJ {
    height: 300px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media screen and (min-width:1200px) {
    .-u-Ti .LvyOJ {
        height: 770px
    }
}

@media screen and (min-width:1600px) {
    .-u-Ti .LvyOJ {
        height: 769px
    }
}

.-u-Ti .LvyOJ:before {
    display: block;
    height: 100%;
    left: 0;
    margin-left: -30%;
    position: absolute;
    top: 0;
    width: 140%;
    z-index: -1;
    --tw-skew-x: 25.7deg;
    background-color: var(--bgDarkGradient);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border-color: rgba(var(--primaryColorRGB), .18);
    border-radius: 0 8px 0 0;
    border-style: solid;
    border-width: 1px 1px 0 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));
    --tw-gradient-from: var(--bgDarkGradient) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--bgDarkGradientEnd) var(--tw-gradient-to-position);
    --tw-shadow: 0 0 15px 2px rgba(0, 0, 0, .3);
    --tw-shadow-colored: 0 0 15px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    content: ""
}

@media screen and (min-width:320px) {
    .-u-Ti .LvyOJ:before {
        margin-left: -38%
    }
}

@media screen and (min-width:412px) {
    .-u-Ti .LvyOJ:before {
        margin-left: -50%
    }
}

@media screen and (min-width:700px) {
    .-u-Ti .LvyOJ:before {
        left: unset;
        right: 69px
    }
}

@media screen and (min-width:1200px) {
    .-u-Ti .LvyOJ:before {
        border-radius: 0 19px 0 0;
        margin-left: unset;
        right: 103px
    }
}

@media screen and (min-width:1520px) {
    .-u-Ti .LvyOJ:before {
        right: 184px
    }
}

@media screen and (min-width:1600px) {
    .-u-Ti .LvyOJ:before {
        right: 185px
    }
}

.-u-Ti .LvyOJ:after {
    background-image: var(--v814896ae);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 90px;
    opacity: .38;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    z-index: -2
}

@media screen and (min-width:320px) {
    .-u-Ti .LvyOJ:after {
        top: 45px;
        width: 19%
    }
}

@media screen and (min-width:412px) {
    .-u-Ti .LvyOJ:after {
        bottom: 12%;
        top: unset;
        width: 13%
    }
}

@media screen and (min-width:550px) {
    .-u-Ti .LvyOJ:after {
        bottom: 5%;
        height: 143px
    }
}

@media screen and (min-width:600px) {
    .-u-Ti .LvyOJ:after {
        bottom: 3%
    }
}

@media screen and (min-width:700px) {
    .-u-Ti .LvyOJ:after {
        bottom: 0
    }
}

@media screen and (min-width:1200px) {
    .-u-Ti .LvyOJ:after {
        background-position: 100% 100%;
        background-size: contain;
        bottom: 171px;
        height: 54%;
        margin-right: -136px;
        width: 38%
    }
}

@media screen and (min-width:1520px) {
    .-u-Ti .LvyOJ:after {
        bottom: 0
    }
}

.cMU8g {
    align-items: center;
    background-color: #003628f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    text-align: center;
    z-index: 50
}

.cMU8g,
.cMU8g:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cMU8g:before {
    background-color: #0000004d;
    z-index: 10;
    --tw-content: "";
    content: var(--tw-content)
}

.cMU8g .rClOu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 20rem;
    position: relative;
    width: 100%;
    z-index: 20
}

.cMU8g .rClOu .dHdm7 {
    height: 7rem;
    margin-left: auto;
    margin-right: auto;
    width: 7rem
}

.cMU8g .rClOu .h2bsN {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 2rem;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .cMU8g .rClOu .h2bsN {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: .75rem
    }
}

.cMU8g .rClOu .hQlUG {
    border-radius: .5rem;
    gap: .5rem;
    height: 50px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.cMU8g .rClOu .PLsB5,
.cMU8g .rClOu .hQlUG {
    align-items: center;
    display: flex;
    justify-content: center
}

.cMU8g .rClOu .PLsB5 {
    color: #ffffffb3;
    cursor: pointer;
    font-size: .875rem;
    gap: .25rem;
    line-height: 1.25rem
}

.ekJXu {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

._6SX0s {
    align-items: center;
    color: #ffffff80;
    display: flex;
    font-size: .75rem;
    gap: 1rem;
    line-height: 1rem;
    margin-bottom: .75rem;
    margin-top: 1.5rem;
    text-align: center;
    text-transform: uppercase
}

._6SX0s:after,
._6SX0s:before {
    background-color: #ffffff1a;
    content: "";
    flex: 1 1 0%;
    height: 1px
}

.kvu5c {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

@media (min-width:768px) {
    .kvu5c {
        gap: .75rem
    }
}

.kvu5c button {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: .25rem;
    color: #ffffffb3;
    cursor: pointer;
    display: flex;
    flex: 1 1 0%;
    font-size: 1.125rem;
    justify-content: center;
    line-height: 1.75rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.kvu5c button:hover {
    background-color: #00151080
}

.kvu5c button {
    height: var(--ddff8944)
}

.kvu5c button.whMz9 {
    color: #fff6;
    opacity: .5
}

.kvu5c button.whMz9:hover {
    opacity: .4
}

.kvu5c.HuRI6 {
    flex-direction: column;
    gap: .5rem
}

@media (min-width:768px) {
    .kvu5c.HuRI6 {
        gap: .5rem
    }
}

.kvu5c.HuRI6 button {
    align-items: center;
    background-color: #163d3399;
    border-radius: .5rem;
    border-width: 0;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.kvu5c.HuRI6 button.whMz9 {
    color: #ffffffb3;
    opacity: .5
}

.kvu5c.HuRI6 button.whMz9:hover {
    opacity: .4
}

.NdPac {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-radius: 9999px;
    height: .5rem;
    margin-bottom: .125rem;
    margin-top: .125rem;
    position: relative;
    width: 100%;
    --tw-gradient-from: #b91c1c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(185, 28, 28, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(234, 179, 8, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #15803d var(--tw-gradient-to-position)
}

.NdPac .DJZny {
    background-image: linear-gradient(90deg, #fff0, #0009 7%, #0009);
    height: .5rem;
    right: 0;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    width: var(--v453596e5)
}

.NdPac .DJZny,
.NdPac span {
    position: absolute;
    top: 0
}

.NdPac span {
    border-right: 2px;
    border-color: #ffffff1a;
    border-style: solid;
    height: .375rem;
    left: 0;
    margin-top: .0685rem
}

.iFklr {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: 1.25rem;
    row-gap: .75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.iFklr,
.iFklr span {
    display: flex
}

.iFklr span {
    align-items: center;
    gap: .375rem
}

.iFklr.acO4Z {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    flex-direction: row;
    font-size: .675rem;
    margin-top: 0;
    row-gap: .5rem
}

.iFklr.acO4Z span {
    gap: .25rem
}

.QZpdE .VL7xI,
.QZpdE .VL7xI .vJslQ {
    position: relative
}

.QZpdE .VL7xI .vJslQ {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .125rem;
    height: 46px;
    justify-content: space-between;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

@media (min-width:640px) {
    .QZpdE .VL7xI .vJslQ {
        gap: .5rem;
        height: 50px
    }
}

.QZpdE .VL7xI .vJslQ .zIOhW {
    display: flex;
    flex-direction: column;
    font-size: .675rem;
    gap: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

@media (min-width:640px) {
    .QZpdE .VL7xI .vJslQ .zIOhW {
        gap: 1px
    }
}

.QZpdE .VL7xI .vJslQ .zIOhW .cVk7n {
    color: #fff9
}

.QZpdE .VL7xI .vJslQ .zIOhW ._70-Lj {
    align-items: center;
    display: flex;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.QZpdE .VL7xI .vJslQ .zIOhW ._70-Lj b {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.QZpdE .VL7xI .vJslQ .zIOhW ._70-Lj .IGeM8 {
    color: #ffffff4d;
    margin-left: .5rem;
    margin-right: .5rem
}

.QZpdE .VL7xI .vJslQ .zIOhW ._70-Lj .JcJss {
    align-items: center;
    display: inline-flex;
    font-size: .675rem;
    gap: .25rem;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.QZpdE .VL7xI ._1laHG {
    align-items: center;
    display: flex;
    gap: .25rem;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width:640px) {
    .QZpdE .VL7xI ._1laHG {
        height: 50px
    }
}

.QZpdE .VL7xI ._1laHG button {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    flex-wrap: nowrap;
    font-size: .64rem;
    height: 1.5rem;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem;
    text-wrap: nowrap;
    white-space: nowrap
}

.QZpdE .VL7xI ._1laHG button.-mzSP {
    background-color: #fff3;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.QZpdE .VL7xI ._1laHG button.LTGYP {
    border: 1px solid hsla(0, 0%, 100%, .7);
    color: #ffffffb3;
    font-weight: 500;
    text-wrap: nowrap
}

.QZpdE .VL7xI ._1laHG button.X6dqP {
    background-color: #f1416ccc;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.QZpdE .VL7xI ._1laHG button:disabled {
    cursor: not-allowed;
    opacity: .4
}

.QZpdE .u-rNS {
    background-color: rgb(1 6 51);
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .5rem;
    padding: .75rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 30
}

.QZpdE .DnGFP,
.QZpdE .u-rNS {
    border-radius: .375rem;
    --tw-bg-opacity: 1
}

.QZpdE .DnGFP {
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding-left: .75rem;
    padding-right: .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.odVJ7 {
    background-color: #000000b3;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20
}

.fjYNg {
    align-items: center;
    cursor: pointer;
    display: flex;
    text-align: left
}

.xlVD6 {
    height: 0;
    padding: 0 !important;
    visibility: hidden;
    width: 0 !important
}

.JFGXu {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .75rem;
    line-height: 1.25rem
}

.JFGXu .fqcHw {
    font-size: .75rem;
    line-height: 1.25rem
}

.JFGXu .fqcHw,
.JFGXu span {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.JFGXu span {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    justify-content: center
}

.JFGXu span svg {
    fill: #ffffff0d;
    height: 1.5rem;
    width: 1.5rem
}

.cinjw {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 0;
    margin-top: 1.25rem;
    padding-top: 0;
    text-align: center
}

.cinjw a:hover,
.cinjw button:hover {
    text-decoration-line: underline
}

._2FLtL {
    min-height: 100%
}

._2FLtL,
._2FLtL .JiKuM {
    display: flex;
    flex-direction: column;
    width: 100%
}

._2FLtL .JiKuM {
    flex-grow: 1;
    overflow: auto;
    padding: .25rem;
    position: relative
}

@media (min-width:768px) {
    ._2FLtL .JiKuM {
        padding: .5rem
    }
}

._2FLtL .JiKuM .oiVgM {
    align-items: center;
    color: #fff6;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 1rem;
    justify-content: center;
    line-height: .75rem;
    margin-bottom: .75rem;
    margin-top: .75rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    ._2FLtL .JiKuM .oiVgM {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
}

._2FLtL .JiKuM .oiVgM:after,
._2FLtL .JiKuM .oiVgM:before {
    background-color: #ffffff1a;
    content: "";
    flex: 1 1 0%;
    height: 1px;
    margin-top: .125rem
}

._2FLtL .JiKuM ._3m1Il {
    height: 0;
    margin-bottom: .75rem
}

._2FLtL .JiKuM .Y3w7e {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

@media (min-width:768px) {
    ._2FLtL .JiKuM .Y3w7e {
        gap: .75rem
    }
}

._2FLtL .JiKuM .Y3w7e ._5hSlJ {
    --tw-border-opacity: 1;
    animation: B5RLI .2s ease-in-out;
    border-color: rgb(241 65 108/var(--tw-border-opacity, 1))
}

._2FLtL .JiKuM .Y3w7e .xdHOu {
    display: flex;
    flex-direction: column
}

._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .125rem;
    height: 46px;
    justify-content: space-between;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

@media (min-width:640px) {
    ._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex {
        gap: .5rem;
        height: 50px
    }
}

._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .-O8HO {
    display: flex;
    flex-direction: column;
    font-size: .675rem;
    gap: 0;
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width:640px) {
    ._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .-O8HO {
        gap: 1px
    }
}

._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .-O8HO .S13Gy {
    color: #fff9
}

._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .-O8HO .PpQ2Q {
    align-items: center;
    display: flex;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .-O8HO .PpQ2Q b {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .-O8HO .PpQ2Q .sC58j {
    color: #ffffff4d;
    margin-left: .5rem;
    margin-right: .5rem
}

._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .-O8HO .PpQ2Q .e4zy- {
    color: rgb(241 65 108/var(--tw-text-opacity, 1));
    display: inline-flex;
    font-size: .675rem;
    gap: .25rem
}

._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .-O8HO .PpQ2Q .e4zy-,
._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .FcRwo {
    align-items: center;
    --tw-text-opacity: 1
}

._2FLtL .JiKuM .Y3w7e .xdHOu .rG2Ex .FcRwo {
    background-color: #fff3;
    border-radius: .25rem;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    display: flex;
    flex-wrap: nowrap;
    font-size: .6rem;
    height: 1.25rem;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem;
    position: absolute;
    right: 1rem;
    text-wrap: nowrap;
    white-space: nowrap
}

._2FLtL .JiKuM .Y3w7e .dsEpF {
    position: relative
}

._2FLtL .JiKuM .Y3w7e .dsEpF .EbJfY {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    height: 46px;
    justify-content: center;
    line-height: 1.75rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px
}

@media (min-width:640px) {
    ._2FLtL .JiKuM .Y3w7e .dsEpF .EbJfY {
        height: 50px;
        width: 50px
    }
}

._2FLtL .JiKuM .Y3w7e .S4pv- {
    border: dotted hsla(0, 0%, 100%, .2);
    border-width: 0 1px 0 0;
    display: inline-block;
    position: relative;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

._2FLtL .JiKuM .Y3w7e .S4pv- .z89Iw {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    width: 100%
}

._2FLtL .JiKuM .Y3w7e .S4pv- .fStbm {
    height: 200px;
    left: 0;
    margin-top: .5rem;
    position: absolute;
    transform-origin: top right;
    width: 6rem;
    z-index: 999
}

._2FLtL .JiKuM .Y3w7e .S4pv- .fStbm>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    --tw-divide-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-divide-opacity, 1))
}

._2FLtL .JiKuM .Y3w7e .S4pv- .fStbm {
    border-radius: .375rem;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgba(0, 0, 0, .05)
}

._2FLtL .JiKuM .Y3w7e .S4pv- .fStbm:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

._2FLtL .JiKuM .Y3w7e .S4pv- .xt4p- {
    border-radius: .375rem;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem;
    width: 100%
}

._2FLtL .JiKuM .Y3w7e .S4pv- .xt4p-,
._2FLtL .JiKuM .Y3w7e .czrJA {
    align-items: center;
    display: flex
}

._2FLtL .JiKuM .Y3w7e .czrJA {
    gap: .5rem;
    justify-content: center;
    max-width: 100%;
    position: relative
}

@media (min-width:768px) {
    ._2FLtL .JiKuM .Y3w7e .czrJA {
        gap: .75rem
    }
}

._2FLtL .JiKuM .Y3w7e .czrJA .T-IA3 {
    flex: 1 1 0%;
    position: relative;
    z-index: 10
}

._2FLtL .JiKuM .Y3w7e .czrJA .T-IA3 .mDecq {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem;
    left: 0;
    margin-top: -.5rem;
    position: absolute;
    top: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding: .75rem;
    --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: 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)
}

._2FLtL .JiKuM .Y3w7e .czrJA .T-IA3 .mDecq .lMcr9 {
    border-color: #ffffff80;
    border-radius: .375rem;
    border-width: 1px;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._2FLtL .JiKuM .Y3w7e .czrJA .o4QVD {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center;
    max-width: 100%;
    min-width: 10rem;
    position: relative
}

@media (min-width:768px) {
    ._2FLtL .JiKuM .Y3w7e .czrJA .o4QVD {
        gap: .75rem
    }
}

._2FLtL .JiKuM .Y3w7e .czrJA .o4QVD.I3AcV {
    min-width: 100%
}

._2FLtL .JiKuM .Y3w7e .hX-5i {
    position: relative;
    width: 100%
}

._2FLtL .JiKuM .Y3w7e .DgmEv {
    align-items: flex-start;
    border-radius: .5rem;
    display: flex;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding: .5rem .75rem
}

._2FLtL .JiKuM .Y3w7e .DgmEv.e4zy- {
    box-shadow: inset 0 0 200px #ff00001a
}

._2FLtL .JiKuM .Y3w7e .DgmEv p {
    font-size: .675rem;
    line-height: 1rem
}

._2FLtL .JiKuM .Y3w7e .DgmEv a {
    cursor: pointer;
    text-decoration-line: underline;
    white-space: nowrap
}

._2FLtL .JiKuM .Y3w7e .DgmEv a,
._2FLtL .JiKuM .Y3w7e .DgmEv b {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._2FLtL .JiKuM .Y3w7e .DgmEv b {
    font-weight: 600
}

._2FLtL .JiKuM .Y3w7e .KKeAU {
    border-radius: .375rem;
    display: flex;
    gap: .375rem;
    justify-content: center;
    position: relative;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    font-size: .675rem;
    font-weight: 500;
    line-height: .75rem;
    padding: .5rem .75rem
}

._2FLtL .JiKuM .Y3w7e .KKeAU,
._2FLtL .JiKuM .Y3w7e .KKeAU strong {
    --tw-text-opacity: 1
}

._2FLtL .JiKuM .Y3w7e .KKeAU strong {
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis
}

._2FLtL .JiKuM .Y3w7e ._4ee2q {
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap
}

._2FLtL .JiKuM .Y3w7e ._4ee2q,
._2FLtL .JiKuM .Y3w7e ._4ee2q button {
    display: flex;
    justify-content: center;
    width: 100%
}

._2FLtL .JiKuM .Y3w7e ._4ee2q button {
    align-items: center;
    border-radius: .375rem;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 600;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._2FLtL .JiKuM .Y3w7e ._4ee2q button:disabled {
    cursor: not-allowed;
    opacity: .4
}

@keyframes B5RLI {
    0% {
        transform: translate(-3px)
    }

    25% {
        transform: translate(3px)
    }

    50% {
        transform: translate(-3px)
    }

    75% {
        transform: translate(3px)
    }

    to {
        transform: translate(0)
    }
}

.QKm-5 .gfjhd,
.QKm-5 .gfjhd .jlluc {
    position: relative
}

.QKm-5 .gfjhd .jlluc {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .125rem;
    height: 46px;
    justify-content: space-between;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

@media (min-width:640px) {
    .QKm-5 .gfjhd .jlluc {
        gap: .5rem;
        height: 50px
    }
}

.QKm-5 .gfjhd .jlluc .rnw2V {
    display: flex;
    flex-direction: column;
    font-size: .675rem;
    gap: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

@media (min-width:640px) {
    .QKm-5 .gfjhd .jlluc .rnw2V {
        gap: 1px
    }
}

.QKm-5 .gfjhd .jlluc .rnw2V .kVQWm {
    color: #fff9
}

.QKm-5 .gfjhd .jlluc .rnw2V .xkBUJ {
    align-items: center;
    display: flex;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.QKm-5 .gfjhd .jlluc .rnw2V .xkBUJ b {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.QKm-5 .gfjhd .jlluc .rnw2V .xkBUJ .p51Yz {
    color: #ffffff4d;
    margin-left: .5rem;
    margin-right: .5rem
}

.QKm-5 .gfjhd .jlluc .rnw2V .xkBUJ ._8JK9Z {
    align-items: center;
    display: inline-flex;
    font-size: .675rem;
    gap: .25rem;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.QKm-5 .gfjhd ._4Hzzp {
    align-items: center;
    display: flex;
    gap: .25rem;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width:640px) {
    .QKm-5 .gfjhd ._4Hzzp {
        height: 50px
    }
}

.QKm-5 .gfjhd ._4Hzzp button {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    flex-wrap: nowrap;
    font-size: .64rem;
    height: 1.5rem;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem;
    text-wrap: nowrap;
    white-space: nowrap
}

.QKm-5 .gfjhd ._4Hzzp button._7vx8W {
    background-color: #fff3;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.QKm-5 .gfjhd ._4Hzzp button.qXx5j {
    border: 1px solid hsla(0, 0%, 100%, .7);
    color: #ffffffb3;
    font-weight: 500;
    text-wrap: nowrap
}

.QKm-5 .gfjhd ._4Hzzp button.NNvPa {
    background-color: #f1416ccc;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.QKm-5 .gfjhd ._4Hzzp button:disabled {
    cursor: not-allowed;
    opacity: .4
}

.QKm-5 .UiK7B {
    background-color: rgb(1 6 51);
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .5rem;
    padding: .75rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 30
}

.QKm-5 .UiK7B,
.QKm-5 .w6iPZ {
    border-radius: .375rem;
    --tw-bg-opacity: 1
}

.QKm-5 .w6iPZ {
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding-left: .75rem;
    padding-right: .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.EANt6 {
    background-color: #000000b3;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20
}

.LsR7S {
    min-height: 100%
}

.LsR7S,
.LsR7S .Lb4na {
    display: flex;
    flex-direction: column;
    width: 100%
}

.LsR7S .Lb4na {
    flex-grow: 1;
    overflow: auto;
    padding: .25rem;
    position: relative
}

@media (min-width:768px) {
    .LsR7S .Lb4na {
        padding: .5rem
    }
}

.LsR7S .Lb4na .dxwGv {
    align-items: center;
    color: #fff6;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 1rem;
    justify-content: center;
    line-height: .75rem;
    margin-bottom: .75rem;
    margin-top: .75rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .LsR7S .Lb4na .dxwGv {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
}

.LsR7S .Lb4na .dxwGv:after,
.LsR7S .Lb4na .dxwGv:before {
    background-color: #ffffff1a;
    content: "";
    flex: 1 1 0%;
    height: 1px;
    margin-top: .125rem
}

.LsR7S .Lb4na ._-70-v {
    height: 0;
    margin-bottom: .75rem
}

.LsR7S .Lb4na .qqijv {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

@media (min-width:768px) {
    .LsR7S .Lb4na .qqijv {
        gap: .75rem
    }
}

.LsR7S .Lb4na .qqijv ._8z7u3 {
    --tw-border-opacity: 1;
    animation: X0cPI .2s ease-in-out;
    border-color: rgb(241 65 108/var(--tw-border-opacity, 1))
}

.LsR7S .Lb4na .qqijv .pC-Jo {
    position: relative
}

.LsR7S .Lb4na .qqijv .pC-Jo .l-oBw {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    height: 46px;
    justify-content: center;
    line-height: 1.75rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px
}

@media (min-width:640px) {
    .LsR7S .Lb4na .qqijv .pC-Jo .l-oBw {
        height: 50px;
        width: 50px
    }
}

.LsR7S .Lb4na .qqijv .A0wGz {
    border-right: 1px;
    border-color: #fff3;
    border-style: solid;
    display: inline-block;
    position: relative;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.LsR7S .Lb4na .qqijv .A0wGz .fvOpV {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    width: 100%
}

.LsR7S .Lb4na .qqijv .A0wGz .AQfYR {
    height: 200px;
    left: 0;
    margin-top: .5rem;
    position: absolute;
    transform-origin: top right;
    width: 6rem;
    z-index: 999
}

.LsR7S .Lb4na .qqijv .A0wGz .AQfYR>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    --tw-divide-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-divide-opacity, 1))
}

.LsR7S .Lb4na .qqijv .A0wGz .AQfYR {
    border-radius: .375rem;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgba(0, 0, 0, .05)
}

.LsR7S .Lb4na .qqijv .A0wGz .AQfYR:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.LsR7S .Lb4na .qqijv .A0wGz .nh2UV {
    border-radius: .375rem;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem;
    width: 100%
}

.LsR7S .Lb4na .qqijv .A0wGz .nh2UV,
.LsR7S .Lb4na .qqijv .k33zM {
    align-items: center;
    display: flex
}

.LsR7S .Lb4na .qqijv .k33zM {
    gap: .5rem;
    justify-content: center;
    max-width: 100%;
    position: relative
}

@media (min-width:768px) {
    .LsR7S .Lb4na .qqijv .k33zM {
        gap: .75rem
    }
}

.LsR7S .Lb4na .qqijv .k33zM .FIDy1 {
    flex: 1 1 0%;
    position: relative;
    z-index: 10
}

.LsR7S .Lb4na .qqijv .k33zM .FIDy1 .qrLRQ {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem;
    left: 0;
    margin-top: -.5rem;
    position: absolute;
    top: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding: .75rem;
    --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: 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)
}

.LsR7S .Lb4na .qqijv .k33zM .FIDy1 .qrLRQ .Sn4Jm {
    border-color: #ffffff80;
    border-radius: .375rem;
    border-width: 1px;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.LsR7S .Lb4na .qqijv .xKVmP {
    position: relative;
    width: 100%
}

.LsR7S .Lb4na .qqijv ._90dWz {
    align-items: flex-start;
    border-radius: .5rem;
    display: flex;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding: .5rem .75rem
}

.LsR7S .Lb4na .qqijv ._90dWz._3jaIw {
    box-shadow: inset 0 0 200px #ff00001a
}

.LsR7S .Lb4na .qqijv ._90dWz p {
    font-size: .675rem;
    line-height: 1rem
}

.LsR7S .Lb4na .qqijv ._90dWz a {
    cursor: pointer;
    text-decoration-line: underline;
    white-space: nowrap
}

.LsR7S .Lb4na .qqijv ._90dWz a,
.LsR7S .Lb4na .qqijv ._90dWz b {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.LsR7S .Lb4na .qqijv ._90dWz b {
    font-weight: 600
}

.LsR7S .Lb4na .qqijv .F78uD {
    border-radius: .375rem;
    display: flex;
    gap: .375rem;
    justify-content: center;
    position: relative;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    font-size: .675rem;
    font-weight: 500;
    line-height: .75rem;
    padding: .5rem .75rem
}

.LsR7S .Lb4na .qqijv .F78uD,
.LsR7S .Lb4na .qqijv .F78uD strong {
    --tw-text-opacity: 1
}

.LsR7S .Lb4na .qqijv .F78uD strong {
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis
}

.LsR7S .Lb4na .qqijv .LN7dF {
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap
}

.LsR7S .Lb4na .qqijv .LN7dF,
.LsR7S .Lb4na .qqijv .LN7dF button {
    display: flex;
    justify-content: center;
    width: 100%
}

.LsR7S .Lb4na .qqijv .LN7dF button {
    align-items: center;
    border-radius: .375rem;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 600;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.LsR7S .Lb4na .qqijv .LN7dF button:disabled {
    cursor: not-allowed;
    opacity: .4
}

@keyframes X0cPI {
    0% {
        transform: translate(-3px)
    }

    25% {
        transform: translate(3px)
    }

    50% {
        transform: translate(-3px)
    }

    75% {
        transform: translate(3px)
    }

    to {
        transform: translate(0)
    }
}

.Vt9LD {
    background-color: #0003;
    border-radius: .5rem;
    margin-bottom: .5rem;
    padding: .75rem;
    width: 100%
}

@media (min-width:640px) {
    .Vt9LD {
        margin-bottom: 1rem;
        padding: 1rem
    }
}

.Vt9LD .ENHba {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.Vt9LD .ENHba ._23K0E {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    font-size: .75rem;
    font-weight: 900;
    height: 1.5rem;
    justify-content: center;
    line-height: 1rem;
    position: relative;
    text-align: center;
    width: 1.5rem
}

.Vt9LD .ENHba ._23K0E:not(:last-child):after {
    height: .125rem;
    left: 100%;
    position: absolute;
    top: 50%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    --tw-content: "";
    content: var(--tw-content);
    width: var(--v3afd9dee)
}

.Vt9LD ._7wbSM {
    display: block;
    font-size: .675rem;
    margin-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .Vt9LD ._7wbSM {
        font-size: .75rem;
        line-height: 1rem;
        margin-top: 1rem
    }
}

.Vt9LD ._7wbSM h1 {
    font-weight: 700
}

.Vt9LD ._7wbSM p {
    color: #ffffffb3
}

.-mj8L {
    background-color: #0003;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: .75rem;
    position: sticky;
    width: 100%;
    z-index: 20
}

@media (min-width:768px) {
    .-mj8L {
        padding: 1rem
    }
}

.-mj8L ._9wcR4 {
    background-color: transparent;
    color: #fff6
}

.-mj8L ._9wcR4,
.-mj8L .wNtQq {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: .375rem
}

.-mj8L .wNtQq {
    border-radius: .375rem
}

.Wxrl3 {
    color: #fff6;
    font-size: .675rem;
    margin-top: 1rem;
    padding-left: .125rem;
    padding-right: .125rem;
    text-align: center;
    width: 100%
}

.KBnB6 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto
}

.KBnB6 .ZoN9D {
    max-width: 28rem;
    padding: 1.5rem 2rem;
    text-align: center;
    width: 100%
}

.KBnB6 .ZoN9D .O3nvi {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.KBnB6 .ZoN9D .IRV7e {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1.5rem;
    margin-top: -.5rem
}

.KBnB6 .ZoN9D .GEKE1 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.KBnB6 .ZoN9D .GEKE1,
.KBnB6 .ZoN9D ._0Wr79 {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    font-size: .875rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    width: 100%
}

.KBnB6 .ZoN9D ._0Wr79 {
    border-width: 1px;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(254 254 254/var(--tw-border-opacity, 1));
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.KBnB6 .ZoN9D ._7aV07 {
    align-items: center;
    color: #fff6;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 1rem;
    justify-content: center;
    line-height: .75rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-transform: uppercase
}

.KBnB6 .ZoN9D ._7aV07:after,
.KBnB6 .ZoN9D ._7aV07:before {
    background-color: #ffffff1a;
    content: "";
    flex: 1 1 0%;
    height: 1px;
    margin-top: .125rem
}

.QDjed {
    position: relative
}

.QDjed ._9KeaW {
    align-items: center;
    bottom: 0;
    display: flex;
    font-size: 1.125rem;
    height: 46px;
    justify-content: center;
    line-height: 1.75rem;
    position: absolute;
    right: 0;
    width: 46px
}

@media (min-width:640px) {
    .QDjed ._9KeaW {
        height: 50px;
        width: 50px
    }
}

.G4yi- {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    height: 46px;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

@media (min-width:640px) {
    .G4yi- {
        height: 50px
    }
}

.txIt7 {
    border-right: 1px;
    border-color: #fff3;
    border-style: solid;
    display: inline-block;
    position: relative;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.txIt7 .U6QNl {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    width: 100%
}

.txIt7 .IP80P {
    height: 200px;
    left: 0;
    margin-top: .5rem;
    position: absolute;
    transform-origin: top right;
    width: 6rem;
    z-index: 999
}

.txIt7 .IP80P>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    --tw-divide-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-divide-opacity, 1))
}

.txIt7 .IP80P {
    border-radius: .375rem;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgba(0, 0, 0, .05)
}

.txIt7 .IP80P:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.txIt7 ._7ZDaq {
    align-items: center;
    border-radius: .375rem;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem;
    width: 100%
}

.e3m0l {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    margin-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

._4ZG-Q {
    align-items: flex-start;
    background-color: #0003;
    border-radius: .5rem;
    display: flex;
    padding: .75rem 1rem
}

._4ZG-Q._2b0MS {
    background-color: #03de6333;
    --tw-shadow-color: rgba(3, 222, 99, .2);
    --tw-shadow: var(--tw-shadow-colored);
    box-shadow: 0 0 12px var(--tw-shadow-color)
}

._4ZG-Q.A5LXd {
    box-shadow: inset 0 0 200px #ff00001a
}

._4ZG-Q p {
    font-size: .675rem;
    line-height: 1rem
}

._4ZG-Q a {
    cursor: pointer;
    text-decoration-line: underline;
    white-space: nowrap
}

._4ZG-Q a,
._4ZG-Q b {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._4ZG-Q b {
    font-weight: 600
}

.CXsqS {
    min-height: 100%
}

.CXsqS,
.oMb0c {
    display: flex;
    flex-direction: column;
    width: 100%
}

.oMb0c {
    overflow: auto;
    padding-bottom: .75rem
}

.C2u-0,
.oMb0c {
    flex-grow: 1
}

.C2u-0 {
    position: relative
}

.ox054 {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap
}

.ox054.DxlaR {
    margin-bottom: 0;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: -10
}

.ox054.ktf9M {
    left: 50%;
    max-height: 3rem;
    position: absolute;
    --tw-translate-x: -50%;
    background-color: #0003;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    overflow: hidden;
    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))
}

.ox054.ktf9M,
.ox054.vmvo2 {
    align-items: center;
    bottom: 100%
}

.ox054.vmvo2 {
    width: 100%
}

@media (min-width:768px) {
    .ox054.vmvo2 {
        position: absolute;
        --tw-translate-x: -100%;
        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) {
    .ox054.vmvo2 {
        width: 91.666667%
    }
}

.ox054.vmvo2 .RLN1r {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    width: 100%
}

.ox054>* {
    margin-bottom: -.375rem;
    margin-top: -.25rem
}

._00G9T {
    align-items: center;
    display: flex;
    position: relative
}

.kKyh3 {
    width: 100%
}

.kKyh3.XZWoD {
    font-size: .875rem;
    height: 40px;
    line-height: 1.25rem;
    padding-left: 40px;
    text-align: left
}

.kKyh3[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.kKyh3[readonly]:not([readonly=false]) {
    cursor: default;
    opacity: .9
}

.UxFTA {
    align-items: center;
    color: #fff9;
    display: flex;
    font-size: .875rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1.25rem;
    width: 2.25rem;
    z-index: 10
}

._5l8jn {
    border-radius: .125rem .125rem .25rem;
    bottom: 0;
    position: absolute;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .5rem;
    padding: .25rem .25rem .125rem .375rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

._6XoF2 {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    position: relative
}

.YS1Uw {
    position: relative
}

.YS1Uw .L9mdu {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    height: 46px;
    justify-content: center;
    line-height: 1.75rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px
}

@media (min-width:640px) {
    .YS1Uw .L9mdu {
        height: 50px;
        width: 50px
    }
}

.I5kBx .sM0pY {
    align-items: flex-start;
    border-radius: .5rem;
    display: flex;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding: .5rem .75rem
}

.I5kBx .sM0pY._9XezZ {
    box-shadow: inset 0 0 200px #ff00001a
}

.I5kBx .sM0pY p {
    font-size: .675rem;
    line-height: 1rem
}

.I5kBx .sM0pY a {
    cursor: pointer;
    text-decoration-line: underline;
    white-space: nowrap
}

.I5kBx .sM0pY a,
.I5kBx .sM0pY b {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.I5kBx .sM0pY b {
    font-weight: 600
}

.s3iU4 {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.s3iU4[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.s3iU4 svg {
    font-size: .875rem;
    line-height: 1.25rem
}

._9EPfG {
    position: relative;
    width: 100%
}

.pageContainer[data-v-7c3cfd8f] {
    color: #ffffffb3;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 0;
    width: 100%
}

@media (min-width:1024px) {
    .pageContainer[data-v-7c3cfd8f] {
        margin-bottom: 2.5rem
    }
}

.pageSlotWrapper[data-v-7c3cfd8f] h2,
.pageSlotWrapper[data-v-7c3cfd8f] p {
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.pageSlotWrapper[data-v-7c3cfd8f] h2,
.pageSlotWrapper[data-v-7c3cfd8f] h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.pageSlotWrapper[data-v-7c3cfd8f] h3 {
    font-size: .875rem;
    line-height: 1.25rem
}

.pageSlotWrapper[data-v-7c3cfd8f] h2,
.pageSlotWrapper[data-v-7c3cfd8f] h3,
.pageSlotWrapper[data-v-7c3cfd8f] h4 {
    font-weight: 600
}

.pageSlotWrapper[data-v-7c3cfd8f] ol {
    counter-reset: item;
    list-style-type: none;
    padding: 0
}

.pageSlotWrapper[data-v-7c3cfd8f] ol li>ol {
    margin-left: 1rem
}

.pageSlotWrapper[data-v-7c3cfd8f] ol h3,
.pageSlotWrapper[data-v-7c3cfd8f] ol li {
    margin-bottom: 1rem
}

.pageSlotWrapper[data-v-7c3cfd8f] li {
    counter-increment: item
}

.pageSlotWrapper[data-v-7c3cfd8f] li h3,
.pageSlotWrapper[data-v-7c3cfd8f] li p {
    display: inline
}

.pageSlotWrapper[data-v-7c3cfd8f] li:before {
    content: counters(item, ".") " - "
}

.boxesWrapper[data-v-7c3cfd8f] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .boxesWrapper[data-v-7c3cfd8f] {
        flex-direction: row
    }
}

.boxesWrapper .box[data-v-7c3cfd8f] {
    border-radius: .375rem;
    gap: .5rem;
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    flex: 1 1 0%;
    padding: 1.5rem;
    width: 100%
}

@media (min-width:1024px) {
    .boxesWrapper .box[data-v-7c3cfd8f] {
        width: auto
    }
}

.boxesWrapper .box .boxSection[data-v-7c3cfd8f] {
    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: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .boxesWrapper .box .boxSection[data-v-7c3cfd8f] {
        flex-direction: row
    }
}

.boxesWrapper .box .boxSection[data-v-7c3cfd8f]:after,
.boxesWrapper .box .boxSection[data-v-7c3cfd8f]:before {
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(254 254 254/var(--tw-bg-opacity, 1));
    opacity: .05;
    --tw-content: "";
    content: var(--tw-content)
}

.boxesWrapper .box .boxSection[data-v-7c3cfd8f]:before {
    top: 0
}

.boxesWrapper .box .boxSection[data-v-7c3cfd8f]:after {
    bottom: 0
}

.boxesWrapper .box .boxSection a[data-v-7c3cfd8f],
.boxesWrapper .box .boxSection button[data-v-7c3cfd8f] {
    border-radius: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .25rem .5rem
}

.boxesWrapper .box .boxSection .boxSectionVersion[data-v-7c3cfd8f] {
    display: flex;
    font-size: .875rem;
    gap: 1.25rem;
    line-height: 1.25rem
}

.boxesWrapper .box .boxSection .boxSectionAction[data-v-7c3cfd8f] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem
}

@media (min-width:1024px) {
    .boxesWrapper .box .boxSection .boxSectionAction[data-v-7c3cfd8f] {
        flex-direction: row-reverse
    }
}

@media print {
    .boxesWrapper .box .boxSection .boxSectionAction[data-v-7c3cfd8f] {
        display: none
    }
}

.boxesWrapper .pageSidebar[data-v-7c3cfd8f] {
    border-radius: .375rem;
    flex: 1 1 0%;
    gap: .5rem;
    margin: 0;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .boxesWrapper .pageSidebar[data-v-7c3cfd8f] {
        max-width: 250px;
        width: auto
    }
}

.boxesWrapper .pageSidebar .menuLinks[data-v-7c3cfd8f] {
    display: flex;
    font-size: .75rem;
    line-height: 1rem;
    opacity: .6;
    padding: .625rem .5rem;
    text-transform: uppercase
}

.boxesWrapper .pageSidebar .menuLinks[data-v-7c3cfd8f]:hover {
    opacity: 1
}

.pageSlotWrapper b,
.pageSlotWrapper em,
.pageSlotWrapper p,
.pageSlotWrapper span,
.pageSlotWrapper strong,
.pageSlotWrapper ul {
    background-color: transparent !important;
    color: #ffffffb3 !important;
    margin-bottom: 1.25rem !important
}

.pageSlotWrapper b,
.pageSlotWrapper em,
.pageSlotWrapper strong {
    font-weight: 700 !important
}

.pageSlotWrapper h1,
.pageSlotWrapper h2,
.pageSlotWrapper h3,
.pageSlotWrapper h4,
.pageSlotWrapper h5,
.pageSlotWrapper h6 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 1.25rem !important
}

.pageSlotWrapper h3,
.pageSlotWrapper h4,
.pageSlotWrapper h5,
.pageSlotWrapper h6 {
    font-size: .875rem;
    line-height: 1.25rem
}

.pageSlotWrapper table {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-collapse: collapse;
    margin-bottom: 1.25rem;
    width: 100%
}

.pageSlotWrapper table thead,
.pageSlotWrapper table tr:nth-child(odd) {
    background-color: #ffffff0d
}

.pageSlotWrapper table tr:nth-child(2n) {
    background-color: #fff0
}

.pageSlotWrapper table td,
.pageSlotWrapper table th {
    padding: .75rem 1rem;
    text-align: left
}

.pageSlotWrapper table td p,
.pageSlotWrapper table th p {
    font-size: .75rem !important;
    line-height: 1rem !important;
    margin-bottom: .125rem !important
}

@media print {
    html {
        background-color: unset !important;
        color: #000 !important;
        overflow: visible !important
    }

    .boxesWrapper,
    .pageContainer,
    .pageContainer .boxesWrapper * {
        background-color: #fff !important;
        color: #000 !important
    }

    .pageSidebar {
        display: none !important
    }
}

.EgfqC {
    padding-bottom: .75rem;
    padding-top: 1.5rem;
    position: relative
}

.EgfqC h2 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.EgfqC ::v-deep(p) {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem
}

.EgfqC:before {
    top: 0
}

.EgfqC:after,
.EgfqC:before {
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(254 254 254/var(--tw-bg-opacity, 1));
    opacity: .05
}

.EgfqC:after {
    top: 100%
}

.No-6u {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 500px;
    width: 100%
}

.No-6u._3EOLw {
    inset: 0;
    position: absolute
}

.No-6u .DvmZz button.pMgRT {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.No-6u .dUFTh {
    height: 2rem;
    width: 2rem
}

@media (min-width:768px) {
    .No-6u .dUFTh {
        height: 2.5rem;
        width: 2.5rem
    }
}

.No-6u .xKnpL {
    animation: xKnpL 1s infinite
}

.UfyKV {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: auto;
    width: 100%
}

@media (min-width:768px) {
    .UfyKV {
        gap: 1rem
    }
}

.lKryI {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .75rem
}

.lKryI .-TN1Q {
    opacity: .1;
    width: 100%;
    --tw-invert: invert(100%);
    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)
}

.lKryI .-TN1Q:first-child {
    height: 25px
}

.lKryI .-TN1Q:nth-child(2) {
    height: 60px
}

.lKryI .-TN1Q:nth-child(3) {
    height: 20px
}

@keyframes xKnpL {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .5;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

._60MK1 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 600px;
    position: relative;
    width: 100%
}

.J-G9- {
    background-color: transparent
}

.J-G9-::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(255 255 255/var(--tw-placeholder-opacity, 1))
}

.J-G9-::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(255 255 255/var(--tw-placeholder-opacity, 1))
}

._45IgJ {
    margin-top: 1.25rem
}

.exzws {
    width: 100%
}

@media (min-width:1024px) {
    .exzws {
        width: auto
    }
}

.FFPEW {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    .FFPEW {
        width: 10rem
    }
}

.FFPEW .Ks1vs {
    background-color: #fff3;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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) {
    .FFPEW .Ks1vs {
        font-size: .8rem
    }
}

.FFPEW .Ks1vs:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.FFPEW .Ks1vs strong {
    font-weight: 800
}

.FFPEW .VGDCv {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.FFPEW .VGDCv:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.FFPEW .i-RaE {
    padding: .5rem;
    white-space: nowrap
}

.FFPEW .i-RaE:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.FFPEW .i-RaE label {
    align-items: center;
    display: flex
}

.FFPEW .i-RaE input {
    border-radius: .25rem
}

.FFPEW .i-RaE .yoAwI {
    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: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.Z5sev {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .Z5sev {
        justify-content: flex-end
    }
}

.Z5sev .jZKqA {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: 1rem;
    min-width: 2rem;
    width: 2rem
}

.Z5sev ._5TbJI,
.Z5sev .jZKqA {
    background-color: #ffffff1a;
    border-radius: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.Z5sev ._5TbJI {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .Z5sev ._5TbJI {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .Z5sev ._5TbJI {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .Z5sev ._5TbJI {
        width: 14rem
    }
}

.Z5sev ._5TbJI input {
    background-color: transparent;
    font-size: .75rem;
    line-height: 1rem;
    width: 100%
}

@media (min-width:1280px) {
    .Z5sev ._5TbJI input {
        font-size: .8rem
    }
}

.Z5sev ._5TbJI input::-moz-placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.Z5sev ._5TbJI input::placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .Z5sev ._5TbJI input::-moz-placeholder {
        font-size: .8rem
    }

    .Z5sev ._5TbJI input::placeholder {
        font-size: .8rem
    }
}

.GV7K- {
    animation: MXhpb .6s linear infinite
}

@keyframes MXhpb {
    to {
        transform: rotate(1turn)
    }
}

.PAItV {
    align-items: center;
    margin-bottom: .75rem;
    margin-top: .25rem
}

@media (min-width:640px) {
    .PAItV {
        margin-bottom: .5rem
    }
}

@media (min-width:768px) {
    .PAItV {
        margin-bottom: .75rem;
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .PAItV {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1280px) {
    .PAItV {
        margin-bottom: .75rem;
        margin-top: .25rem;
        padding-bottom: 0
    }
}

@media (min-width:1600px) {
    .PAItV {
        margin-top: 0
    }
}

.PAItV .smUTk {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-align: left
}

@media (min-width:768px) {
    .PAItV .smUTk {
        margin-bottom: .75rem
    }
}

@media (min-width:1024px) {
    .PAItV .smUTk {
        margin-bottom: 0;
        padding-right: .5rem
    }
}

.PAItV ._8s2Sx {
    align-items: center;
    background-color: transparent;
    color: #fff9;
    display: flex
}

.PAItV ._8s2Sx svg {
    flex: none
}

.PAItV .hFWlQ {
    display: inline;
    font-size: .95rem;
    font-weight: 700;
    margin-left: .75rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.PAItV ._0UgdA {
    display: flex;
    margin-left: auto
}

@media (min-width:768px) {
    .PAItV ._0UgdA {
        display: none
    }
}

.PAItV ._0UgdA button {
    padding: .625rem .5rem
}

.PAItV ._0UgdA button:first-child {
    margin-left: .75rem
}

.PAItV ._0UgdA button:last-child {
    margin-right: .25rem
}

.PAItV ._0UgdA svg {
    color: #fff9;
    height: 1rem;
    width: 1rem
}

.H8Bhq {
    animation: VPl3t .6s linear infinite
}

@keyframes VPl3t {
    to {
        transform: rotate(1turn)
    }
}

.eNFX6 {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

.eNFX6 .Yylzs {
    align-content: stretch;
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:768px) {
    .eNFX6 .Yylzs {
        gap: 1.5rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.eNFX6 .Yylzs.yIhWS {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:1024px) {
    .eNFX6 .Yylzs.yIhWS {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.cHh-b {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 600px;
    position: relative;
    width: 100%
}

._7F3Qt {
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    padding: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._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: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

._7F3Qt ._9-7g8 button svg {
    font-size: .75rem;
    line-height: 1rem
}

.gamesBar[data-v-efcb5836] {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51)
}

.gamesBar .menu .menuBtn[data-v-efcb5836] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.gamesBar .menu .btn-deposit[data-v-efcb5836] {
    font-size: .75rem;
    font-weight: 500;
    height: 1.5rem;
    line-height: 1rem;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    --tw-shadow-color: #03de63;
    --tw-shadow: var(--tw-shadow-colored)
}

.gamesBar .menu .btn-deposit[data-v-efcb5836]:after {
    box-shadow: 0 0 10px var(--tw-shadow-color);
    content: "";
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.c5xbT {
    align-items: center;
    border-radius: 20px;
    display: flex;
    font-size: .45rem;
    font-weight: 600;
    justify-content: center;
    margin-right: 5px;
    max-height: 11px;
    padding: 1px 5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -5px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    --tw-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    --tw-shadow-colored: 1px 1px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

._5-dqU {
    height: 10px;
    margin-top: 0
}

.MqwkU,
._5-dqU {
    margin-right: 3px;
    width: auto
}

.MqwkU {
    height: 16px;
    margin-top: -8px
}

.p1Zrj {
    align-items: center;
    border-radius: .5rem;
    cursor: pointer;
    display: flex;
    font-size: .55rem;
    font-weight: 800;
    line-height: 1rem;
    padding: .375rem .625rem;
    position: relative;
    text-decoration-line: none;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap
}

@media screen and (min-width:318px) {
    .p1Zrj {
        font-size: .6rem
    }
}

@media screen and (min-width:330px) {
    .p1Zrj {
        font-size: .7rem;
        margin-bottom: 5px;
        margin-top: 5px
    }
}

@media screen and (min-width:540px) {
    .p1Zrj {
        margin-bottom: 9px;
        margin-top: 9px
    }
}

.p1Zrj:before {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-bottom-left-radius: .5rem;
    border-right-width: 0;
    border-top-left-radius: .5rem;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    --tw-content: "";
    background: linear-gradient(90deg, #fff3 0, #fff0);
    content: var(--tw-content);
    transform: skew(var(--skew))
}

.p1Zrj.n39SR {
    color: var(--textColor);
    padding-right: 1.25rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

@media screen and (min-width:420px) {
    .p1Zrj.n39SR {
        padding-left: 16px;
        padding-right: 22px
    }
}

.p1Zrj.n39SR:hover {
    color: var(--primaryColor)
}

.p1Zrj.kPi1D {
    background-color: transparent;
    color: var(--textColorInvert);
    margin-left: -.375rem;
    margin-right: .625rem;
    text-shadow: 1px 1px 3px hsla(0, 0%, 100%, .5)
}

@media screen and (min-width:420px) {
    .p1Zrj.kPi1D {
        padding: 10px 15px
    }
}

.p1Zrj.kPi1D:before {
    background: linear-gradient(180deg, var(--primaryColor) 0, var(--primaryColorDegrade) 100%);
    border-radius: 8px;
    transition: all .3s
}

.p1Zrj.kPi1D:hover {
    filter: brightness(1.2)
}

.p1Zrj .tO8m7 {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .5rem .67rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

@media (min-width:1280px) {
    .p1Zrj .tO8m7 {
        padding-left: .8rem;
        padding-right: .8rem
    }
}

.p1Zrj .tO8m7.YTf6R {
    border-width: 1px;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    font-size: 12px;
    line-height: .75rem;
    padding: .375rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .p1Zrj .tO8m7.YTf6R {
        font-size: 14px;
        padding: .5rem 1rem
    }
}

.p1Zrj .tO8m7.YTf6R svg {
    display: none
}

@media (min-width:768px) {
    .p1Zrj .tO8m7.YTf6R svg {
        display: block
    }
}

.-wYi1 {
    align-items: center;
    border-radius: 1.5rem;
    display: flex;
    gap: 2px;
    height: 14px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -10px;
    width: 40px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 232 0/var(--tw-bg-opacity, 1));
    color: #000000e6;
    font-size: 8px;
    font-weight: 700
}

@media (min-width:768px) {
    .-wYi1 {
        top: -8px
    }
}

.-wYi1 img {
    width: .75rem
}

.p7r4g {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    display: flex;
    flex-direction: column;
    height: 44vh;
    overflow: hidden;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

@media (min-width:1024px) {
    .p7r4g {
        height: 70vh
    }
}

@media (max-width:767px) {
    .p7r4g:not(.oUj8L) {
        display: none
    }
}

.p7r4g iframe {
    overflow: hidden;
    position: relative
}

.p7r4g .XwVsC,
.p7r4g iframe {
    height: 100%;
    width: 100%;
    z-index: 10
}

.p7r4g .XwVsC {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    text-align: center
}

.p7r4g .XwVsC svg {
    height: 3rem;
    width: 3rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.p7r4g ._2y3Sg {
    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: absolute;
    text-align: center;
    width: 100%;
    z-index: 20
}

@media (min-width:768px) {
    .p7r4g ._2y3Sg {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.p7r4g ._2y3Sg svg {
    font-size: 1.875rem;
    height: 3rem;
    line-height: 2.25rem;
    width: 3rem
}

.p7r4g ._2y3Sg .m2VEl {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.p7r4g ._2y3Sg .m2VEl ._63Sws {
    border: 4px solid hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    height: auto;
    width: 12rem;
    --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: 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, .2);
    --tw-shadow: var(--tw-shadow-colored)
}

.p7r4g ._2y3Sg .rEPm9 {
    flex-direction: column;
    gap: .625rem;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.p7r4g ._2y3Sg ._8wZ5S,
.p7r4g ._2y3Sg .rEPm9 {
    align-items: center;
    display: flex;
    justify-content: center
}

.p7r4g ._2y3Sg ._8wZ5S {
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    gap: .375rem;
    line-height: 1.5rem;
    padding: .625rem 1.5rem
}

.p7r4g ._2y3Sg ._8wZ5S svg {
    height: 1rem;
    width: 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.p7r4g.oUj8L {
    height: calc(100% - 40px);
    margin-top: 40px;
    position: fixed;
    z-index: 999
}

.p7r4g .HumgE,
.p7r4g.oUj8L {
    left: 0;
    top: 0;
    width: 100%
}

.p7r4g .HumgE {
    position: absolute;
    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(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-blur: blur(12px);
    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)
}

._0qHeR,
.p7r4g .HumgE {
    height: 100%
}

@media (min-width:768px) {
    ._0qHeR {
        margin-top: 0
    }
}

._0qHeR iframe {
    border: 0 !important;
    height: 100% !important;
    width: 100% !important
}

.YAOL5 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 100%;
    position: relative
}

.YAOL5,
.YAOL5 .ZypU- {
    min-height: var(--d2893520)
}

.YAOL5 .ZypU- {
    border-style: none;
    height: 100%;
    margin: 0;
    max-width: 100%;
    width: 100%
}

.GCVSR {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    z-index: 10
}

._51vKS {
    margin-bottom: 2.5rem
}

._51vKS .VaVOC {
    text-align: center
}

._51vKS .VaVOC.mqo91 {
    opacity: .1
}

._51vKS .VaVOC.mqo91 img {
    filter: grayscale()
}

._51vKS .VaVOC .e618T {
    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%
}

@media (max-width:768px) {
    ._9CFK- {
        min-width: 132px
    }
}

.slideTitle[data-v-747c2774] {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: .375rem
}

.slideTitle .skeleton-loading[data-v-747c2774] {
    height: 1.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .slideTitle .skeleton-loading[data-v-747c2774] {
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .slideTitle .skeleton-loading[data-v-747c2774] {
        margin-bottom: .25rem
    }
}

.slideTitle .gamificationPageTitle[data-v-747c2774] {
    margin: 0 .5rem 0 0;
    min-width: -moz-min-content;
    min-width: min-content;
    width: auto
}

.row_imgs[data-v-747c2774] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem
}

@media (min-width:640px) {
    .row_imgs[data-v-747c2774] {
        gap: .75rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width:768px) {
    .row_imgs[data-v-747c2774] {
        gap: 1rem;
        margin-bottom: 2rem
    }
}

@media (min-width:1024px) {
    .row_imgs[data-v-747c2774] {
        gap: 1.25rem
    }
}

.row_imgs.loading-indicator[data-v-747c2774] {
    margin-bottom: 0
}

.row_imgs.loading-indicator .skeleton-loading[data-v-747c2774] {
    aspect-ratio: 25/33;
    flex: 1 1 0%
}

@media screen and (min-width:768px) {
    .row_imgs.loading-indicator .skeleton-loading[data-v-747c2774] {
        aspect-ratio: 29/8
    }
}

.moreItemsButton[data-v-747c2774] {
    align-items: center;
    background-color: #03de6326;
    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-747c2774] {
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1rem;
    line-height: 1;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.moreItemsButton span svg[data-v-747c2774] {
    display: block
}

.OjPKd {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

.OjPKd .ebWCc {
    background-color: #0000004d;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .OjPKd .ebWCc {
        flex-direction: row
    }
}

.OjPKd .ebWCc .S-uDl {
    align-items: center;
    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(3, 222, 99, .05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(3, 222, 99, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(3, 222, 99, .2) var(--tw-gradient-to-position);
    padding: 1rem 1rem .5rem
}

@media (min-width:768px) {
    .OjPKd .ebWCc .S-uDl {
        min-width: 300px
    }
}

.OjPKd .ebWCc .S-uDl .d08EU {
    left: 1rem
}

.OjPKd .ebWCc .S-uDl .Q9Akm,
.OjPKd .ebWCc .S-uDl .d08EU {
    color: #fff6;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    position: absolute;
    top: 1rem
}

.OjPKd .ebWCc .S-uDl .Q9Akm {
    right: 1rem
}

.OjPKd .ebWCc .S-uDl ._6TaHK {
    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) {
    .OjPKd .ebWCc .S-uDl ._6TaHK {
        height: 220px;
        width: 220px
    }
}

.OjPKd .ebWCc .S-uDl .dNpyY {
    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: rgb(0 21 16/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .375rem .75rem .375rem .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .OjPKd .ebWCc .S-uDl .dNpyY {
        font-size: .875rem;
        line-height: 1.25rem;
        margin-top: -1.5rem;
        padding: .5rem 1rem .5rem .75rem
    }
}

.OjPKd .ebWCc .S-uDl .dNpyY img {
    width: 20px
}

@media (min-width:768px) {
    .OjPKd .ebWCc .S-uDl .dNpyY img {
        width: 26px
    }
}

.OjPKd .ebWCc .S-uDl .dVkye {
    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%
}

.OjPKd .ebWCc .S-uDl .dVkye .g4swM {
    font-size: .68rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.OjPKd .ebWCc .S-uDl .dVkye ._8hw-Q {
    border-radius: 9999px;
    height: .5rem;
    margin-top: .25rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.OjPKd .ebWCc .S-uDl .dVkye ._8hw-Q ._61sD- {
    background-color: #fff3;
    height: 100%;
    width: 100%
}

.OjPKd .ebWCc .S-uDl .dVkye ._8hw-Q .dUEky {
    border-radius: 9999px;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.OjPKd .ebWCc .S-uDl .dVkye .oqBI4 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: .125rem;
    width: 100%
}

.OjPKd .ebWCc .S-uDl .dVkye .oqBI4 .GduTY {
    font-size: .68rem;
    font-weight: 600;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.OjPKd .ebWCc .S-uDl .dVkye .oqBI4 .dNpyY {
    background-color: transparent;
    font-size: .68rem;
    gap: .125rem;
    margin: 0;
    max-width: 50%;
    padding: 0
}

.OjPKd .ebWCc .S-uDl .dVkye .oqBI4 .dNpyY img {
    width: 10px
}

@media (min-width:768px) {
    .OjPKd .ebWCc .S-uDl .dVkye .oqBI4 .dNpyY img {
        width: 12px
    }
}

.OjPKd .ebWCc .-pfSe {
    padding: 1rem 1.25rem
}

@media (min-width:768px) {
    .OjPKd .ebWCc .-pfSe {
        padding: 1.5rem 2rem
    }
}

.OjPKd .ebWCc .-pfSe .al2o8 h1 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .OjPKd .ebWCc .-pfSe .al2o8 h1 {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1.5rem
    }
}

.OjPKd .ebWCc .-pfSe .MuqYH {
    margin-bottom: 1rem;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width:768px) {
    .OjPKd .ebWCc .-pfSe .MuqYH {
        margin-bottom: 0;
        max-height: none
    }
}

.OjPKd .ebWCc .-pfSe .MuqYH p {
    font-size: .75rem;
    line-height: 1.25rem;
    margin-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .OjPKd .ebWCc .-pfSe .MuqYH p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.OjPKd .ebWCc .-pfSe .t8xno .yuVho {
    align-items: center;
    border-radius: .25rem;
    display: inline-flex;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .OjPKd .ebWCc .-pfSe .t8xno .yuVho {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .75rem 1.25rem;
        width: auto
    }
}

.OjPKd .WDcWO {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (min-width:768px) {
    .OjPKd .WDcWO {
        gap: 1.25rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    .OjPKd .WDcWO {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

.viXZB {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 600px;
    position: relative;
    width: 100%
}

.inputSearch[data-v-19945c8f] {
    background-color: transparent
}

.inputSearch[data-v-19945c8f]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(255 255 255/var(--tw-placeholder-opacity, 1))
}

.inputSearch[data-v-19945c8f]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(255 255 255/var(--tw-placeholder-opacity, 1))
}

.casino-filters[data-v-19945c8f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .casino-filters[data-v-19945c8f] {
        justify-content: flex-end
    }
}

.casino-filters .casino-search[data-v-19945c8f] {
    background-color: #ffffff1a;
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .casino-filters .casino-search[data-v-19945c8f] {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .casino-filters .casino-search[data-v-19945c8f] {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .casino-filters .casino-search[data-v-19945c8f] {
        width: 14rem
    }
}

.casino-filters .casino-search input[data-v-19945c8f] {
    font-size: .75rem;
    line-height: 1rem;
    width: 100%
}

@media (min-width:1280px) {
    .casino-filters .casino-search input[data-v-19945c8f] {
        font-size: .8rem
    }
}

.casino-filters .casino-search input[data-v-19945c8f]::-moz-placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.casino-filters .casino-search input[data-v-19945c8f]::placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .casino-filters .casino-search input[data-v-19945c8f]::-moz-placeholder {
        font-size: .8rem
    }

    .casino-filters .casino-search input[data-v-19945c8f]::placeholder {
        font-size: .8rem
    }
}

.casino-filters-open[data-v-19945c8f] {
    margin-top: 1.25rem
}

.casino-filters__buttons[data-v-19945c8f] {
    width: 100%
}

@media (min-width:1024px) {
    .casino-filters__buttons[data-v-19945c8f] {
        width: auto
    }
}

.listBox-wrapper[data-v-19945c8f] {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    .listBox-wrapper[data-v-19945c8f] {
        width: 10rem
    }
}

.listBox-wrapper .select-btn[data-v-19945c8f] {
    background-color: #fff3;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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-19945c8f] {
        font-size: .8rem
    }
}

.listBox-wrapper .select-btn[data-v-19945c8f]:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.listBox-wrapper .select-btn strong[data-v-19945c8f] {
    font-weight: 800
}

.listBox-wrapper .select-options[data-v-19945c8f] {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.listBox-wrapper .select-options[data-v-19945c8f]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.listBox-wrapper .select-opt[data-v-19945c8f] {
    padding: .5rem;
    white-space: nowrap
}

.listBox-wrapper .select-opt[data-v-19945c8f]:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.listBox-wrapper .select-opt label[data-v-19945c8f] {
    align-items: center;
    display: flex
}

.listBox-wrapper .select-opt input[data-v-19945c8f] {
    border-radius: .25rem
}

.listBox-wrapper .select-opt .badge[data-v-19945c8f] {
    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: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.qMh00 {
    align-items: center;
    margin-bottom: 1.5rem;
    margin-top: .25rem
}

@media (min-width:640px) {
    .qMh00 {
        margin-bottom: .5rem
    }
}

@media (min-width:768px) {
    .qMh00 {
        margin-bottom: 1.5rem;
        margin-top: .25rem
    }
}

@media (min-width:1024px) {
    .qMh00 {
        display: flex;
        justify-content: space-between
    }
}

.Efcyy {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-align: left
}

@media (min-width:768px) {
    .Efcyy {
        margin-bottom: .75rem
    }
}

@media (min-width:1024px) {
    .Efcyy {
        margin-bottom: 0;
        padding-right: .5rem
    }
}

._1ro3x {
    align-items: center;
    background-color: transparent;
    color: #fff9;
    display: flex
}

._1ro3x svg {
    flex: none
}

.f22UR {
    font-size: .9rem;
    font-weight: 600;
    margin-left: .75rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.f22UR,
.f22UR h1 {
    display: inline
}

.f22UR h1 {
    font-weight: 700
}

.hJNny {
    display: flex;
    margin-left: auto
}

@media (min-width:768px) {
    .hJNny {
        display: none
    }
}

.hJNny button {
    padding: .625rem .5rem
}

.hJNny button:first-child {
    margin-left: .75rem
}

.hJNny button:last-child {
    margin-right: .25rem
}

.hJNny svg {
    color: #fff9;
    height: 1rem;
    width: 1rem
}

@media (min-width:1024px) {
    .src7V {
        flex: none;
        width: fit
    }
}

@media (min-width:1280px) {
    .src7V {
        width: fit
    }
}

.mMAMk {
    margin-bottom: .5rem;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    gap: .25rem;
    justify-content: space-between;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width:900px) {
    .mMAMk {
        margin-bottom: 0;
        margin-top: .5rem;
        padding-left: 0;
        padding-right: 0
    }
}

.mMAMk a,
.mMAMk button {
    align-items: center;
    background-color: #ffffff15;
    border-color: #ffffff0d;
    border-radius: 9999px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    display: flex;
    font-size: .7rem;
    font-weight: 600;
    gap: .5rem;
    line-height: 1rem;
    padding: .5rem .75rem;
    scroll-snap-align: center;
    text-transform: uppercase
}

.mMAMk a span svg,
.mMAMk button span svg {
    color: var(--primaryColor);
    height: 18px;
    width: 18px
}

.mMAMk ._4IH0K {
    background-color: rgba(var(--primaryColorRGB), .2);
    border-color: rgba(var(--primaryColorRGB), .2)
}

.gCjnM {
    margin-bottom: 0;
    padding-bottom: 0
}

@media (min-width:900px) {
    .gCjnM {
        margin-top: 0;
        padding-top: 0
    }
}

.gCjnM a,
.gCjnM button {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    position: relative
}

.gCjnM a img,
.gCjnM button img {
    height: 1.75rem;
    width: auto
}

@media (min-width:900px) {

    .gCjnM a img,
    .gCjnM button img {
        height: 2rem
    }
}

.sectionWrapper[data-v-10c04b2d] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem
}

@media (min-width:900px) {
    .sectionWrapper[data-v-10c04b2d] {
        margin-top: .25rem
    }
}

@media (min-width:1280px) {
    .sectionWrapper[data-v-10c04b2d] {
        align-items: flex-start;
        flex-direction: row-reverse;
        gap: 25px;
        margin-top: 0
    }

    .sectionWinners[data-v-10c04b2d] {
        width: 290px
    }
}

.sectionGames[data-v-10c04b2d] {
    margin-top: .75rem;
    width: 100%
}

@media (min-width:768px) {
    .sectionGames[data-v-10c04b2d] {
        margin-top: 1.25rem
    }
}

@media (min-width:1280px) {
    .sectionGames[data-v-10c04b2d] {
        margin-top: .5rem;
        width: calc(100% - 290px)
    }
}

.games[data-v-10c04b2d] {
    display: flex;
    flex-direction: column
}

.games .spacing[data-v-10c04b2d] {
    padding: 0 0 .75rem
}

.games .games_content .bt_link[data-v-10c04b2d] {
    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: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .75rem 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    --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: 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-10c04b2d]:hover {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    opacity: .9
}

.zdrT0 {
    margin-bottom: .5rem;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    gap: .25rem;
    justify-content: space-between;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width:900px) {
    .zdrT0 {
        margin-bottom: 0;
        margin-top: .5rem;
        padding-left: 0;
        padding-right: 0
    }
}

.zdrT0 button {
    align-items: center;
    background-color: #ffffff15;
    border-color: #ffffff0d;
    border-radius: 9999px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    display: flex;
    font-size: .7rem;
    font-weight: 600;
    gap: .5rem;
    line-height: 1rem;
    padding: .5rem .75rem;
    scroll-snap-align: center;
    text-transform: uppercase
}

.zdrT0 button span svg {
    color: var(--primaryColor);
    height: 18px;
    width: 18px
}

.e3mvh {
    margin-bottom: 0;
    padding-bottom: 0
}

@media (min-width:900px) {
    .e3mvh {
        margin-top: 0;
        padding-top: 0
    }
}

.e3mvh button {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    position: relative
}

.e3mvh button img {
    height: 1.75rem;
    width: auto
}

@media (min-width:900px) {
    .e3mvh button img {
        height: 2rem
    }
}

.YF5x- {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    padding: .5rem 1.5rem;
    text-align: center;
    width: 100%;
    z-index: 50;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.YF5x- .yHHgZ {
    font-weight: 700;
    text-transform: uppercase
}

.YF5x- .kbL6-,
.YF5x- .yHHgZ {
    font-size: .875rem;
    line-height: 1.25rem
}

.YF5x- .kbL6- {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    gap: 1rem
}

.YF5x- .kbL6- small {
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    margin: 0;
    padding: 1rem
}

.YF5x- .imseo {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    justify-content: center
}

.YF5x- .imseo span {
    color: #ffffff80;
    font-size: .675rem;
    font-weight: 600
}

.YF5x- .imseo button {
    align-items: center;
    background-color: #03de6333;
    border-radius: .375rem;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    gap: .5rem;
    line-height: 1rem;
    padding: .5rem 1rem
}

.YF5x- .imseo button,
.YF5x- .imseo button svg {
    color: #03de63e6
}

.Zl0Ov {
    position: relative;
    width: 100%
}

.Zl0Ov .-t5QK {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.Zl0Ov .-t5QK[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.Zl0Ov .-t5QK svg {
    font-size: .875rem;
    line-height: 1.25rem
}

.BvvZp {
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(23 61 50/var(--tw-bg-opacity, 1));
    font-size: 12px;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.TuszD a {
    overflow-wrap: break-word;
    text-decoration-line: underline
}

ol[data-v-c5bcafb0],
ul[data-v-c5bcafb0] {
    margin-left: 1rem
}

ol li[data-v-c5bcafb0]:before,
ul li[data-v-c5bcafb0]:before {
    content: "" !important
}

ol[type=a][data-v-c5bcafb0] {
    list-style-type: lower-alpha !important
}

ol[type=i][data-v-c5bcafb0] {
    list-style-type: lower-roman !important
}

ul[type=disc][data-v-c5bcafb0] {
    list-style-type: disc !important
}

table td[data-v-c5bcafb0],
table th[data-v-c5bcafb0] {
    border: 1px solid #fff;
    text-align: center
}

table.center td[data-v-c5bcafb0],
table.center th[data-v-c5bcafb0] {
    text-align: center
}

.Rr81w {
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(74 0 224/var(--tw-bg-opacity, 1));
    padding: 1.5rem 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width:1024px) {
    .Rr81w {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 2rem
    }
}

.Rr81w:before {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    inset: 0;
    position: absolute;
    --tw-gradient-from: rgba(0, 0, 0, .1) 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: hsla(0, 0%, 100%, .3) var(--tw-gradient-to-position);
    --tw-content: "";
    content: var(--tw-content)
}

.Rr81w .eDlEh {
    padding: .5rem;
    position: relative;
    width: 100%
}

.Rr81w .eDlEh img {
    margin-left: auto;
    margin-right: auto;
    width: 24rem
}

@media (min-width:1024px) {
    .Rr81w .eDlEh img {
        width: 100%
    }
}

.Rr81w .j2d6w {
    padding-left: 0;
    width: 100%
}

@media (min-width:1024px) {
    .Rr81w .j2d6w {
        padding-left: 2rem
    }
}

.Rr81w .j2d6w .EY4ri {
    position: relative
}

.Rr81w .j2d6w .EY4ri .SdUOV {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.Rr81w .j2d6w .EY4ri .SdUOV .ddovY {
    --tw-text-opacity: 1;
    color: rgb(255 204 0/var(--tw-text-opacity, 1))
}

.Rr81w .j2d6w .EY4ri .xKJKJ {
    margin-top: 1rem;
    position: relative
}

.Rr81w .j2d6w .EY4ri .xKJKJ ._4A8kS {
    display: block;
    margin-bottom: -1rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(74 0 224/var(--tw-text-opacity, 1))
}

.Rr81w .j2d6w .EY4ri .xKJKJ ._4A8kS:first-child {
    margin-bottom: -1.5rem
}

.Rr81w .j2d6w .EY4ri .xKJKJ ._4A8kS {
    animation: _4A8kS 2s steps(2) infinite
}

.Rr81w .j2d6w .EY4ri .xKJKJ ._4A8kS svg {
    height: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    width: 2.5rem
}

.Rr81w .j2d6w .EY4ri .xKJKJ ._4A8kS:first-child {
    animation-delay: 1s;
    opacity: .5
}

@keyframes _4A8kS {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA {
    position: relative;
    width: .875rem
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA:nth-child(odd) {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA {
    animation: hvUiA 1.5s ease-in-out infinite
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA svg {
    height: 1.25rem;
    width: 1.25rem
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA:nth-child(-n+3) {
    --tw-rotate: 180deg;
    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))
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA:first-child {
    animation-delay: .1s
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA:nth-child(2) {
    animation-delay: .2s
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA:nth-child(3),
.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA:nth-child(4) {
    animation-delay: .3s
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA:nth-child(5) {
    animation-delay: .2s
}

.Rr81w .j2d6w .EY4ri .xKJKJ .KnJjW .hvUiA:nth-child(6) {
    animation-delay: .1s
}

@keyframes hvUiA {
    0% {
        opacity: 1
    }

    16% {
        opacity: .6
    }

    33% {
        opacity: .9
    }

    50% {
        opacity: .5
    }

    66% {
        opacity: .8
    }

    83% {
        opacity: .4
    }

    to {
        opacity: .7
    }
}

.Rr81w .j2d6w .EY4ri .xKJKJ .fJCtE {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: .5rem;
    cursor: pointer;
    display: inline-block;
    margin: 1.5rem .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 204 0/var(--tw-bg-opacity, 1));
    font-weight: 500;
    padding: .625rem 3rem;
    --tw-text-opacity: 1;
    color: rgb(39 39 39/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .Rr81w .j2d6w .EY4ri .xKJKJ .fJCtE {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }
}

.Rr81w .j2d6w .EY4ri .xKJKJ .fJCtE:hover {
    opacity: .9
}

.Rr81w .j2d6w .kAkU9 {
    margin-top: .75rem;
    position: relative
}

.Rr81w .j2d6w .kAkU9 h2 {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .Rr81w .j2d6w .kAkU9 h2 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.Rr81w .j2d6w .kAkU9 h2:after,
.Rr81w .j2d6w .kAkU9 h2:before {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    flex: 1 1 auto;
    height: 1px;
    margin-right: 1.5rem;
    margin-top: .25rem;
    --tw-gradient-from: #fff 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: transparent var(--tw-gradient-to-position);
    opacity: .8;
    --tw-content: "";
    content: var(--tw-content)
}

.Rr81w .j2d6w .kAkU9 h2:after {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    margin-left: 1.5rem;
    margin-right: 0
}

.Rr81w .j2d6w .kAkU9 .XSiZN {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: .5rem
}

.Rr81w .j2d6w .kAkU9 .XSiZN section {
    margin-bottom: .5rem;
    margin-top: .5rem;
    position: relative
}

.Rr81w .j2d6w .kAkU9 .XSiZN section:nth-child(2n):before {
    background-color: #fff3;
    height: 1.5rem;
    left: -.25rem;
    margin-top: -.25rem;
    position: absolute;
    top: 50%;
    width: 1px;
    --tw-content: "";
    content: var(--tw-content)
}

.Rr81w .j2d6w .kAkU9 .XSiZN section .qZLpy {
    display: block;
    font-size: 1.5rem;
    line-height: 2rem
}

.Rr81w .j2d6w .kAkU9 .XSiZN section p {
    font-size: .75rem;
    line-height: 1rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.FHXpD {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
    min-width: 100%;
    position: relative
}

@media (min-width:1024px) {
    .FHXpD {
        margin-bottom: 2rem
    }
}

.NKUH3 {
    align-items: center;
    display: flex;
    font-size: .64rem;
    gap: .5rem;
    line-height: 1rem;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .NKUH3 {
        font-size: .7rem
    }
}

.NKUH3.yZqzq {
    flex-direction: row-reverse
}

.NKUH3 label {
    background-color: #03de6333;
    border-radius: .25rem;
    cursor: pointer;
    font-weight: 600;
    opacity: .7;
    padding: .125rem .375rem;
    position: relative
}

@media (min-width:768px) {
    .NKUH3 label {
        padding: .25rem .5rem
    }
}

.NKUH3 label.yvWYA {
    background-color: #03de63e6;
    --tw-text-opacity: 1;
    color: rgb(0 21 16/var(--tw-text-opacity, 1));
    opacity: 1
}

.NKUH3 label input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.row[data-v-a7b46dd4] {
    height: 1.25rem
}

@keyframes pulse-a7b46dd4 {
    50% {
        opacity: .5
    }
}

.row[data-v-a7b46dd4] {
    animation: pulse-a7b46dd4 2s cubic-bezier(.4, 0, .6, 1) infinite;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1))
}

@media (min-width:1024px) {
    .row[data-v-a7b46dd4] {
        height: 1.5rem
    }
}

.-NC7x {
    display: flex;
    margin: 0;
    padding: 0
}

.wd3FM {
    max-width: 100%;
    min-height: 100vh
}

@media (min-width:768px) {
    .wd3FM {
        min-height: 650px
    }
}

.FHaxy {
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%;
    -ms-overflow-style: none
}

.FHaxy::-webkit-scrollbar {
    display: none
}

.FHaxy .YGdRu {
    border-collapse: separate;
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%;
    --tw-border-spacing-y: .375rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    gap: .25rem
}

.FHaxy .YGdRu .R34oy th {
    background-color: #03de630d;
    color: #03de63b3;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .75rem 1rem;
    text-align: left;
    white-space: nowrap
}

.FHaxy .YGdRu .R34oy th:first-child {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.FHaxy .YGdRu .R34oy th:last-child {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.FHaxy .YGdRu .E5AvS td {
    background-color: #0000001a;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .75rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap
}

@media (min-width:768px) {
    .FHaxy .YGdRu .E5AvS td {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.FHaxy .YGdRu .E5AvS td:first-child {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.FHaxy .YGdRu .E5AvS td:last-child {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.FHaxy .YGdRu .E5AvS td .aBGk0 {
    display: flex;
    flex-direction: column
}

.FHaxy .YGdRu .E5AvS td .aBGk0 span {
    color: #ffffff80;
    font-size: .75rem;
    line-height: 1rem
}

.FHaxy .YGdRu .E5AvS:nth-child(odd) td {
    background-color: #0000000d
}

.FHaxy .YGdRu .t4TcG {
    border-radius: .25rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 600;
    line-height: .75rem;
    padding: .25rem
}

.FHaxy .YGdRu .t4TcG.fbhHY {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.FHaxy .YGdRu .t4TcG._8Ob-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.FHaxy .YGdRu .t4TcG.nSCbT {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.FHaxy .YGdRu .t4TcG.h16vu,
.FHaxy .YGdRu .t4TcG.so2oC {
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 255/var(--tw-bg-opacity, 1))
}

.FHaxy .YGdRu .t4TcG.hfPyn {
    background-color: #fff3;
    color: #fffc
}

.FHaxy .YGdRu .t4TcG svg {
    font-size: .75rem;
    line-height: 1rem
}

.FHaxy .YGdRu .t4TcG small {
    line-height: .75rem;
    margin-bottom: -1px;
    margin-top: -1px
}

.twnxr {
    background-color: #03de6326;
    border-radius: .375rem;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .25rem
}

.twnxr:hover {
    opacity: .7
}

.twnxr.Gulwf {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.twnxr._2b9QQ {
    background-color: #f1416c26;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.twnxr.PRtWX,
.twnxr.luMNO {
    background-color: #ff9f4326;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.twnxr.pPqS4 {
    cursor: not-allowed;
    opacity: .4
}

.paginationWrapper[data-v-52a54e80] {
    background-color: #03de630d;
    border-radius: .25rem;
    color: #03de63b3;
    font-size: .75rem;
    font-weight: 600;
    justify-content: center;
    line-height: 1rem;
    padding: .5rem;
    text-align: left;
    white-space: nowrap
}

@media (min-width:768px) {
    .paginationWrapper[data-v-52a54e80] {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

.paginationWrapper .paginationInfo[data-v-52a54e80] {
    font-size: .675rem;
    margin-top: .75rem;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center
}

@media (min-width:768px) {
    .paginationWrapper .paginationInfo[data-v-52a54e80] {
        margin-top: 0;
        text-align: left
    }
}

.paginationWrapper .paginationNavWrapper[data-v-52a54e80] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center
}

@media (min-width:768px) {
    .paginationWrapper .paginationNavWrapper[data-v-52a54e80] {
        gap: .5rem
    }
}

.paginationWrapper .paginationNavWrapper .paginationBtn[data-v-52a54e80] {
    align-items: center;
    background-color: #00151080;
    border-radius: .25rem;
    display: flex;
    height: 2rem;
    justify-content: center;
    line-height: 1.25;
    padding-left: .75rem;
    padding-right: .75rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.paginationWrapper .paginationNavWrapper .paginationBtn.active[data-v-52a54e80],
.paginationWrapper .paginationNavWrapper .paginationBtn[data-v-52a54e80]:hover {
    background-color: #03de6380;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.paginationWrapper .paginationNavWrapper .paginationBtn.dots[data-v-52a54e80],
.paginationWrapper .paginationNavWrapper .paginationBtn.dots[data-v-52a54e80]:hover {
    background-color: #0015104d;
    color: #ffffff4d
}

.paginationWrapper .paginationNavWrapper .paginationNav[data-v-52a54e80] {
    display: flex;
    justify-content: center
}

.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList[data-v-52a54e80] {
    align-items: center;
    display: flex;
    gap: .25rem
}

.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList[data-v-52a54e80]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-1px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-1px*var(--tw-space-x-reverse))
}

.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList .hiddenMobile[data-v-52a54e80] {
    display: none
}

@media (min-width:768px) {
    .paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList .hiddenMobile[data-v-52a54e80] {
        display: inline
    }
}

.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList .paginationNext[data-v-52a54e80],
.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList .paginationPrev[data-v-52a54e80] {
    line-height: 1.25;
    margin-left: 0;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.paginationWrapper .paginationNavWrapper .paginationDirect[data-v-52a54e80] {
    display: flex
}

.paginationWrapper .paginationNavWrapper .paginationDirect-input[data-v-52a54e80] {
    background-color: #001510b3;
    border-radius: .25rem;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.25rem;
    text-align: center;
    width: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.paginationWrapper .paginationNavWrapper .paginationDirect .paginationBtn[data-v-52a54e80] {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._6NoZq {
    border-radius: .375rem;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    ._6NoZq {
        padding: 1.5rem
    }
}

._6NoZq .b0OZn {
    border: solid hsla(0, 0%, 100%, .1);
    border-width: 0 0 1px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
    margin-top: -.25rem;
    padding-bottom: .25rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:1280px) {
    ._6NoZq .b0OZn {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.NRWMP {
    border-radius: .375rem;
    margin-bottom: .5rem;
    min-width: 100%;
    overflow: hidden;
    position: relative
}

.NRWMP:after {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: -3%;
    top: 0;
    width: 80px;
    z-index: 10;
    --tw-gradient-from: #003628 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 54, 40, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-content: "";
    content: var(--tw-content)
}

.NRWMP .Qeti8 {
    display: flex;
    overflow-x: auto;
    padding-right: 2.5rem;
    position: relative;
    scrollbar-width: none;
    width: 100%;
    -ms-overflow-style: none
}

.dOXyQ {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    color: #ffffffe6;
    padding: .875rem 1rem
}

.dOXyQ .aDLAO {
    font-size: 1.125rem;
    line-height: 1.75rem;
    opacity: .7
}

.dOXyQ .ITz93 {
    font-size: .75rem;
    line-height: 1rem;
    text-transform: uppercase
}

.dOXyQ .Dxxp4,
.dOXyQ .ITz93 {
    font-weight: 600
}

.dOXyQ .Dxxp4 {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    height: 14px;
    justify-content: center;
    margin-top: -7px;
    position: absolute;
    right: 2.5rem;
    top: 50%;
    width: 14px !important;
    z-index: 40;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.dOXyQ ._7TMTq {
    color: #ffffff80;
    margin-left: auto
}

.dOXyQ.X3RDN {
    background-color: #03de631a;
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.dOXyQ.X3RDN:hover {
    opacity: .9
}

.dOXyQ.X3RDN .aDLAO {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.dOXyQ.X3RDN .ITz93 {
    font-weight: 700;
    margin-right: auto
}

.dOXyQ.jIZao {
    opacity: .5
}

.dOXyQ.jIZao,
.dOXyQ.jIZao .ITz93,
.dOXyQ.jIZao ._7TMTq,
.dOXyQ.jIZao .aDLAO {
    --tw-text-opacity: 1;
    color: rgb(3 37 222);
}

.dOXyQ._2cr8L {
    background-color: #00362899;
    color: #ffffff4d
}

.dOXyQ._2cr8L ._7TMTq {
    color: #ffffff1a
}

.dOXyQ._2cr8L.jIZao {
    opacity: .5
}

.dOXyQ._9O0BO {
    color: #ffffff4d;
    cursor: not-allowed
}

.dOXyQ._9O0BO ._7TMTq {
    color: #ffffff1a
}

.dOXyQ._9O0BO.jIZao,
.dOXyQ._9O0BO:hover,
.dOXyQ.sOHRb {
    opacity: 1
}

.dOXyQ.sOHRb {
    background-color: #0036284d;
    cursor: default
}

.dOXyQ.sOHRb,
.dOXyQ.sOHRb ._7TMTq {
    color: #ffffff0d
}

.dOXyQ.sOHRb .Dxxp4 {
    opacity: .1
}

.dOXyQ.nLPRj {
    opacity: .7
}

.dOXyQ.nLPRj,
.dOXyQ.nLPRj .ITz93,
.dOXyQ.nLPRj ._7TMTq,
.dOXyQ.nLPRj .aDLAO {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.dOXyQ.nLPRj.jIZao {
    opacity: .5
}

.dOXyQ._2fM85 {
    opacity: .7
}

.dOXyQ._2fM85,
.dOXyQ._2fM85 .ITz93,
.dOXyQ._2fM85 ._7TMTq,
.dOXyQ._2fM85 .aDLAO {
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.dOXyQ._2fM85.jIZao {
    opacity: .5
}

.oQ0nL {
    min-width: 300px;
    width: 100%
}

.oQ0nL .yEL4z {
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start
}

.oQ0nL .LEnr-,
.oQ0nL .yEL4z {
    align-items: center;
    display: flex
}

.oQ0nL .LEnr- {
    background-color: #03de631a;
    border-radius: .375rem;
    color: #ffffffe6;
    cursor: pointer;
    gap: .75rem;
    justify-content: space-between;
    padding: .875rem 1rem;
    position: relative;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.oQ0nL .LEnr-:hover {
    opacity: .9
}

.oQ0nL .LEnr- .MMDZG {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    opacity: .7
}

.oQ0nL .LEnr- ._9hqWt {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-right: auto;
    text-transform: uppercase
}

._2sSj3 {
    padding: 0
}

._2sSj3 .is0Ic {
    align-items: flex-start;
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1.25rem
}

@media (min-width:768px) {
    ._2sSj3 .is0Ic {
        margin-bottom: 2rem
    }
}

@media (min-width:1024px) {
    ._2sSj3 .is0Ic {
        flex-direction: row
    }
}

._2sSj3 .is0Ic .gpxyv {
    display: none;
    flex: 1 1 0%;
    max-width: 100%;
    width: 100%
}

@media (min-width:768px) {
    ._2sSj3 .is0Ic .gpxyv {
        display: block
    }
}

@media (min-width:1024px) {
    ._2sSj3 .is0Ic .gpxyv {
        max-width: 300px
    }
}

._2sSj3 .is0Ic .gpxyv._9Opt2 {
    display: block
}

._2sSj3 .is0Ic .cnynX {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: 1rem;
    overflow: auto;
    width: 100%
}

.MiVyG {
    margin-bottom: -2rem
}

@media (min-width:640px) {
    .MiVyG {
        margin-bottom: -4rem
    }
}

.MiVyG img {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    width: 100%
}

.vBMH5 {
    align-items: flex-start;
    background-color: var(--bgDarkGradient);
    border-radius: .375rem;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1rem;
    padding: 1rem
}

.vBMH5 ._1yj9Z svg {
    background-color: #03de63b3;
    border-radius: .5rem;
    font-size: 50px;
    margin-right: .75rem
}

@media (min-width:1024px) {
    .vBMH5 ._1yj9Z svg {
        font-size: 70px
    }
}

.C38H7 {
    align-items: stretch;
    background-color: var(--bgDarkGradient);
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    display: block;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25rem;
    margin-bottom: -20px;
    padding: 1rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .C38H7 {
        align-items: center;
        display: flex
    }
}

@media (min-width:1024px) {
    .C38H7 {
        max-width: 100%
    }
}

.C38H7 ._1yj9Z {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-right: .75rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .C38H7 ._1yj9Z {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.J2xM1 {
    align-items: center;
    background-color: #03de631a;
    border-radius: .375rem;
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    line-height: 1rem;
    padding: .5rem 1rem;
    white-space: nowrap
}

@media (min-width:640px) {
    .J2xM1 {
        margin-bottom: .5rem
    }
}

.J2xM1 svg {
    font-size: .875rem;
    line-height: 1.25rem
}

.J2xM1 ._1yj9Z {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-right: .75rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .J2xM1 ._1yj9Z {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.r0epo {
    background-color: var(--bgDarkGradientEnd);
    border-radius: .375rem;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.r0epo .Y65AZ {
    color: #fffc;
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .75rem;
    text-align: left
}

@media (min-width:1024px) {
    .r0epo .Y65AZ {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.r0epo .Y65AZ._1CzXm {
    border-bottom: 1px;
    border-color: #ffffff1a;
    border-style: solid;
    font-size: .675rem;
    font-weight: 500;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .r0epo .Y65AZ._1CzXm {
        font-size: .75rem;
        line-height: 1rem
    }
}

.r0epo .Ti--1 {
    flex-direction: column;
    justify-content: flex-start
}

.r0epo .Ti--1,
.r0epo .Ti--1 .-rR3y {
    align-items: stretch;
    display: flex;
    gap: .5rem;
    width: 100%
}

.r0epo .Ti--1 .-rR3y {
    height: 3rem;
    min-height: 100%
}

.r0epo .Ti--1 .-rR3y .ow-Rk {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    font-weight: 600;
    gap: .5rem;
    height: 100%;
    justify-content: center;
    padding: .5rem 1rem;
    white-space: nowrap;
    width: 100%
}

.r0epo .Ti--1 .-rR3y .ow-Rk,
.r0epo .Ti--1 .-rR3y .ow-Rk ._1yj9Z {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:1024px) {
    .r0epo .Ti--1 .-rR3y .ow-Rk ._1yj9Z {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.r0epo .Ti--1 .-rR3y .ow-Rk ._-5lWE {
    font-weight: 600
}

.r0epo .Ti--1 .-rR3y .ow-Rk.vXH-- {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.r0epo .Ti--1 .-rR3y .ow-Rk.pYah- {
    width: 20%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    color: #000c
}

._9K0DZ {
    background-color: #ffffff03
}

._9K0DZ,
.wFdwF,
.zeVND {
    width: 100%
}

.zeVND {
    border-radius: 10px 10px 0 0;
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
    mask-image: linear-gradient(180deg, #000 60%, transparent)
}

.X8CJ1 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .X8CJ1 {
        display: none
    }
}

._5lXNz {
    display: none;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    ._5lXNz {
        display: block
    }
}

.Ct0F4 {
    padding: 0 1rem 2.5rem;
    text-align: center
}

.R0BJz {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:1024px) {
    .R0BJz {
        flex-direction: row;
        gap: .5rem
    }
}

.KDznf {
    color: var(--primaryColor);
    line-height: 2.5rem;
    line-height: 1.25
}

.KDznf,
.QBpl5 {
    font-size: 2.25rem;
    font-weight: 800;
    text-transform: uppercase
}

.QBpl5 {
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(244 247 251/var(--tw-text-opacity, 1))
}

.bM6dV {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.625;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 28rem;
    --tw-text-opacity: 1;
    color: rgb(241 247 254/var(--tw-text-opacity, 1))
}

.EEyr9 {
    color: var(--primaryColor);
    font-weight: 700
}

.pLMD2 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.-l8zu {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width:1024px) {
    .-l8zu {
        flex-direction: row;
        justify-content: center
    }
}

.PjYx9 {
    align-items: center;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border-radius: .5rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    max-width: 400px;
    width: 100%;
    --tw-gradient-from: var(--primaryColor) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--primaryColorDegrade) var(--tw-gradient-to-position);
    font-weight: 700;
    padding: .75rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    --tw-shadow: 0 4px 0 0 #00563e;
    --tw-shadow-colored: 0 4px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.PjYx9:hover {
    --tw-brightness: brightness(1.05);
    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)
}

.PjYx9 img {
    filter: invert(1)
}

.sqdRD {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    max-width: 400px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(241 247 254/var(--tw-bg-opacity, 1));
    font-weight: 700;
    padding: .75rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(5 7 29/var(--tw-text-opacity, 1));
    --tw-shadow: 0 4px 0 0 #7c7c7c;
    --tw-shadow-colored: 0 4px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.sqdRD:hover {
    --tw-brightness: brightness(1.05);
    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)
}

.taMeH {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.n3rTX {
    padding-bottom: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.RIqfM {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .RIqfM {
        align-items: stretch;
        flex-direction: row;
        gap: 1.25rem;
        justify-content: center
    }
}

._0JQzE {
    border-radius: 12px;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem;
    overflow: hidden;
    width: 100%;
    --tw-border-opacity: 1;
    border-color: rgb(27 54 85/var(--tw-border-opacity, 1))
}

@media (min-width:1024px) {
    ._0JQzE {
        margin-left: 0;
        margin-right: 0
    }
}

.PshHX {
    border-radius: 12px 12px 0 0;
    height: unset;
    padding: 1.25rem 1rem;
    text-align: center
}

.PshHX:before {
    border-radius: 12px 12px 0 0 !important;
    --tw-content: "";
    content: var(--tw-content)
}

.hcNe- {
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(227 228 243/var(--tw-text-opacity, 1))
}

.LUEHc,
.hcNe- {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1.375
}

.LUEHc {
    color: var(--primaryColor);
    font-weight: 700
}

.AHQAp {
    align-items: center;
    background-position: 50%;
    background-size: cover;
    display: flex;
    height: 7rem;
    justify-content: center;
    width: 100%
}

@media (min-width:1024px) {
    .AHQAp {
        height: calc(100% - 78px)
    }
}

.D-9y- {
    background-color: var(--primaryColor);
    border-radius: 9999px;
    display: block;
    height: .25rem;
    margin: 1.5rem auto;
    opacity: .5;
    width: 91.666667%
}

@media (min-width:1024px) {
    .D-9y- {
        display: none
    }
}

.PaxCF {
    border-radius: .75rem;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem;
    padding: 1.5rem 1rem;
    width: 100%
}

@media (min-width:1024px) {
    .PaxCF {
        margin-left: 0;
        margin-right: 0
    }
}

.PcqQM {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.la0zQ {
    color: var(--primaryColor)
}

.Eb6RI>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.HF9Az {
    gap: .75rem
}

.HF9Az,
.KNYkC {
    align-items: center;
    display: flex
}

.KNYkC {
    background-color: var(--primaryColor);
    border-radius: .375rem;
    height: 1.75rem;
    justify-content: center;
    margin-top: .25rem;
    min-width: 28px;
    width: 1.75rem
}

.eVeEM {
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._1jit- {
    font-weight: 700;
    padding-inline-end: .25rem
}

.UEoLl {
    --tw-text-opacity: 1;
    color: rgb(174 177 200/var(--tw-text-opacity, 1))
}

.lB94f {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .lB94f {
        flex-direction: row;
        gap: 1.5rem
    }

    .h0RxB {
        width: 50%
    }
}

._7wF4X {
    background-color: #00000040;
    border-color: rgba(var(--primaryColorRGB), .1);
    border-radius: 20px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 28rem;
    padding: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.l-U8- {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-align: center
}

.Lmr4r {
    background-color: rgba(var(--primaryColorRGB), .5);
    border-radius: 8px;
    font-weight: 600;
    margin-top: 1rem;
    padding: .75rem 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(241 247 254/var(--tw-text-opacity, 1))
}

.RYSw7 {
    display: inline-block;
    margin-left: .5rem
}

._0Ur7j {
    margin-top: 1rem
}

._0Ur7j>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

._0Ur7j {
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: center
}

.-nfFP {
    border-color: rgba(var(--primaryColorRGB), .1);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    padding: .75rem
}

.FrQ2u,
._3jqxt {
    --tw-text-opacity: 1;
    color: rgb(241 247 254/var(--tw-text-opacity, 1))
}

._3jqxt {
    font-weight: 600
}

.L6Yc-,
.Wxz-S {
    color: var(--primaryColor);
    font-weight: 700
}

.L6Yc- {
    margin-left: .25rem;
    text-decoration-line: underline
}

._5oPqW {
    margin-top: 1rem
}

._1n2NT {
    background-color: var(--primaryColor);
    border-radius: 9999px;
    display: none;
    height: 480px;
    margin-left: 1rem;
    margin-right: 1rem;
    opacity: .5;
    padding: .125rem;
    width: 1px
}

@media (min-width:1024px) {
    ._1n2NT {
        display: block
    }
}

._1weni {
    background-color: var(--primaryColor);
    border-radius: 9999px;
    display: block;
    height: .25rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    opacity: .5;
    width: 91.666667%
}

@media (min-width:1024px) {
    ._1weni {
        display: none
    }

    .pX-NO {
        width: 50%
    }
}

.zso9G {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border-radius: 0 0 20px 20px;
    --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: rgba(var(--primaryColorRGB), .1) var(--tw-gradient-to-position);
    padding: 3rem 1rem
}

.FkVyN {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px
}

@media (min-width:768px) {
    .FkVyN {
        flex-direction: row
    }

    .RKhib {
        width: 33.333333%
    }
}

.ynDrM {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: .25rem;
    --tw-text-opacity: 1;
    color: rgb(241 247 254/var(--tw-text-opacity, 1))
}

._0YqL5 {
    color: #ffffff80;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1.625;
    margin-top: .5rem
}

.aPMw8 {
    background-color: var(--primaryColor);
    border-radius: 9999px;
    display: block;
    height: .25rem;
    margin-left: auto;
    margin-right: auto;
    opacity: .5;
    width: 91.666667%
}

@media (min-width:768px) {
    .aPMw8 {
        display: none
    }
}

.SwhM3 {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:768px) {
    .SwhM3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 66.666667%
    }
}

.SwhM3 ._1YlNN {
    border-radius: .75rem
}

.xUj7o {
    align-items: center;
    background-color: rgba(var(--primaryColorRGB), .25);
    border-radius: .6rem;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: .5rem;
    --tw-shadow: 0 6px 0 0 rgba(var(--primaryColorRGB), .1);
    --tw-shadow-colored: 0 6px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

._9z-BJ {
    align-items: center;
    background-color: var(--bgColor);
    border-radius: 7px;
    color: var(--primaryColor);
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    height: 2.75rem;
    justify-content: center;
    line-height: 1.5rem;
    width: 2.75rem
}

._9lMJI {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    width: 80%;
    --tw-text-opacity: 1
}

.Yw2yf,
._9lMJI {
    color: rgb(241 247 254/var(--tw-text-opacity, 1))
}

.Yw2yf {
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
    --tw-bg-opacity: 1;
    background-color: rgb(1 52 27/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    padding: .5rem 1rem 1rem;
    --tw-text-opacity: 1;
    --tw-shadow: 0 6px 0 0 rgba(var(--primaryColorRGB), .25);
    --tw-shadow-colored: 0 6px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.pdbVp {
    align-items: center;
    background-color: #ff9f431a;
    border-radius: .5rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: 1rem;
    padding: .75rem 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .pdbVp {
        justify-content: flex-start;
        margin-top: 1.5rem;
        padding: 1rem 1.25rem
    }
}

.pdbVp.gpa1V {
    margin-bottom: 1rem;
    margin-top: 0
}

@media (min-width:640px) {
    .pdbVp.gpa1V {
        margin-bottom: 1.5rem
    }
}

.pdbVp .DxYoV {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.pdbVp .DxYoV p {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

@media (min-width:640px) {
    .pdbVp .DxYoV p {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.pdbVp ._-0sn0 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .75rem;
    justify-content: center
}

@media (min-width:640px) {
    .pdbVp ._-0sn0 {
        gap: 1rem;
        justify-content: flex-start
    }
}

.pdbVp ._-0sn0 li {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 600;
    gap: .25rem;
    justify-content: center;
    line-height: 1rem;
    white-space: nowrap
}

@media (min-width:368px) {
    .pdbVp ._-0sn0 li {
        flex-direction: row;
        gap: .375rem
    }
}

@media (min-width:640px) {
    .pdbVp ._-0sn0 li {
        font-size: .875rem;
        gap: .5rem;
        line-height: 1.25rem
    }
}

.pdbVp ._-0sn0 li .NY40r {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    height: .75rem;
    justify-content: center;
    width: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
    font-size: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .pdbVp ._-0sn0 li .NY40r {
        font-size: .62rem;
        height: .875rem;
        width: .875rem
    }
}

.pdbVp ._-0sn0 li .NY40r.a6dVJ {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.pdbVp ._-0sn0 li .NY40r.FY8my {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.pdbVp.GGc1D {
    background-color: transparent;
    margin-bottom: .75rem;
    padding: 0
}

.pdbVp.GGc1D ._-0sn0 {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: .25rem
}

._94Q8s {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem
}

@media (min-width:768px) {
    ._94Q8s {
        padding: 0 .5rem
    }
}

._94Q8s.hzZPs {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._94Q8s .g5YkC {
    align-items: center;
    display: flex;
    justify-content: space-between
}

._94Q8s .g5YkC .gvPJB {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

._94Q8s .g5YkC .gvPJB span {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

._94Q8s .g5YkC .nZvE6 {
    align-items: center;
    background-color: #fff3;
    border-radius: 9999px;
    display: flex;
    font-size: .6rem;
    font-weight: 600;
    gap: .25rem;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._94Q8s .g5YkC .nZvE6.qzYqb {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

._94Q8s .g5YkC .nZvE6.kTieu {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

._94Q8s .g5YkC .cyeNp {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    ._94Q8s .g5YkC .cyeNp {
        font-size: .75rem;
        line-height: 1rem
    }
}

._94Q8s .ihDn- {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    ._94Q8s .ihDn- {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

._94Q8s .ihDn- .Yohhm {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(3 28 222);
}

._94Q8s ._3hH0a {
    width: 100%
}

._94Q8s ._3hH0a .i1cl1 {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 450px
}

@media (min-width:768px) {
    ._94Q8s ._3hH0a .i1cl1 {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._94Q8s ._3hH0a .ybuu0 {
    margin-bottom: 1rem;
    max-width: 24rem;
    position: relative
}

._94Q8s ._3hH0a .ybuu0 label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

._94Q8s ._3hH0a .aXpF1 {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._94Q8s ._3hH0a .aXpF1[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.a0o4P {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem
}

@media (min-width:768px) {
    .a0o4P {
        padding: 0 .5rem
    }
}

.a0o4P.ZE9-w {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.a0o4P .ipY6L {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.a0o4P .ipY6L .bvE1z {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.a0o4P .ipY6L .bvE1z span {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.a0o4P .ipY6L .nhLJC {
    align-items: center;
    background-color: #fff3;
    border-radius: 9999px;
    display: flex;
    font-size: .6rem;
    font-weight: 600;
    gap: .25rem;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.a0o4P .ipY6L .nhLJC.R5sy1 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.a0o4P .ipY6L .nhLJC.aISZm {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.a0o4P .ipY6L ._8Oj5b {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .a0o4P .ipY6L ._8Oj5b {
        font-size: .75rem;
        line-height: 1rem
    }
}

.a0o4P .eZ-nD {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .a0o4P .eZ-nD {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.a0o4P .eZ-nD .gqU65 {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(3 28 222);
}

.a0o4P .s-lPk {
    width: 100%
}

.a0o4P .s-lPk .sSPb- {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 450px
}

@media (min-width:768px) {
    .a0o4P .s-lPk .sSPb- {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.a0o4P .s-lPk .gma-K {
    margin-bottom: 1rem;
    max-width: 20rem;
    position: relative
}

.a0o4P .s-lPk .gma-K label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.a0o4P .s-lPk ._7bY5j {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.a0o4P .s-lPk ._7bY5j[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.u0K40 {
    position: absolute;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51)
}

.dl2ic {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem;
    position: relative
}

@media (min-width:768px) {
    .dl2ic {
        padding: 0 .5rem
    }
}

.F8ZZ9 {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._3m6Ck {
    align-items: center;
    display: flex;
    justify-content: space-between
}

._4xGdu {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

._6KKgh {
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.F8TQg,
._6KKgh {
    --tw-text-opacity: 1
}

.F8TQg {
    align-items: center;
    border-radius: 9999px;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    display: flex;
    font-size: .6rem;
    font-weight: 600;
    gap: .25rem;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem
}

.x-JOi {
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.Nxc46,
.x-JOi {
    --tw-bg-opacity: 1
}

.Nxc46 {
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.JUGMY {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .JUGMY {
        font-size: .75rem;
        line-height: 1rem
    }
}

._8hi9w {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    ._8hi9w {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.zpCCz {
    cursor: pointer;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(3 16 222);
}

.fmL0a {
    width: 100%
}

.H95cN {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 100%
}

@media (min-width:768px) {
    .H95cN {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.s1jBd {
    margin-bottom: 1rem;
    max-width: 100%;
    padding: 0;
    position: relative
}

.TSsyT {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    gap: .375rem;
    line-height: 1rem;
    margin-bottom: .25rem
}

.JBH39 {
    display: inline-block;
    position: relative
}

.gNict {
    color: #ffffff80;
    cursor: help;
    font-size: .75rem;
    line-height: 1rem
}

.OLvKw {
    border-color: #fff3;
    border-radius: .25rem;
    border-width: 1px;
    bottom: 100%;
    left: 0;
    margin-bottom: .5rem;
    pointer-events: none;
    position: absolute;
    width: 12rem;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    color: #fffc;
    font-size: 10px;
    opacity: 0;
    padding: .5rem;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.WCzrX:hover .OLvKw {
    opacity: 1
}

.hCBaC {
    border-radius: .375rem;
    border-width: 0;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.hCBaC: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgba(3, 222, 99, .5)
}

.ChdXj {
    align-items: flex-end;
    justify-content: space-between;
    width: 100%
}

.ChdXj,
.UV-BQ {
    display: flex
}

.UV-BQ {
    align-items: center;
    border-radius: .375rem;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.UV-BQ:disabled {
    cursor: not-allowed;
    opacity: .4
}

.c4vtO {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem;
    position: relative
}

@media (min-width:768px) {
    .c4vtO {
        padding: 0 .5rem
    }
}

.c4vtO.R1HLb {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c4vtO .fneI- {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c4vtO .fneI- .wbyYO {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.c4vtO .fneI- .wbyYO span {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.c4vtO .fneI- .SNgSG {
    align-items: center;
    background-color: #fff3;
    border-radius: 9999px;
    display: flex;
    font-size: .6rem;
    font-weight: 600;
    gap: .25rem;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.c4vtO .fneI- .SNgSG._7dAAu {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.c4vtO .fneI- .SNgSG.AQoGO {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.c4vtO .fneI- ._43-Wa {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .c4vtO .fneI- ._43-Wa {
        font-size: .75rem;
        line-height: 1rem
    }
}

.c4vtO .haT02 {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .c4vtO .haT02 {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.c4vtO .haT02 .MZYzQ {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.c4vtO ._2jODJ {
    width: 100%
}

.c4vtO ._2jODJ ._4injO {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 100%
}

.c4vtO ._2jODJ ._0u8RX {
    margin-bottom: 1rem;
    max-width: 100%;
    padding: 0;
    position: relative
}

.c4vtO ._2jODJ ._0u8RX label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.c4vtO ._2jODJ .YSX85,
.c4vtO ._2jODJ ._54Pfh {
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    border-radius: .375rem;
    border-width: 0;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .75rem 1rem;
    width: 100%
}

.c4vtO ._2jODJ .Nc77k,
.c4vtO ._2jODJ .YSX85,
.c4vtO ._2jODJ ._54Pfh {
    --tw-bg-opacity: 1;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1
}

.c4vtO ._2jODJ .Nc77k {
    align-items: center;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    border-radius: .375rem;
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    display: flex;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    padding: .5rem 1rem;
    white-space: nowrap;
    width: 8rem
}

.c4vtO ._2jODJ .Nc77k[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.c4vtO ._2jODJ .eTliR {
    align-items: center;
    border-radius: .375rem;
    border-width: 1px;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.c4vtO ._2jODJ .eTliR:hover {
    opacity: .9
}

.JNz9v {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem
}

@media (min-width:768px) {
    .JNz9v {
        padding: 0 .5rem
    }
}

.JNz9v.vDVos {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.JNz9v .FB7M2 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.JNz9v .FB7M2 .iaoSJ {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.JNz9v .FB7M2 .iaoSJ span {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.JNz9v .FB7M2 .xgE9u {
    align-items: center;
    background-color: #fff3;
    border-radius: 9999px;
    display: flex;
    font-size: .6rem;
    font-weight: 600;
    gap: .25rem;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.JNz9v .FB7M2 .xgE9u.l5Qbc {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.JNz9v .FB7M2 .xgE9u.nwbwG {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.JNz9v .FB7M2 ._0fErc {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .JNz9v .FB7M2 ._0fErc {
        font-size: .75rem;
        line-height: 1rem
    }
}

.JNz9v .QGx-e {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .JNz9v .QGx-e {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.JNz9v .QGx-e .k0y9D {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.JNz9v .aX5Ce {
    position: relative;
    width: 100%
}

.JNz9v .aX5Ce .ZFe-2 {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 450px
}

@media (min-width:768px) {
    .JNz9v .aX5Ce .ZFe-2 {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.JNz9v .aX5Ce .O5-Cm {
    margin-bottom: 1rem;
    max-width: 100%;
    position: relative;
    z-index: 10
}

@media (min-width:768px) {
    .JNz9v .aX5Ce .O5-Cm {
        max-width: 20rem
    }
}

.JNz9v .aX5Ce .O5-Cm label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.JNz9v .aX5Ce .bRhhL {
    height: 4rem;
    margin-bottom: 1rem;
    max-width: 20rem;
    opacity: .6;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 0
}

@media (min-width:640px) {
    .JNz9v .aX5Ce .bRhhL {
        display: flex;
        justify-content: flex-start
    }
}

.JNz9v .aX5Ce .bRhhL.LXv0G {
    bottom: 0;
    height: 1px;
    margin-bottom: 2rem;
    position: absolute;
    right: -.25rem;
    width: 10rem
}

@media (min-width:768px) {
    .JNz9v .aX5Ce .bRhhL.LXv0G {
        top: -.75rem
    }
}

.JNz9v .aX5Ce .TRklb {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.JNz9v .aX5Ce .TRklb[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.JNz9v .aX5Ce .U77yI {
    align-items: center;
    border: 1px dashed hsla(0, 0%, 100%, .4);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    margin-top: .5rem;
    padding: 1.5rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .JNz9v .aX5Ce .U77yI {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width:1024px) {
    .JNz9v .aX5Ce .U77yI {
        flex-direction: row;
        text-align: left
    }
}

.JNz9v .aX5Ce .U77yI .MmJUN {
    align-items: center;
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    display: flex;
    height: 3rem;
    justify-content: center;
    min-width: 3rem;
    width: 3rem;
    --tw-border-opacity: 1;
    border-color: rgb(254 254 254/var(--tw-border-opacity, 1))
}

.JNz9v .aX5Ce .U77yI .MmJUN svg {
    font-size: 1.5rem;
    line-height: 2rem
}

.JNz9v .aX5Ce .U77yI .IXwnq,
.JNz9v .aX5Ce .U77yI .MmJUN svg {
    fill: #fefefe;
    min-width: 3rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.JNz9v .aX5Ce .U77yI .IXwnq {
    font-size: 3.75rem;
    line-height: 1
}

.JNz9v .aX5Ce .U77yI .Ahgeg {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.S0B2P {
    position: relative;
    z-index: 10;
    --switch-container-width: 36px;
    width: var(--switch-container-width)
}

.S0B2P,
.S0B2P .efCbc {
    align-items: center;
    display: flex
}

.S0B2P .efCbc {
    cursor: pointer
}

.S0B2P .efCbc .HlxFL {
    align-items: center;
    background-color: #ffffff26;
    border: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-shrink: 0;
    position: relative;
    --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);
    --tw-shadow-color: rgba(0, 0, 0, .05);
    --tw-shadow: var(--tw-shadow-colored);
    --switch-size: calc(var(--switch-container-width)/1.8);
    border-radius: var(--switch-size);
    flex-basis: var(--switch-container-width);
    height: var(--switch-size);
    transition: background-color .18s ease-in-out
}

.S0B2P .efCbc .HlxFL,
.S0B2P .efCbc .HlxFL:before {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.S0B2P .efCbc .HlxFL:before {
    background-color: #ffffff80;
    border-radius: 9999px;
    left: 0;
    position: absolute;
    z-index: 10;
    --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);
    --tw-shadow-color: rgba(0, 0, 0, .3);
    --tw-shadow: var(--tw-shadow-colored);
    --tw-content: "";
    content: var(--tw-content);
    height: calc(var(--switch-size) - 1px);
    transition: transform .25s ease-in-out;
    width: calc(var(--switch-size) - 1px)
}

.S0B2P .efCbc .HlxFL.GU-2W {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.S0B2P .efCbc .HlxFL.GU-2W:before {
    background-color: #ffffffe6;
    transform: translate(calc(var(--switch-container-width) - var(--switch-size)))
}

.S0B2P .efCbc .HlxFL.arNMD {
    cursor: not-allowed;
    opacity: .4
}

.-kmLx {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem;
    width: 100%
}

@media (min-width:768px) {
    .-kmLx {
        padding: 0 .5rem
    }
}

.-kmLx.Wd9F1 {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.-kmLx .qt5Hj {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.-kmLx .qt5Hj .c7RFX {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.-kmLx .qt5Hj .mgXDh {
    align-items: center;
    background-color: #fff3;
    border-radius: 9999px;
    display: flex;
    font-size: .6rem;
    font-weight: 600;
    gap: .25rem;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.-kmLx .qt5Hj .mgXDh.dOLFk {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.-kmLx .qt5Hj .mgXDh.ycOiz {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.-kmLx .qt5Hj ._-7YK7 {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .-kmLx .qt5Hj ._-7YK7 {
        font-size: .75rem;
        line-height: 1rem
    }
}

.-kmLx .FXs1g {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .-kmLx .FXs1g {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.-kmLx .FXs1g .WsW7t {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.-kmLx .U1rfM {
    width: 100%
}

.-kmLx .U1rfM .-SRfx {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 100%
}

@media (min-width:768px) {
    .-kmLx .U1rfM .-SRfx {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.-kmLx .U1rfM .A18wC {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    list-style-type: none
}

.-kmLx .U1rfM .A18wC .kN52l {
    align-items: center;
    background-color: #ffffff0d;
    border-radius: .5rem;
    display: flex;
    gap: 1rem;
    padding: .5rem 1rem
}

@media (min-width:768px) {
    .-kmLx .U1rfM .A18wC .kN52l {
        gap: .75rem;
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

.-kmLx .U1rfM .A18wC .kN52l span {
    color: #ffffffe6;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:768px) {
    .-kmLx .U1rfM .A18wC .kN52l span {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.-kmLx .U1rfM .A18wC .kN52l span.FS-Dq {
    align-items: center;
    display: flex;
    font-size: .675rem;
    font-weight: 500;
    gap: .25rem;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .-kmLx .U1rfM .A18wC .kN52l span.FS-Dq {
        font-size: .75rem;
        line-height: 1rem
    }
}

.-kmLx .U1rfM .A18wC .kN52l span.FS-Dq svg {
    font-size: .675rem;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.-kmLx .U1rfM .A18wC .kN52l ._5EbVs {
    align-items: flex-start;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: .125rem
}

@media (min-width:768px) {
    .-kmLx .U1rfM .A18wC .kN52l ._5EbVs {
        align-items: center;
        flex-direction: row;
        gap: .5rem
    }
}

.-kmLx .U1rfM .A18wC .kN52l ._5EbVs .ajB2k {
    color: #ffffff80;
    display: none;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:768px) {
    .-kmLx .U1rfM .A18wC .kN52l ._5EbVs .ajB2k {
        display: block
    }
}

.-kmLx .U1rfM .A18wC .kN52l ._5EbVs .WP7gu {
    color: #ffffff80;
    font-size: .675rem
}

@media (min-width:768px) {
    .-kmLx .U1rfM .A18wC .kN52l ._5EbVs .WP7gu {
        font-size: .75rem;
        line-height: 1rem
    }
}

.-kmLx .U1rfM .A18wC .kN52l ._5EbVs .sQ4g4 {
    font-size: .675rem;
    margin-left: 0
}

@media (min-width:768px) {
    .-kmLx .U1rfM .A18wC .kN52l ._5EbVs .sQ4g4 {
        font-size: .75rem;
        line-height: 1rem;
        margin-left: auto
    }
}

.-kmLx .U1rfM .A18wC .kN52l ._5EbVs strong {
    font-weight: 600
}

.-kmLx .U1rfM .A18wC .kN52l ._5EbVs a {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .675rem;
    gap: .375rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.-kmLx .U1rfM .A18wC .kN52l ._5EbVs a svg {
    font-size: .6rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.-kmLx .U1rfM .RhQGV {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.-kmLx .U1rfM .RhQGV[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.Bn82d {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem
}

@media (min-width:768px) {
    .Bn82d {
        padding: 0 .5rem
    }
}

.Bn82d.TmdqH {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.Bn82d .o9WQB {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.Bn82d .o9WQB .wdeWh {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.Bn82d .o9WQB .iKYXg {
    background-color: #fff3;
    border-radius: 9999px;
    font-size: .6rem;
    font-weight: 600;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.Bn82d .o9WQB .iKYXg.yOKyP {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.Bn82d .o9WQB .iKYXg.LxEPZ {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.Bn82d .o9WQB .lQ6u7 {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .Bn82d .o9WQB .lQ6u7 {
        font-size: .75rem;
        line-height: 1rem
    }
}

.Bn82d .-bfeR {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .Bn82d .-bfeR {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.Bn82d .-bfeR ._8uw-A {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.Bn82d .DWglR {
    width: 100%
}

.Bn82d .DWglR .AGPbg {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 540px
}

@media (min-width:768px) {
    .Bn82d .DWglR .AGPbg {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.c7u56 {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start;
    width: 100%
}

@media (min-width:768px) {
    .c7u56 {
        gap: 1rem
    }
}

.c7u56 .umrvO {
    flex: 1 1 0%;
    min-width: 50%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .c7u56 .umrvO {
        min-width: 20%
    }
}

.c7u56 .umrvO label {
    font-weight: 500
}

.c7u56 .umrvO label,
.ki67r {
    font-size: .75rem;
    line-height: 1rem
}

.ki67r {
    margin-bottom: .5rem;
    margin-top: .75rem;
    padding-left: .125rem;
    padding-right: .125rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.ki67r strong {
    font-weight: 700;
    white-space: nowrap
}

.F4hSm {
    border-radius: .375rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.F4hSm,
.TMmKY {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center
}

.TMmKY {
    border: 1px dotted hsla(0, 0%, 100%, .4);
    border-radius: .5rem;
    color: #ffffff80;
    cursor: pointer;
    flex-direction: column;
    padding: 1.25rem 1.5rem;
    text-align: center
}

@media (min-width:768px) {
    .TMmKY {
        flex-direction: row;
        justify-content: space-between;
        text-align: left
    }
}

.TMmKY .ndUko {
    border-radius: .375rem;
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.p73Kx {
    align-items: center;
    display: flex;
    gap: .5rem;
    padding: .875rem .375rem;
    white-space: nowrap;
    width: 100%
}

.p73Kx,
.p73Kx .OnBCI {
    flex-wrap: wrap
}

.p73Kx.g8-OJ {
    padding-bottom: .5rem;
    padding-top: .5rem;
    row-gap: 0
}

.p73Kx.g8-OJ span:not(.OnBCI) {
    font-size: .675rem;
    opacity: .5
}

.p73Kx.g8-OJ .OnBCI span {
    opacity: 1
}

.p73Kx.g8-OJ .OnBCI span:not(._6tyMA) {
    font-size: .875rem;
    line-height: 1.25rem
}

.p73Kx.g8-OJ span.FCevf {
    margin-top: .125rem;
    white-space: normal;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1));
    opacity: .9
}

._6tyMA,
.p73Kx.g8-OJ span.FCevf {
    font-size: .6rem;
    line-height: .75rem
}

._6tyMA {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    font-weight: 700;
    gap: .25rem;
    margin-right: auto;
    padding: .125rem .375rem;
    position: relative
}

._6tyMA.PTXU- {
    background-color: #03de631a;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._6tyMA.PTXU-,
._6tyMA.eIXYd {
    --tw-text-opacity: 1
}

._6tyMA.eIXYd {
    background-color: #f1416c1a;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.ufijY {
    height: 1px;
    width: 100%
}

._03Czt {
    gap: 1.25rem
}

._03Czt,
._03Czt .c3CdG {
    display: flex
}

._03Czt .c3CdG {
    align-items: center;
    cursor: text;
    font-size: .75rem;
    line-height: 1rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    ._03Czt .c3CdG {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._03Czt .c3CdG.CaeFL {
    cursor: not-allowed;
    opacity: .6
}

._03Czt .c3CdG.LKyLj {
    cursor: pointer
}

._03Czt .c3CdG .ELWPR {
    border-radius: 9999px;
    border-style: solid;
    border-width: 1px;
    margin-right: .5rem;
    min-height: .75rem;
    min-width: .75rem;
    position: relative;
    --tw-border-opacity: 1;
    border-color: rgb(254 254 254/var(--tw-border-opacity, 1))
}

@media (min-width:768px) {
    ._03Czt .c3CdG .ELWPR {
        border-width: 2px;
        min-height: 1rem;
        min-width: 1rem
    }
}

._03Czt .c3CdG .Zfekr {
    display: none
}

._03Czt .c3CdG .Zfekr:checked+.ELWPR {
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1))
}

._03Czt .c3CdG .Zfekr:checked+.ELWPR:after {
    content: "";
    height: .375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    width: .375rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    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(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

@media (min-width:768px) {
    ._03Czt .c3CdG .Zfekr:checked+.ELWPR:after {
        height: .5rem;
        width: .5rem
    }
}

.TiVcd {
    display: flex;
    flex-wrap: wrap;
    gap: 0
}

.TiVcd label {
    border-color: #ffffff0d;
    border-top: 1px hsla(0, 0%, 100%, .05);
    border-style: solid
}

.TiVcd label:last-of-type {
    border-bottom-width: 1px
}

.neQwG {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem
}

@media (min-width:768px) {
    .neQwG {
        padding: 0 .5rem
    }
}

.neQwG.u4O2d {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.neQwG .CsHAV {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.neQwG .CsHAV .tAWeP {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.neQwG .CsHAV ._1wanH {
    background-color: #fff3;
    border-radius: 9999px;
    font-size: .6rem;
    font-weight: 600;
    line-height: .75rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.neQwG .CsHAV ._1wanH.figHF {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.neQwG .CsHAV ._1wanH.ztEXo {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.neQwG .CsHAV .Xu5XB {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .neQwG .CsHAV .Xu5XB {
        font-size: .75rem;
        line-height: 1rem
    }
}

.neQwG .N5Mwy {
    color: #fffc;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:768px) {
    .neQwG .N5Mwy {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.neQwG .N5Mwy .r7r99 {
    color: #ff9f43b3;
    font-size: .875rem;
    line-height: 1.25rem;
    max-width: 540px
}

@media (min-width:768px) {
    .neQwG .N5Mwy .r7r99 {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.neQwG .N5Mwy .ybRTO {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.neQwG .N5Mwy .-BqtH {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: 1rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.neQwG .N5Mwy .-BqtH[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.QvUpy,
.neQwG .vyfKe {
    width: 100%
}

.QvUpy {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start
}

.QvUpy ._9QRUY {
    flex: 1 1 0%;
    min-width: 50%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .QvUpy ._9QRUY {
        min-width: 20%
    }
}

.QvUpy ._9QRUY label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.QvUpy .fdh4M {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.QvUpy .fdh4M[disabled] {
    cursor: not-allowed;
    opacity: .4
}

.QvUpy .hKmHQ {
    align-items: center;
    background-color: #03de631a;
    border-radius: .25rem;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    height: auto;
    justify-content: flex-start;
    line-height: 1rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .QvUpy .hKmHQ {
        height: 50px
    }
}

.QvUpy .x4QJN {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    padding-left: .125rem;
    padding-right: .125rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.QvUpy .x4QJN strong {
    font-weight: 700;
    white-space: nowrap
}

.lD7kE {
    align-items: center;
    border: 1px dotted hsla(0, 0%, 100%, .4);
    border-radius: .5rem;
    color: #ffffff80;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    padding: 1.25rem 1.5rem;
    text-align: center
}

@media (min-width:768px) {
    .lD7kE {
        flex-direction: row;
        justify-content: space-between;
        text-align: left
    }
}

.lD7kE .QdkeF {
    border-radius: .375rem;
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.CN76k {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem
}

@media (min-width:768px) {
    .CN76k {
        padding: 0 .5rem
    }
}

.CN76k.Tb-Zr {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.CN76k ._3bOgY {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.CN76k ._3bOgY .ALOe4 {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.CN76k ._3bOgY .GQYRZ {
    background-color: #fff3;
    border-radius: 9999px;
    font-size: .6rem;
    font-weight: 600;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.CN76k ._3bOgY .GQYRZ.JCeBW {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.CN76k ._3bOgY .GQYRZ.JXAVH {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.CN76k ._3bOgY .QDGTg {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .CN76k ._3bOgY .QDGTg {
        font-size: .75rem;
        line-height: 1rem
    }
}

.CN76k .FErgT {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .CN76k .FErgT {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.CN76k .FErgT ._61Q9k {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.CN76k .MUVz2 {
    width: 100%
}

.CN76k .MUVz2 ._9Raxz {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 540px
}

@media (min-width:768px) {
    .CN76k .MUVz2 ._9Raxz {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.b-1HV {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start;
    width: 100%
}

.b-1HV .NMehe {
    flex: 1 1 0%;
    min-width: 50%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .b-1HV .NMehe {
        min-width: 20%
    }
}

.b-1HV .NMehe label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.b-1HV ._44QTb {
    border-radius: .375rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem
}

.b-1HV ._44QTb,
.b-1HV .idtHu {
    align-items: center;
    display: flex;
    gap: .5rem;
    --tw-text-opacity: 1
}

.b-1HV .idtHu {
    background-color: #03de631a;
    border-radius: .25rem;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    font-size: .75rem;
    height: auto;
    justify-content: flex-start;
    line-height: 1rem;
    padding: .5rem .75rem
}

@media (min-width:768px) {
    .b-1HV .idtHu {
        height: 50px
    }
}

.b-1HV .su8Gc {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    padding-left: .125rem;
    padding-right: .125rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.b-1HV .su8Gc strong {
    font-weight: 700;
    white-space: nowrap
}

.JrXc7 {
    align-items: center;
    border: 1px dotted hsla(0, 0%, 100%, .4);
    border-radius: .5rem;
    color: #ffffff80;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    padding: 1.25rem 1.5rem;
    text-align: center
}

@media (min-width:768px) {
    .JrXc7 {
        flex-direction: row;
        justify-content: space-between;
        text-align: left
    }
}

.JrXc7 .nxQFw {
    border-radius: .375rem;
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._1Atxy {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem
}

@media (min-width:768px) {
    ._1Atxy {
        padding: 0 .5rem
    }
}

._1Atxy.qqBCy {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._1Atxy .Vy54Q {
    align-items: center;
    display: flex;
    justify-content: space-between
}

._1Atxy .Vy54Q .L4UGD {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

._1Atxy .Vy54Q .-otnJ {
    background-color: #fff3;
    border-radius: 9999px;
    font-size: .6rem;
    font-weight: 600;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._1Atxy .Vy54Q .-otnJ.P8n4o {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

._1Atxy .Vy54Q .-otnJ._6GbcA {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

._1Atxy .Vy54Q .eKPnq {
    font-size: .675rem;
    font-weight: 700;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    ._1Atxy .Vy54Q .eKPnq {
        font-size: .75rem;
        line-height: 1rem
    }
}

._1Atxy .mbaKx {
    color: #fffc;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    ._1Atxy .mbaKx {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

._1Atxy .mbaKx .Hf-MW {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._1Atxy .JSH2X {
    width: 100%
}

._1Atxy .JSH2X .THwV9 {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 450px
}

@media (min-width:768px) {
    ._1Atxy .JSH2X .THwV9 {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._1Atxy .JSH2X .Q7oRi {
    row-gap: .25rem;
    width: 100%
}

@media (min-width:768px) {
    ._1Atxy .JSH2X .Q7oRi {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

._1Atxy .JSH2X .Q7oRi .Ro-LD {
    margin-bottom: 1rem;
    position: relative
}

._1Atxy .JSH2X .Q7oRi .Ro-LD label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

._1Atxy .JSH2X .Q7oRi .n0L39 {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    height: 46px;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1))
}

@media (min-width:640px) {
    ._1Atxy .JSH2X .Q7oRi .n0L39 {
        height: 50px
    }
}

._1Atxy .JSH2X .Q7oRi .n0L39.Z9fpn * {
    color: #fff6;
    cursor: not-allowed
}

._1Atxy .JSH2X .Q7oRi .n0L39 .mx6RU {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    flex-wrap: nowrap;
    gap: .25rem;
    height: 1.25rem;
    justify-content: center;
    position: absolute;
    right: 1rem;
    text-wrap: nowrap;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .6rem;
    padding-left: .5rem;
    padding-right: .5rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._1Atxy .JSH2X .Q7oRi .n0L39 .mx6RU.Z9fpn {
    cursor: not-allowed;
    opacity: .3
}

.inputToggle {
    justify-content: center;
    position: relative;
    z-index: 10;
    --switch-container-width: 36px;
    width: var(--switch-container-width)
}

.inputToggle,
.inputToggle .container {
    align-items: center;
    display: flex
}

.inputToggle .container {
    cursor: pointer
}

.inputToggle .container .input {
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    clip: rect(0, 0, 0, 0)
}

.inputToggle .container .switch {
    align-items: center;
    background-color: #ffffff26;
    border: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-shrink: 0;
    position: relative;
    --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);
    --tw-shadow-color: rgba(0, 0, 0, .05);
    --tw-shadow: var(--tw-shadow-colored);
    --switch-size: calc(var(--switch-container-width)/1.8);
    border-radius: var(--switch-size);
    flex-basis: var(--switch-container-width);
    height: var(--switch-size);
    transition: background-color .18s ease-in-out
}

.inputToggle .container .switch,
.inputToggle .container .switch:before {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.inputToggle .container .switch:before {
    background-color: #ffffff80;
    border-radius: 9999px;
    left: 0;
    position: absolute;
    z-index: 10;
    --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);
    --tw-shadow-color: rgba(0, 0, 0, .3);
    --tw-shadow: var(--tw-shadow-colored);
    --tw-content: "";
    content: var(--tw-content);
    height: calc(var(--switch-size) - 1px);
    transition: transform .25s ease-in-out;
    width: calc(var(--switch-size) - 1px)
}

.inputToggle .container .input:checked+.switch {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.inputToggle .container .input:checked+.switch:before {
    background-color: #ffffffe6;
    transform: translate(calc(var(--switch-container-width) - var(--switch-size)))
}

.inputToggle .container .input:focus:checked+.switch:before {
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1))
}

._6yZA0 {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .25rem
}

@media (min-width:768px) {
    ._6yZA0 {
        padding: 0 .5rem
    }
}

._6yZA0.t8SQ1 {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._6yZA0 .onOpl {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

._6yZA0 .onOpl .fFLoc {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: .5rem;
    line-height: 1rem
}

@media (min-width:640px) {
    ._6yZA0 .onOpl .fFLoc {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._6yZA0 .onOpl .n5obq {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

._6yZA0 .KZIt9 {
    color: #fffc;
    font-size: 1rem;
    line-height: 1.5rem
}

._6yZA0 .KZIt9 .hSQDS {
    font-size: .75rem;
    line-height: 1rem
}

.Mp2Xg {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-width: 0;
    height: 1px;
    --tw-gradient-from: rgba(var(--primaryColorRGB), 0) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(var(--primaryColorRGB), .6) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: rgba(var(--primaryColorRGB), 0) var(--tw-gradient-to-position)
}

.Mp2Xg.xKp0G {
    opacity: .6
}

.kqr7Z {
    align-items: center;
    background-color: #22bb331a;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 600;
    gap: .75rem;
    line-height: 1.25rem;
    margin-bottom: 1.25rem;
    padding: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .kqr7Z {
        flex-direction: row;
        text-align: left
    }
}

.kqr7Z .Xz4UG {
    align-items: center;
    background-color: #22bb334d;
    border-radius: 9999px;
    display: flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1.75rem;
    min-width: 2.25rem;
    width: 2.25rem
}

._6IzXL {
    align-items: stretch;
    background-color: #ffffff1a;
    justify-content: space-between;
    width: 100%
}

._6IzXL,
._6IzXL .cMAAN {
    border-radius: .5rem;
    display: flex;
    gap: .5rem;
    padding: .5rem
}

._6IzXL .cMAAN {
    align-items: center;
    background-color: #ffffff0d;
    border: 1px solid hsla(0, 0%, 100%, .05);
    cursor: pointer;
    flex: 1 1 0%;
    font-size: .75rem;
    font-weight: 600;
    justify-content: center;
    line-height: 1rem
}

@media (min-width:768px) {
    ._6IzXL .cMAAN {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._6IzXL .cMAAN.j-BGS {
    background-color: #1903de26;
    border-color: #0330de1a;
    --tw-text-opacity: 1;
    color: rgb(3 14 222);
    --tw-brightness: brightness(1.1);
    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)
}

._6IzXL .cMAAN .oqiza {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    height: 1rem;
    justify-content: center;
    width: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .6rem;
    font-weight: 600;
    letter-spacing: -.05em;
    line-height: 1;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._6IzXL .cMAAN.UQe-5 {
    flex: none;
    padding-left: .75rem;
    padding-right: .75rem
}

@keyframes WKiKu {
    to {
        transform: rotate(1turn)
    }
}

._6IzXL .j3Eay.tkXuT {
    animation: WKiKu 1s linear infinite
}

.GVmN8 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-top: 1rem
}

.GVmN8 .BHLKW {
    background-color: #ffffff1a;
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 9999px;
    color: #fffc;
    font-size: .675rem;
    font-weight: 600;
    padding: .125rem .5rem;
    white-space: nowrap
}

.GVmN8 .BHLKW:hover {
    background-color: #ffffff26;
    color: #ffffffe6;
    opacity: 1
}

.GVmN8 .BHLKW.PMTaJ {
    background-color: #03de631a;
    border-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 3 222);
}

.GVmN8 .BHLKW.SEq5- {
    background-color: #ffffff0d;
    color: #ffffff4d;
    cursor: default
}

.progress-bar[data-v-31eb3653] {
    background-color: rgb(1 6 51);
    height: .25rem;
    margin-top: .25rem;
    position: relative;
    width: 100%
}

.progress-bar[data-v-31eb3653],
.progress-bar div[data-v-31eb3653] {
    border-radius: .375rem;
    --tw-bg-opacity: 1
}

.progress-bar div[data-v-31eb3653] {
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    height: 100%
}

.BH9rV {
    align-items: flex-start;
    background-color: #ffffff0d;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    justify-content: space-between;
    padding: .75rem
}

@media (min-width:768px) {
    .BH9rV {
        align-items: center;
        flex-direction: row;
        gap: 1rem;
        padding: 1rem
    }
}

.BH9rV .OHh9j {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.BH9rV ._4cpsa {
    border-radius: .5rem;
    height: 3rem;
    min-width: 3rem;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 3rem
}

.BH9rV ._4cpsa img {
    -o-object-fit: cover;
    object-fit: cover
}

.BH9rV ._4cpsa .EUgbp,
.BH9rV ._4cpsa img {
    height: 100%;
    width: 100%
}

.BH9rV ._4cpsa .EUgbp {
    align-items: center;
    background-color: #03de631a;
    border: 1px solid rgba(3, 222, 99, .2);
    border-radius: .5rem;
    display: flex;
    font-size: 1.5rem;
    justify-content: center;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.BH9rV .Pb2Nf {
    display: flex;
    flex-direction: column;
    margin-right: auto
}

.BH9rV .Pb2Nf .RllaO {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.BH9rV .Pb2Nf .RllaO,
.BH9rV .Pb2Nf .WFApu {
    font-size: .875rem;
    line-height: 1.25rem
}

.BH9rV .Pb2Nf .WFApu {
    align-items: center;
    color: #ffffffb3;
    display: flex
}

.BH9rV .Pb2Nf .WFApu .K6Nwv {
    background-color: #fff3;
    height: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    width: 1px
}

.BH9rV .XiMDK {
    align-items: stretch;
    gap: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.BH9rV .XiMDK,
.BH9rV .XiMDK .LSKTZ {
    display: flex
}

.BH9rV .XiMDK .LSKTZ {
    align-items: center;
    background-color: #ffffff1a;
    border-radius: .375rem;
    color: #ffffffb3;
    flex-direction: column;
    font-size: .75rem;
    justify-content: center;
    line-height: 1rem;
    line-height: 1;
    padding-bottom: .375rem;
    padding-top: .375rem;
    width: 9rem
}

.BH9rV .XiMDK .LSKTZ ._11kXh {
    color: #ffffff80;
    font-size: .675rem;
    font-weight: 500
}

.BH9rV .XiMDK .LSKTZ ._2wj3O {
    color: #ffffffb3;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem
}

.BH9rV .XiMDK .LSKTZ._9gWde {
    background-color: #f1416c33;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.BH9rV .XiMDK .sj7yg {
    border-radius: .375rem;
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.BH9rV .XiMDK .sj7yg:disabled {
    cursor: not-allowed;
    opacity: .5
}

.BH9rV .fQ8t0 {
    align-items: stretch;
    border-radius: .375rem;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    min-width: 11rem;
    padding: .375rem .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.BH9rV .fQ8t0 .p-7hA {
    align-items: center;
    display: flex;
    font-weight: 600;
    gap: .25rem
}

.BH9rV .fQ8t0 .p-7hA,
.BH9rV .fQ8t0 .p-7hA .IsSdg {
    font-size: .75rem;
    line-height: 1rem
}

.BH9rV .fQ8t0 .p-7hA .IsSdg {
    color: #ffffffb3
}

.BH9rV .fQ8t0 .xAoHn {
    font-size: .675rem;
    font-weight: 500;
    opacity: .7
}

.BH9rV.O60Sy {
    padding: 1.5rem;
    text-align: center
}

.BH9rV.O60Sy,
.BH9rV.O60Sy .OHh9j {
    align-items: center;
    flex-direction: column
}

.BH9rV.O60Sy ._4cpsa {
    border-radius: .75rem;
    height: 6rem;
    min-width: 6rem;
    width: 6rem
}

.BH9rV.O60Sy ._4cpsa .EUgbp {
    border-radius: .75rem;
    font-size: 2.25rem;
    line-height: 2.5rem
}

.BH9rV.O60Sy .Pb2Nf {
    margin-bottom: -.25rem;
    margin-right: 0
}

.BH9rV.O60Sy .Pb2Nf .RllaO {
    font-size: 1rem;
    line-height: 1.5rem
}

.BH9rV.O60Sy .Pb2Nf .WFApu {
    justify-content: center
}

.Jbc2L {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    padding: 1.25rem
}

.Jbc2L .liYUF {
    color: rgb(3 14 222);
    font-size: 2.25rem;
    line-height: 2.5rem
}

.Jbc2L .RkNaT,
.Jbc2L .liYUF {
    --tw-text-opacity: 1
}

.Jbc2L .RkNaT {
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    text-align: center
}

.YU-S3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.YU-S3 .GXkvv {
    height: 7rem;
    margin-bottom: 2rem;
    position: relative;
    width: 7rem
}

.YU-S3 .GXkvv .G2q5- {
    height: 100%;
    width: 100%;
    --tw-rotate: -90deg;
    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))
}

.YU-S3 .GXkvv .G2q5- .NYKYr {
    fill: none;
    stroke: #ffffff1a;
    stroke-width: 4
}

.YU-S3 .GXkvv .G2q5- .tHxF2 {
    animation: TrPBO 1s ease-in-out forwards;
    animation-delay: var(--animation-delay);
    fill: none;
    stroke: #2b3;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
    stroke-width: 4
}

.YU-S3 .GXkvv .G2q5- ._23TMg {
    animation: QFgl2 .3s ease-in-out forwards;
    animation-delay: var(--animation-delay);
    color: rgb(34 187 51/var(--tw-text-opacity, 1));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(90deg);
    transform-origin: center;
    width: 100%
}

.YU-S3 .GXkvv .G2q5- ._23TMg,
.YU-S3 .Kfi7R {
    --tw-text-opacity: 1;
    opacity: 0
}

.YU-S3 .Kfi7R {
    animation: XBZVw .6s ease-out forwards;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    transform: translateY(20px)
}

.YU-S3 .toDna {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin-top: 1rem
}

.YU-S3 .toDna .UcgV3 {
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1));
    font-weight: 600;
    padding: .75rem 2rem;
    --tw-text-opacity: 1;
    animation: XBZVw .6s ease-out forwards;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    opacity: 0;
    transform: translateY(20px);
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.YU-S3 .toDna .UcgV3:hover {
    background-color: #22bb33e6
}

.YU-S3 .toDna .lT54n {
    background-color: #fff3;
    border-radius: .5rem;
    font-weight: 600;
    padding: .75rem 2rem;
    --tw-text-opacity: 1;
    animation: XBZVw .6s ease-out forwards;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    opacity: 0;
    transform: translateY(20px);
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.YU-S3 .toDna .lT54n:hover {
    background-color: #ffffff4d
}

.YU-S3 .XCdRc {
    margin-top: .5rem
}

.YU-S3 .XCdRc button {
    animation: XBZVw .6s ease-out forwards;
    border-radius: .5rem;
    color: #ffffffb3;
    font-weight: 400;
    opacity: 0;
    padding: .5rem 1rem;
    transform: translateY(20px);
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.YU-S3 .XCdRc button:hover {
    color: #ffffffe6;
    text-decoration-line: underline
}

@keyframes TrPBO {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes QFgl2 {
    to {
        opacity: 1
    }
}

@keyframes XBZVw {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.dJ8S8 {
    padding: 2.5rem;
    text-align: center
}

.dJ8S8 .Va2dv {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    text-align: left;
    width: 100%
}

.dJ8S8 .UFdlr {
    gap: .5rem;
    text-align: center
}

.dJ8S8 .UFdlr,
.dJ8S8 .UFdlr .PfVUc {
    align-items: center;
    display: flex;
    justify-content: center
}

.dJ8S8 .UFdlr .PfVUc {
    background-color: #22bb331a;
    border-radius: 9999px;
    font-size: 1.25rem;
    height: 2rem;
    line-height: 1.75rem;
    width: 2rem;
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.dJ8S8 .UFdlr strong {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.dJ8S8 ._9MwQJ {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.dJ8S8 ._9MwQJ button {
    border-radius: .375rem;
    font-weight: 600;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: capitalize
}

.dJ8S8 ._9MwQJ button:first-child {
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.dJ8S8 ._9MwQJ button:first-child,
.dJ8S8 ._9MwQJ button:last-child {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.dJ8S8 ._9MwQJ button:last-child {
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.dJ8S8 ._9MwQJ button:disabled {
    cursor: not-allowed;
    opacity: .4
}

.GNmCS {
    padding-top: 1rem
}

@media (min-width:768px) {
    .GNmCS {
        padding-top: 1.25rem
    }
}

.GNmCS .z5i2x {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%
}

.GNmCS .z5i2x .-aJWQ {
    background-color: #ffffff0d;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    height: 5rem;
    width: 100%
}

.GNmCS .jWmwY {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

._8Ck7p {
    margin-top: 1.25rem
}

._7Jc3- {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%
}

@media (min-width:1024px) {
    ._7Jc3- {
        width: auto
    }
}

.wLfuQ {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    .wLfuQ {
        width: 10rem
    }
}

.wLfuQ .TJFlX {
    background-color: #fff3;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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) {
    .wLfuQ .TJFlX {
        font-size: .8rem
    }
}

.wLfuQ .TJFlX:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.wLfuQ .TJFlX strong {
    font-weight: 800
}

.wLfuQ .dxqjw {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.wLfuQ .dxqjw:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.wLfuQ .hHggr {
    padding: .5rem;
    white-space: nowrap
}

.wLfuQ .hHggr:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.wLfuQ .hHggr label {
    align-items: center;
    display: flex
}

.wLfuQ .hHggr input {
    border-radius: .25rem
}

.wLfuQ .hHggr .sS67m {
    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: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.JF1hq {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .JF1hq {
        justify-content: flex-end
    }
}

.JF1hq .JxkXR {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: 1rem;
    min-width: 2rem;
    width: 2rem
}

.JF1hq .GZ1F7,
.JF1hq .JxkXR {
    background-color: #ffffff1a;
    border-radius: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.JF1hq .GZ1F7 {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .JF1hq .GZ1F7 {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .JF1hq .GZ1F7 {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .JF1hq .GZ1F7 {
        width: 14rem
    }
}

.JF1hq .GZ1F7 input {
    font-size: .75rem;
    line-height: 1rem;
    padding-left: .375rem;
    padding-right: .375rem;
    width: 100%
}

@media (min-width:1280px) {
    .JF1hq .GZ1F7 input {
        font-size: .8rem
    }
}

.JF1hq .GZ1F7 input::-moz-placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.JF1hq .GZ1F7 input::placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .JF1hq .GZ1F7 input::-moz-placeholder {
        font-size: .8rem
    }

    .JF1hq .GZ1F7 input::placeholder {
        font-size: .8rem
    }
}

.pzPEj {
    animation: JVzQ2 .6s linear infinite
}

@keyframes JVzQ2 {
    to {
        transform: rotate(1turn)
    }
}

.TqmFM {
    align-items: center;
    grid-row: span 2/span 2;
    height: calc(100% + 30px);
    justify-content: center;
    margin: -15px;
    overflow: hidden;
    width: calc(100% + 30px);
    z-index: 0
}

.TqmFM,
._7awfZ {
    display: flex;
    position: relative
}

._7awfZ {
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.Wqh34 {
    color: var(--primaryColor);
    font-size: .65rem;
    margin-bottom: .5rem;
    opacity: .8;
    text-align: right;
    text-transform: uppercase
}

@media (min-width:768px) {
    .Wqh34 {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:1280px) {
    .Wqh34 {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 1
    }
}

.A2-j5 {
    gap: .5rem;
    justify-content: space-between;
    position: relative
}

.A2-j5,
.NspeQ {
    display: flex;
    flex-direction: column
}

.NspeQ {
    gap: .25rem
}

@media (min-width:412px) {
    .NspeQ {
        gap: .5rem
    }
}

.ZzV5r {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    line-height: 1;
    margin-bottom: .5rem;
    text-transform: uppercase
}

@media (min-width:412px) {
    .ZzV5r {
        font-size: 1.1rem;
        line-height: 1.5rem;
        line-height: 1
    }
}

@media (min-width:640px) {
    .ZzV5r {
        line-height: 1
    }
}

@media (min-width:1024px) {
    .ZzV5r {
        font-size: 1rem
    }
}

@media (min-width:1280px) {
    .ZzV5r {
        font-size: 1.2rem
    }
}

.ZzV5r._9FuRP {
    text-align: right
}

@media (min-width:700px) {
    .ZzV5r._9FuRP {
        font-size: 1.2rem
    }
}

@media (min-width:1024px) {
    .ZzV5r._9FuRP {
        font-size: 1.1rem
    }
}

@media (min-width:1400px) {
    .ZzV5r._9FuRP {
        font-size: 1.2rem
    }
}

.qj17j {
    gap: .5rem;
    justify-content: space-between;
    min-height: 200px
}

._8EvJA,
.qj17j {
    position: relative
}

._8EvJA {
    align-items: center;
    background-color: var(--bgColor);
    border-radius: 7px;
    display: flex;
    gap: 1rem;
    justify-content: center;
    padding: .5rem;
    text-transform: uppercase;
    white-space: nowrap;
    --tw-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width:768px) {
    ._8EvJA {
        padding-bottom: .625rem;
        padding-top: .625rem
    }
}

._8EvJA .kD9Ke {
    font-size: .75rem;
    font-weight: 800;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(253 224 71/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    ._8EvJA .kD9Ke {
        font-size: .8rem
    }
}

.lC3xs {
    display: flex;
    gap: .375rem
}

.lC3xs button {
    background-color: var(--primaryColor);
    border-radius: 6px;
    color: var(--textColorInvert);
    display: block;
    font-size: .7rem;
    font-weight: 900;
    line-height: 1;
    padding: 7px .5rem;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:412px) {
    .lC3xs button {
        font-size: .75rem
    }
}

@media (min-width:600px) {
    .lC3xs button {
        font-size: .8rem
    }
}

@media (min-width:768px) {
    .lC3xs button {
        font-size: .9rem
    }
}

@media (min-width:1280px) {
    .lC3xs button {
        font-size: .94rem
    }
}

.nvIqd {
    display: flex;
    justify-content: center;
    position: relative
}

.nvIqd,
.nvIqd .gZ9qA {
    border-radius: 9999px
}

.nvIqd .gZ9qA {
    height: 2.5rem;
    width: 2.5rem
}

.nvIqd .DvdCG {
    left: 50%;
    position: absolute;
    top: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    font-size: .5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: attr(data-percent);
    content: var(--tw-content)
}

.EVx0- {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

.EVx0- .Ma4oh {
    align-content: stretch;
    align-items: stretch;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:640px) {
    .EVx0- .Ma4oh {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width:768px) {
    .EVx0- .Ma4oh {
        gap: .75rem
    }
}

@media (min-width:1280px) {
    .EVx0- .Ma4oh {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width:1400px) {
    .EVx0- .Ma4oh {
        gap: 1.25rem
    }
}

.EVx0- .Ma4oh.fwzjA {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: .5rem
}

@media (min-width:768px) {
    .EVx0- .Ma4oh.fwzjA {
        margin-bottom: .75rem
    }
}

@media (min-width:1024px) {
    .EVx0- .Ma4oh.fwzjA {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width:1400px) {
    .EVx0- .Ma4oh.fwzjA {
        margin-bottom: 1.25rem
    }
}

._6klzZ {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 600px;
    position: relative;
    width: 100%
}

.mMF6F {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem;
    width: 100%
}

@media (min-width:768px) {
    .mMF6F {
        padding: 0 .5rem
    }
}

.mMF6F.Y0rCl {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mMF6F .yNtqu {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mMF6F .yNtqu .-dJAN {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.mMF6F .yNtqu .OHEi- {
    align-items: center;
    background-color: #fff3;
    border-radius: 9999px;
    display: flex;
    font-size: .6rem;
    font-weight: 600;
    gap: .25rem;
    line-height: .75rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.mMF6F .yNtqu .OHEi-.lU6KG {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.mMF6F .yNtqu .OHEi-.vsh0K {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.mMF6F .yNtqu .ZxU9N {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

.mMF6F .Zgjat {
    color: #fffc;
    font-size: 1rem;
    line-height: 1.5rem
}

.mMF6F .Zgjat .eMcD1 {
    font-size: .75rem;
    line-height: 1rem
}

.mMF6F .BIyvI .j51YU {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 500px
}

@media (min-width:768px) {
    .mMF6F .BIyvI .j51YU {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.mMF6F .BIyvI .Gquwz {
    margin-bottom: .5rem
}

.mMF6F .BIyvI .Gquwz label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.mMF6F .BIyvI .Gquwz label span {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.mMF6F .BIyvI .zc0q0 {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.mMF6F .BIyvI .zc0q0:disabled {
    cursor: not-allowed;
    opacity: .4
}

.iWQcx {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem
}

@media (min-width:768px) {
    .iWQcx {
        padding: 0 .5rem
    }
}

.iWQcx.tSfyb {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.iWQcx ._6lCJ3 {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.iWQcx ._6lCJ3 .qZf2h {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: .5rem;
    line-height: 1rem
}

@media (min-width:640px) {
    .iWQcx ._6lCJ3 .qZf2h {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.iWQcx ._6lCJ3 .uefgu {
    cursor: wait;
    opacity: .3;
    white-space: nowrap
}

.iWQcx ._6lCJ3 .Zuyh5,
.iWQcx ._6lCJ3 .uefgu {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

.iWQcx ._6lCJ3 .Zuyh5 {
    opacity: .6
}

.iWQcx ._5QRNa {
    color: #fffc;
    font-size: 1rem;
    line-height: 1.5rem
}

.iWQcx ._5QRNa ._7hS8V {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem
}

.iWQcx ._5QRNa .MS0UC {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 1.25rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .iWQcx ._5QRNa .MS0UC {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.iWQcx ._5QRNa .eUQBV {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1.25rem
}

@media (min-width:768px) {
    .iWQcx ._5QRNa .eUQBV {
        align-items: center;
        flex-direction: row;
        gap: 1.25rem
    }
}

.iWQcx ._5QRNa .eUQBV .cqFjj {
    font-size: .875rem;
    line-height: 1.25rem
}

.iWQcx ._5QRNa .eUQBV .LiwG- {
    min-width: 10rem;
    width: 100%
}

@media (min-width:768px) {
    .iWQcx ._5QRNa .eUQBV .LiwG- {
        max-width: 13rem
    }
}

.iWQcx ._5QRNa .N45Lg {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: 1.25rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.iWQcx ._5QRNa .N45Lg:disabled {
    cursor: not-allowed;
    opacity: .4
}

.RV7bu {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .25rem
}

@media (min-width:768px) {
    .RV7bu {
        padding: 0 .5rem
    }
}

.RV7bu.qIf0N {
    opacity: .2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.RV7bu .lBjnr {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.RV7bu .lBjnr ._5KDEG {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.RV7bu .lBjnr .Z2f0s {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    opacity: .6;
    padding-left: .25rem;
    padding-right: .25rem;
    text-transform: uppercase
}

.RV7bu .s8YWC {
    color: #fffc;
    font-size: 1rem;
    line-height: 1.5rem
}

.RV7bu .s8YWC .vv7Ac {
    font-size: .75rem;
    line-height: 1rem
}

.RV7bu .s8YWC ._6jj1U {
    color: #ffffffb3;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    max-width: 100%
}

@media (min-width:768px) {
    .RV7bu .s8YWC ._6jj1U {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.RV7bu .s8YWC .vEjyv {
    align-items: center;
    border: solid hsla(0, 0%, 100%, .1);
    border-width: 0 0 1px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.RV7bu .s8YWC .vEjyv:first-child {
    margin-top: 1rem
}

.RV7bu .s8YWC .vEjyv:last-child {
    border-width: 0
}

.RV7bu .s8YWC .vEjyv .JFSK8 {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-left: 1rem
}

.RV7bu .s8YWC .vEjyv .JJLvS {
    align-items: center;
    display: flex;
    gap: .375rem
}

.JTrHM {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-width: 0;
    height: 1px;
    --tw-gradient-from: rgba(var(--primaryColorRGB), 0) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(var(--primaryColorRGB), .6) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: rgba(var(--primaryColorRGB), 0) var(--tw-gradient-to-position)
}

.JTrHM._8yOY3 {
    opacity: .6
}

.dXZSO {
    margin-top: 1.25rem
}

.ZgSln {
    width: 100%
}

@media (min-width:1024px) {
    .ZgSln {
        width: auto
    }
}

._53-OK {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    ._53-OK {
        width: 10rem
    }
}

._53-OK .kwjOt {
    background-color: #fff3;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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) {
    ._53-OK .kwjOt {
        font-size: .8rem
    }
}

._53-OK .kwjOt:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._53-OK .kwjOt strong {
    font-weight: 800
}

._53-OK .NwXpb {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

._53-OK .NwXpb:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

._53-OK .OCV-t {
    padding: .5rem;
    white-space: nowrap
}

._53-OK .OCV-t:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

._53-OK .OCV-t label {
    align-items: center;
    display: flex
}

._53-OK .OCV-t input {
    border-radius: .25rem
}

._53-OK .OCV-t .uFo6N {
    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: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.UYo2B {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .UYo2B {
        justify-content: flex-end
    }
}

.UYo2B .pfWzb {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: 1rem;
    min-width: 2rem;
    width: 2rem
}

.UYo2B .T3igo,
.UYo2B .pfWzb {
    background-color: #ffffff1a;
    border-radius: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.UYo2B .T3igo {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .UYo2B .T3igo {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .UYo2B .T3igo {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .UYo2B .T3igo {
        width: 14rem
    }
}

.UYo2B .T3igo input {
    background-color: transparent;
    font-size: .75rem;
    line-height: 1rem;
    width: 100%
}

@media (min-width:1280px) {
    .UYo2B .T3igo input {
        font-size: .8rem
    }
}

.UYo2B .T3igo input::-moz-placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.UYo2B .T3igo input::placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .UYo2B .T3igo input::-moz-placeholder {
        font-size: .8rem
    }

    .UYo2B .T3igo input::placeholder {
        font-size: .8rem
    }
}

.WDm1m {
    animation: Ik-4J .6s linear infinite
}

@keyframes Ik-4J {
    to {
        transform: rotate(1turn)
    }
}

.vAJmq {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

.vAJmq .vyoDZ {
    align-content: stretch;
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:768px) {
    .vAJmq .vyoDZ {
        gap: 1.5rem;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.QmLjH {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 600px;
    position: relative;
    width: 100%
}

.Rw3Ra {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.Rw3Ra[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.Rw3Ra svg {
    font-size: .875rem;
    line-height: 1.25rem
}

.e38qj {
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    padding: 1.25rem
}

.e38qj,
.e38qj .Zy1bx {
    align-items: center;
    display: flex;
    --tw-text-opacity: 1
}

.e38qj .Zy1bx {
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-top: .25rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.e38qj .uA439 {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding-left: .75rem;
    padding-right: .75rem;
    text-align: center
}

.e38qj .uA439 span {
    margin-left: .25rem
}

.e38qj .uA439 strong {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.e38qj .uA439._2ENwj {
    color: #fff9;
    font-size: .75rem;
    line-height: 1rem
}

.e38qj .ZvqlV {
    flex-direction: column;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem
}

.e38qj .ZvqlV,
.e38qj .ZvqlV ._0ycQG {
    align-items: center;
    display: flex;
    gap: .5rem;
    width: 100%
}

.e38qj .ZvqlV ._0ycQG {
    background-color: #ffffff0d;
    border-radius: .5rem;
    color: #ffffff80;
    flex: 1 1 0%;
    font-size: .75rem;
    justify-content: space-between;
    line-height: 1rem;
    margin-bottom: .5rem;
    padding: .5rem .75rem
}

.e38qj .ZvqlV ._0ycQG span {
    font-weight: 600
}

.e38qj .ZvqlV ._0ycQG span:last-of-type {
    color: #ffffff4d;
    font-weight: 500
}

.e38qj .ZvqlV ._0ycQG._2Ckgj {
    margin-top: -.5rem
}

.e38qj .ZvqlV ._0ycQG._2Ckgj span {
    font-weight: 500
}

.e38qj .ZvqlV ._0ycQG._2Ckgj span:last-of-type {
    color: #03de6399;
    font-weight: 700
}

.e38qj .ZvqlV .bJP9B {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin-bottom: .75rem;
    margin-top: .25rem;
    width: 100%
}

.e38qj .ZvqlV .bJP9B div {
    font-size: .75rem;
    line-height: 1rem
}

.e38qj .ZvqlV .bJP9B div a {
    border-bottom-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.e38qj .ZvqlV .bJP9B div strong {
    font-weight: 600
}

.e38qj .ZvqlV ._3XUgL {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    flex: 1 1 0%;
    gap: .5rem;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .75rem 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.e38qj .ZvqlV ._3XUgL:disabled {
    cursor: not-allowed;
    opacity: .4
}

.e38qj .ZvqlV ._3XUgL .lDibu {
    font-size: .875rem;
    line-height: 1.25rem
}

.e38qj .ZvqlV ._2gc7p {
    align-items: center;
    background-color: #ffffff1a;
    border-radius: .5rem;
    color: #fff9;
    display: flex;
    flex: 1 1 0%;
    font-size: .75rem;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    line-height: 1rem;
    padding: .75rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.e38qj .ZvqlV ._2gc7p:disabled {
    cursor: not-allowed;
    opacity: .4
}

.e38qj .ZvqlV ._2gc7p .lDibu {
    font-size: .875rem;
    line-height: 1.25rem
}

.ylKeT {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .ylKeT {
        padding: 1.5rem
    }
}

.ylKeT ._3i6Xo {
    font-weight: 700;
    margin-bottom: .75rem
}

.ylKeT .lGrcb {
    color: #fffc;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 20rem
}

.ylKeT .lGrcb strong {
    color: #03de63cc
}

.ylKeT .JE4YB {
    color: #ffffffb3;
    font-weight: 700;
    margin-bottom: 1.5rem;
    pointer-events: none
}

.ylKeT .JE4YB,
.ylKeT .efVQ5 {
    font-size: .875rem;
    line-height: 1.25rem
}

.ylKeT .efVQ5 {
    font-weight: 500;
    margin-top: 1.25rem;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.ylKeT .oGvLK {
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: .25rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.ylKeT .oGvLK:disabled:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.ylKeT .xHgGF {
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem
}

.ylKeT .xHgGF,
.ylKeT .xHgGF button {
    align-items: center;
    display: flex
}

.ylKeT .xHgGF button {
    border-radius: .375rem;
    font-weight: 700;
    gap: .375rem;
    height: 2.5rem;
    text-transform: uppercase
}

.ylKeT .xHgGF button:focus {
    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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ylKeT .xHgGF .fGJrV {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.ylKeT .xHgGF ._98Ttt {
    background-color: #ffffff1a;
    color: #ffffffb3;
    font-size: .75rem;
    line-height: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.promotions-view[data-v-1814b1a0] {
    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-1814b1a0] {
        gap: 25px
    }
}

.promotions-view .loading[data-v-1814b1a0] {
    width: 100%
}

.promotions-view .loading .load[data-v-1814b1a0] {
    border-radius: .25rem;
    flex: 1 1 0%;
    max-width: 100%;
    min-width: 90%;
    overflow: hidden
}

.promotions-view .thumb[data-v-1814b1a0] {
    align-items: center;
    aspect-ratio: 14/5;
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51)
}

.promotions-view .thumb[data-v-1814b1a0],
.promotions-view .thumb img[data-v-1814b1a0] {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.promotions-view .thumb img[data-v-1814b1a0] {
    height: auto;
    max-height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: auto
}

.promotions-view .title[data-v-1814b1a0] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-top: -.5rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .promotions-view .title[data-v-1814b1a0] {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.promotions-view .content[data-v-1814b1a0] {
    overflow: hidden;
    width: 100%
}

.promotions-view .content img[data-v-1814b1a0] {
    max-width: 100%
}

.promotions-section[data-v-1814b1a0] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between
}

@media (min-width:768px) {
    .promotions-section[data-v-1814b1a0] {
        gap: 25px
    }
}

.promotions-section .promo[data-v-1814b1a0] {
    border-radius: .25rem;
    cursor: pointer;
    flex: 1 1 0%;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    text-decoration-line: none
}

.promotions-section .promo[data-v-1814b1a0]:hover {
    opacity: .9
}

.promotions-section .promo[data-v-1814b1a0] {
    max-width: 100%;
    min-width: 90%
}

@media (min-width:768px) {
    .promotions-section .promo[data-v-1814b1a0] {
        max-width: 50%;
        min-width: 45%
    }
}

.promotions-section .promo .thumb[data-v-1814b1a0] {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51)
}

.promotions-section .promo .thumb img[data-v-1814b1a0] {
    height: auto;
    min-width: 100%;
    width: 100%
}

.promotions-section .promo .title[data-v-1814b1a0] {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .75rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .promotions-section .promo .title[data-v-1814b1a0] {
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding: 1.25rem 1.5rem
    }
}

.promotions-container[data-v-1814b1a0] {
    margin-bottom: 1.5rem;
    margin-top: .5rem
}

@media (min-width:768px) {
    .promotions-container[data-v-1814b1a0] {
        margin-bottom: 2.5rem;
        margin-top: 1.25rem
    }
}

.promotions-title[data-v-1814b1a0] {
    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: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .promotions-title[data-v-1814b1a0] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.promotions-title svg[data-v-1814b1a0] {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: -.125rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.promotions-title.action[data-v-1814b1a0] {
    cursor: pointer
}

.promotions-title.action[data-v-1814b1a0]:hover {
    opacity: .8
}

.cactus-promotions.content {
    font-size: .75rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .cactus-promotions.content {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.cactus-promotions.content a:hover {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    text-decoration-line: underline
}

.cactus-promotions.content p {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.cactus-promotions.content img,
.cactus-promotions.content video {
    display: inline-block;
    height: auto;
    max-width: 100%
}

.cactus-promotions.content h1 {
    font-size: 2.5rem
}

.cactus-promotions.content h2 {
    font-size: 2rem
}

.cactus-promotions.content div:has(>figure>video) {
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto
}

.cactus-promotions.content figcaption {
    opacity: .15
}

.cactus-promotions.content ul {
    list-style: inside
}

.cactus-promotions.content ul li {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.cactus-promotions.content ol {
    list-style: decimal inside
}

.cactus-promotions.content ol li {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.cactus-promotions.content blockquote {
    border-left-width: 4px;
    border-radius: .25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.cactus-promotions.content blockquote p {
    margin: 0
}

.cactus-promotions.content .section-title {
    background-color: rgb(1 6 51);
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    padding: .5rem
}

.cactus-promotions.content .cta,
.cactus-promotions.content .section-title {
    border-radius: 1.5rem;
    margin-top: 3rem;
    --tw-bg-opacity: 1;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    text-align: center;
    text-transform: uppercase;
    --tw-text-opacity: 1
}

.cactus-promotions.content .cta {
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    color: rgb(0 21 16/var(--tw-text-opacity, 1));
    padding: 1rem
}

.cactus-promotions.content .wp-block-table {
    margin-bottom: .625rem;
    margin-top: .25rem
}

.cactus-promotions.content .wp-block-table table.has-background {
    background-color: #fff !important;
    border: 1px solid #fff;
    border-collapse: separate;
    border-spacing: 1px
}

.cactus-promotions.content .wp-block-table table.has-background th {
    width: 100dvw;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    color: #ffffffe6;
    padding: .625rem;
    text-align: center
}

.cactus-promotions.content .wp-block-table table.has-background tr td:first-child,
.cactus-promotions.content .wp-block-table table.has-background tr td:nth-child(2) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    color: #fefefe;
    padding: .625rem
}

.cactus-promotions.content .wp-block-table table.has-background tr td:nth-child(2) {
    width: 80%
}

.cactus-promotions.content .wp-block-group-is-layout-flex {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    --tw-text-opacity: 1;
    color: rgb(2 155 226/var(--tw-text-opacity, 1));
    max-height: 200px !important;
    min-height: 180px !important
}

.cactus-promotions.content .wp-block-group-is-layout-flex .has-medium-font-size {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0;
    padding: 0
}

.cactus-promotions.content div.cta-container {
    margin-bottom: 10px
}

.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[href="^http"] {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    text-decoration-line: none
}

.wp-block-social-links a[href="^http"]:hover {
    opacity: .9
}

.wp-block-social-links svg {
    color: currentColor;
    fill: currentColor;
    height: 1.25em;
    width: 1.25em
}

.wp-block-button__link {
    border-radius: 9999px;
    cursor: pointer;
    display: inline-block;
    overflow-wrap: break-word;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem 1.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(0 21 16/var(--tw-text-opacity, 1));
    text-decoration-line: none;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 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:hover {
    --tw-text-opacity: 1;
    color: rgb(0 21 16/var(--tw-text-opacity, 1));
    opacity: .8;
    text-decoration-line: none
}

.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-1d35d52e] {
    height: 800px;
    width: 100%
}

.promotions-iframe iframe[data-v-1d35d52e] {
    border: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 5
}

.m2Cba {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
    padding-bottom: 5rem;
    padding-top: 5rem;
    text-align: center
}

.m2Cba a {
    border-radius: 9999px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem 1rem
}

@media (min-width:768px) {
    .m2Cba a {
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding: .75rem 2rem
    }
}

.rqI4A {
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%;
    -ms-overflow-style: none
}

.rqI4A::-webkit-scrollbar {
    display: none
}

.rqI4A .UHNq- {
    border-collapse: separate;
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%;
    --tw-border-spacing-y: .375rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    gap: .25rem
}

.rqI4A .UHNq- .HGAlV th {
    background-color: #03de630d;
    color: #03de63b3;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .75rem 1rem;
    text-align: left;
    white-space: nowrap
}

.rqI4A .UHNq- .HGAlV th:first-child {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.rqI4A .UHNq- .HGAlV th:last-child {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.rqI4A .UHNq- .WXGKq td {
    background-color: #0000001a;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .75rem;
    text-align: left;
    vertical-align: top;
    white-space: nowrap
}

@media (min-width:768px) {
    .rqI4A .UHNq- .WXGKq td {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.rqI4A .UHNq- .WXGKq td:first-child {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.rqI4A .UHNq- .WXGKq td:last-child {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.rqI4A .UHNq- .WXGKq:nth-child(odd) td {
    background-color: #0000000d
}

.rqI4A .UHNq- .H32ns {
    border-radius: .25rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 600;
    line-height: .75rem;
    padding: .25rem
}

.rqI4A .UHNq- .H32ns.Vj0b- {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.rqI4A .UHNq- .H32ns.ckEys {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.rqI4A .UHNq- .H32ns.Yh-5H {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.rqI4A .UHNq- .H32ns.cs-1M {
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 255/var(--tw-bg-opacity, 1))
}

.rqI4A .UHNq- .H32ns svg {
    font-size: .75rem;
    line-height: 1rem
}

.rqI4A .UHNq- .H32ns small {
    line-height: .75rem;
    margin-bottom: -1px;
    margin-top: -1px
}

.Vh0FN {
    background-color: #03de6326;
    border-radius: .375rem;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .25rem
}

.Vh0FN:hover {
    opacity: .7
}

.Vh0FN.pb39E {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.Vh0FN._25qct {
    background-color: #f1416c26;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.Vh0FN.I01ps,
.Vh0FN._2V04h {
    background-color: #ff9f4326;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.Vh0FN.sq03n {
    cursor: not-allowed;
    opacity: .4
}

.F9gAI {
    position: relative;
    width: 100%
}

.F9gAI ._2B7XG {
    margin: -1rem -1rem 1rem;
    min-width: 100%;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .F9gAI ._2B7XG {
        margin: -1.5rem -1.5rem 1.25rem
    }
}

.F9gAI ._2B7XG:after {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: -3%;
    top: 0;
    width: 80px;
    z-index: 10;
    --tw-gradient-from: #003628 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 54, 40, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-content: "";
    content: var(--tw-content)
}

.F9gAI ._2B7XG:before {
    border-bottom: 2px hsla(0, 0%, 100%, .1);
    border-style: solid;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    --tw-content: "";
    content: var(--tw-content)
}

.F9gAI ._2B7XG .TmK2O {
    display: flex;
    overflow-x: auto;
    padding-left: .5rem;
    padding-right: 2.5rem;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .F9gAI ._2B7XG .TmK2O {
        padding-left: 1rem
    }
}

.F9gAI ._2B7XG .TmK2O {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.F9gAI ._2B7XG .TmK2O ._3Sbmo {
    border-bottom-color: #fff0;
    border-bottom-width: 2px;
    color: #fff9;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .75rem .5rem;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width:768px) {
    .F9gAI ._2B7XG .TmK2O ._3Sbmo {
        font-size: .875rem;
        line-height: 1.25rem;
        padding: 1rem .75rem
    }
}

.F9gAI ._2B7XG .TmK2O ._3Sbmo[aria-selected=true] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.F9gAI .XNW0o {
    margin-bottom: .5rem;
    overflow: hidden;
    position: relative
}

.F9gAI .XNW0o:after {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: -3%;
    top: 0;
    width: 80px;
    z-index: 10;
    --tw-gradient-from: #003628 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 54, 40, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-content: "";
    content: var(--tw-content)
}

.F9gAI .XNW0o .Yir83 {
    display: flex;
    overflow-x: auto;
    position: relative;
    scrollbar-width: none;
    width: 100%;
    -ms-overflow-style: none
}

._6LUMB {
    margin-top: 0;
    width: 100%
}

._-2s9o {
    height: auto;
    margin: 0;
    max-width: 792px;
    width: 100%
}

._3qn2o {
    align-items: center;
    display: flex;
    font-size: .65rem;
    font-weight: 600;
    gap: .375rem;
    justify-content: center;
    text-transform: uppercase;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._3qn2o .R5m-m {
    border-radius: 9999px;
    overflow: hidden
}

._3qn2o .R5m-m,
._3qn2o .R5m-m.uF6Z2 {
    font-size: .75rem;
    line-height: 1rem
}

._3qn2o .R5m-m.uF6Z2 {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.f5h-R {
    display: flex;
    flex-direction: column;
    line-height: 100%;
    min-height: 100%;
    min-width: 70vw
}

@media (min-width:768px) {
    .f5h-R {
        min-width: 365px
    }
}

.f5h-R .IR9D5 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: .5rem;
    position: relative
}

.f5h-R .IR9D5 ._1uK96 {
    height: 2rem;
    position: absolute;
    right: 0;
    top: -1rem;
    width: 2rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    opacity: .2
}

@media (min-width:1024px) {
    .f5h-R .IR9D5 ._1uK96 {
        height: 2.5rem;
        right: .5rem;
        top: .5rem;
        width: 2.5rem
    }
}

.f5h-R .IR9D5 ._1uK96 svg {
    height: 100%;
    width: 100%
}

.f5h-R .IR9D5 .FoLjG {
    color: #ffffffb3;
    display: inline-flex;
    padding-bottom: .5rem
}

.f5h-R .IR9D5 .FoLjG .RHZ-U {
    align-self: flex-end;
    color: #ffffff80;
    font-size: .75rem;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 1rem;
    margin-left: .75rem;
    text-align: right
}

.f5h-R .IR9D5 .SwGZW {
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.25rem;
    line-height: 1;
    padding-bottom: .5rem;
    padding-right: 1rem;
    padding-top: .25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .f5h-R .IR9D5 .SwGZW {
        padding-right: 1rem
    }
}

@media (min-width:1024px) {
    .f5h-R .IR9D5 .SwGZW {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

.f5h-R .mW59J {
    align-items: stretch;
    justify-content: space-between;
    margin-top: auto;
    max-width: 400px;
    width: 100%
}

.f5h-R .mW59J,
.f5h-R .mW59J .SLZAB {
    display: flex;
    gap: .5rem
}

.f5h-R .mW59J .SLZAB {
    align-items: center;
    border-radius: .375rem;
    flex: 1 1 0%;
    font-size: .875rem;
    justify-content: center;
    line-height: 1.25rem;
    min-width: 7rem;
    padding: .5rem 1rem
}

@media (min-width:768px) {
    .f5h-R .mW59J .SLZAB {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.f5h-R .mW59J .SLZAB.Ttn7- {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.f5h-R .mW59J .SLZAB.Ttn7-[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.f5h-R .mW59J .SLZAB.BBDgS {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 21 16/var(--tw-text-opacity, 1))
}

.f5h-R .mW59J .SLZAB.BBDgS[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.f5h-R .mW59J .SLZAB.BBDgS.P8kvl {
    align-items: center;
    cursor: not-allowed;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: .25rem;
    min-height: 100%;
    padding: .125rem .75rem
}

.f5h-R .mW59J .SLZAB.BBDgS .BhgHz {
    font-size: .875rem;
    line-height: 1.25rem
}

.Cp38K {
    align-items: center;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    line-height: 1rem;
    opacity: .9
}

.Cp38K:hover {
    opacity: .95
}

.u40RS {
    border-radius: .375rem;
    margin-bottom: .25rem;
    margin-top: .25rem;
    overflow: hidden;
    width: 100%
}

.u40RS .aYwu5 {
    height: 100%;
    position: relative;
    width: var(--v542477c6)
}

.aydV7 {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    min-width: 280px;
    position: relative
}

@media (min-width:768px) {
    .aydV7 {
        min-width: 280px
    }
}

@media (min-width:1536px) {
    .aydV7 {
        min-width: 360px
    }
}

.aydV7 .fiNTD {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: .5rem;
    position: relative
}

.aydV7 .fiNTD .qH6No {
    color: #ffffffb3;
    display: inline-flex;
    padding-bottom: .25rem
}

.aydV7 .fiNTD .RmbG- {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    line-height: 1;
    padding-bottom: .25rem;
    padding-right: 4rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .aydV7 .fiNTD .RmbG- {
        padding-right: 6rem
    }
}

@media (min-width:1024px) {
    .aydV7 .fiNTD .RmbG- {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

.aydV7 .fiNTD .OsMzh {
    font-size: .675rem;
    margin-bottom: 1rem;
    margin-top: .25rem
}

.aydV7 .fiNTD .OsMzh .Fuojw {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-weight: 600;
    padding: .25rem .375rem
}

.aydV7 .fiNTD .OsMzh .ktHeK {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-weight: 700;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.aydV7 .fiNTD .Q5LUH {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.aydV7 .fiNTD .Q5LUH p {
    color: #ffffffb3;
    font-size: .675rem
}

.aydV7 .-YVWG,
.aydV7 .fiNTD .Q5LUH p {
    align-items: center;
    display: flex;
    gap: .5rem
}

.aydV7 .-YVWG {
    justify-content: space-between;
    margin-top: auto;
    width: 100%
}

.aydV7 .-YVWG .b0O7A {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    flex: 1 1 0%;
    font-size: .75rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1rem;
    min-width: 7rem;
    padding: .5rem 1rem;
    white-space: nowrap
}

@media (min-width:768px) {
    .aydV7 .-YVWG .b0O7A {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.aydV7 .-YVWG .b0O7A.GdFC- {
    background-color: #03de6326;
    color: #03de63b3;
    font-weight: 600
}

.aydV7 .-YVWG .b0O7A.k0uKk {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 21 16/var(--tw-text-opacity, 1))
}

.aydV7 .-YVWG .b0O7A.k0uKk[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.aydV7 .-YVWG .b0O7A.k0uKk.RdeYr {
    align-items: center;
    cursor: not-allowed;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: .25rem;
    min-height: 100%;
    padding: 0 .75rem
}

.aydV7 .-YVWG .b0O7A.k0uKk .HyKpn {
    font-size: .875rem;
    line-height: 1.25rem
}

.NMj1g {
    align-items: flex-start;
    border-left: 1px;
    border-color: #ffffff1a;
    border-style: solid;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    margin-left: 1.25rem;
    min-width: 320px;
    padding-left: 1.25rem
}

@media (min-width:768px) {
    .NMj1g {
        min-width: 250px
    }
}

@media (min-width:1536px) {
    .NMj1g {
        min-width: 360px
    }
}

.NMj1g .cWOKd {
    border-radius: .25rem;
    display: inline-block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1));
    font-size: .675rem;
    font-weight: 600;
    line-height: .75rem;
    padding: 3px .375rem;
    --tw-text-opacity: 1;
    color: rgb(0 21 16/var(--tw-text-opacity, 1))
}

.NMj1g .kXBbn {
    margin-top: .5rem;
    width: 100%
}

.NMj1g .kXBbn._0PrO3 {
    opacity: .5
}

.NMj1g .kXBbn .miXX0 {
    display: flex;
    flex-direction: column;
    padding-bottom: .375rem;
    padding-top: .375rem;
    white-space: nowrap
}

.NMj1g .kXBbn .miXX0 .NO1b2 {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    width: 100%
}

.NMj1g .kXBbn .miXX0 .NO1b2 .CWVBz {
    font-size: .675rem;
    text-align: center
}

.NMj1g .kXBbn .miXX0 .NO1b2 .CWVBz.Epdjm {
    font-weight: 600
}

.NMj1g .kXBbn .miXX0 .f6gto {
    grid-column: span 3/span 3
}

.gPxge {
    display: flex;
    flex-direction: column;
    line-height: 100%;
    min-height: 100%;
    min-width: 70vw
}

@media (min-width:768px) {
    .gPxge {
        min-width: 365px
    }
}

.gPxge .trrK7 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: .5rem;
    position: relative
}

.gPxge .trrK7 ._4ObuU {
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    opacity: .2
}

@media (min-width:1024px) {
    .gPxge .trrK7 ._4ObuU {
        height: 3rem;
        right: .5rem;
        top: .5rem;
        width: 3rem
    }
}

.gPxge .trrK7 ._4ObuU svg {
    height: 100%;
    width: 100%
}

.gPxge .trrK7 .G524A {
    color: #ffffffb3;
    display: inline-flex;
    padding-bottom: .5rem
}

.gPxge .trrK7 .G524A .hxZ3A {
    align-self: flex-end;
    color: #ffffff80;
    font-size: .75rem;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 1rem;
    margin-left: .75rem;
    text-align: right
}

.gPxge .trrK7 .JK0UQ {
    display: inline-block;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.25rem;
    line-height: 1;
    padding-bottom: .5rem;
    padding-right: 4rem;
    padding-top: .25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .gPxge .trrK7 .JK0UQ {
        padding-right: 6rem
    }
}

@media (min-width:1024px) {
    .gPxge .trrK7 .JK0UQ {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

.gPxge .trrK7 ._7JFn4 {
    font-size: .675rem;
    margin-bottom: .75rem;
    margin-top: .5rem
}

.gPxge .trrK7 ._7JFn4 .UjZG7 {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-weight: 600;
    padding: .25rem .375rem
}

.gPxge .trrK7 ._7JFn4 .mwzBC {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-weight: 700;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.gPxge .trrK7 .BPQ-C {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    margin-bottom: .75rem;
    margin-top: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .675rem;
    font-weight: 600;
    line-height: .75rem;
    padding: .25rem .375rem
}

.gPxge .FOJW9 {
    align-items: stretch;
    justify-content: space-between;
    margin-top: auto;
    max-width: 400px;
    width: 100%
}

.gPxge .FOJW9,
.gPxge .FOJW9 .N5ae6 {
    display: flex;
    gap: .5rem
}

.gPxge .FOJW9 .N5ae6 {
    align-items: center;
    border-radius: .375rem;
    flex: 1 1 0%;
    font-size: .875rem;
    justify-content: center;
    line-height: 1.25rem;
    min-width: 7rem;
    padding: .5rem 1rem
}

@media (min-width:768px) {
    .gPxge .FOJW9 .N5ae6 {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.gPxge .FOJW9 .N5ae6.MvPDF {
    max-width: 50%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.gPxge .FOJW9 .N5ae6.MvPDF[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.JPlkF {
    padding: 1.5rem 2rem;
    text-align: center
}

@media (min-width:768px) {
    .JPlkF {
        padding: 2rem 2.5rem
    }
}

.JPlkF .Nmono {
    background-color: #ffffff0d;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: 1.25rem
}

.JPlkF .Nmono span {
    color: #ffffff80;
    font-size: .875rem;
    line-height: 1.25rem
}

.JPlkF .Nmono strong {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.JPlkF .HWhlH {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: 1rem .5rem;
    text-align: center
}

.JPlkF .HWhlH strong {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.JPlkF .HWhlH span {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.JPlkF .Ve5cx {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.JPlkF .Ve5cx button {
    border-radius: .375rem;
    font-weight: 600;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: capitalize
}

.JPlkF .Ve5cx button:first-child {
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.JPlkF .Ve5cx button:first-child,
.JPlkF .Ve5cx button:last-child {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.JPlkF .Ve5cx button:last-child {
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.JPlkF .Ve5cx button:disabled {
    cursor: not-allowed;
    opacity: .4
}

._2hA3J {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden
}

._0W8vV,
._2hA3J {
    width: 100%
}

._0W8vV {
    height: auto
}

.jtxAT {
    height: auto;
    margin: 0;
    max-width: 792px;
    width: 100%
}

.N4mz0 {
    border-collapse: separate;
    width: 100%;
    --tw-border-spacing-y: .375rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    gap: .25rem
}

.tev3b {
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%;
    -ms-overflow-style: none
}

.tev3b::-webkit-scrollbar {
    display: none
}

.tev3b ._60FGA {
    border-collapse: separate;
    width: 100%;
    --tw-border-spacing-y: .375rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    gap: .25rem
}

.tev3b ._60FGA ._178nl th {
    background-color: #03de630d;
    color: #03de63b3;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .75rem 1rem;
    text-align: left;
    white-space: nowrap
}

.tev3b ._60FGA ._178nl th:first-child {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.tev3b ._60FGA ._178nl th:last-child {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.tev3b ._60FGA .CisL5 td {
    background-color: #0000001a;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .75rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap
}

@media (min-width:768px) {
    .tev3b ._60FGA .CisL5 td {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.tev3b ._60FGA .CisL5 td:first-child {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.tev3b ._60FGA .CisL5 td:last-child {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.tev3b ._60FGA .CisL5:nth-child(odd) td {
    background-color: #0000000d
}

.tev3b ._60FGA .qf-zm {
    font-size: .675rem;
    line-height: .75rem
}

.tev3b ._60FGA .qf-zm span {
    opacity: .5
}

.tev3b ._60FGA .Xk7gl {
    border-radius: .25rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 600;
    line-height: .75rem;
    padding: .25rem
}

.tev3b ._60FGA .Xk7gl.tK8Jq {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.tev3b ._60FGA .Xk7gl.lOs8q {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.tev3b ._60FGA .Xk7gl.eQ-gs {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.tev3b ._60FGA .Xk7gl.mG1-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 255/var(--tw-bg-opacity, 1))
}

.tev3b ._60FGA .Xk7gl svg {
    font-size: .75rem;
    line-height: 1rem
}

.tev3b ._60FGA .Xk7gl small {
    line-height: .75rem;
    margin-bottom: -1px;
    margin-top: -1px
}

.paginationWrapper[data-v-2b6cfb93] {
    background-color: #03de630d;
    border-radius: .25rem;
    color: #03de63b3;
    font-size: .75rem;
    font-weight: 600;
    justify-content: center;
    line-height: 1rem;
    padding: .5rem;
    text-align: left;
    white-space: nowrap
}

@media (min-width:768px) {
    .paginationWrapper[data-v-2b6cfb93] {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

.paginationWrapper .paginationInfo[data-v-2b6cfb93] {
    font-size: .675rem;
    margin-top: .75rem;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center
}

@media (min-width:768px) {
    .paginationWrapper .paginationInfo[data-v-2b6cfb93] {
        margin-top: 0;
        text-align: left
    }
}

.paginationWrapper .paginationNavWrapper[data-v-2b6cfb93] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center
}

@media (min-width:768px) {
    .paginationWrapper .paginationNavWrapper[data-v-2b6cfb93] {
        gap: .5rem
    }
}

.paginationWrapper .paginationNavWrapper .paginationBtn[data-v-2b6cfb93] {
    align-items: center;
    background-color: #00151080;
    border-radius: .25rem;
    display: flex;
    height: 2rem;
    justify-content: center;
    line-height: 1.25;
    padding-left: .75rem;
    padding-right: .75rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.paginationWrapper .paginationNavWrapper .paginationBtn.active[data-v-2b6cfb93],
.paginationWrapper .paginationNavWrapper .paginationBtn[data-v-2b6cfb93]:hover {
    background-color: #03de6380;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.paginationWrapper .paginationNavWrapper .paginationBtn.dots[data-v-2b6cfb93],
.paginationWrapper .paginationNavWrapper .paginationBtn.dots[data-v-2b6cfb93]:hover {
    background-color: #0015104d;
    color: #ffffff4d
}

.paginationWrapper .paginationNavWrapper .paginationNav[data-v-2b6cfb93] {
    display: flex;
    justify-content: center
}

.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList[data-v-2b6cfb93] {
    align-items: center;
    display: flex;
    gap: .25rem
}

.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList[data-v-2b6cfb93]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-1px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-1px*var(--tw-space-x-reverse))
}

.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList .hiddenMobile[data-v-2b6cfb93] {
    display: none
}

@media (min-width:768px) {
    .paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList .hiddenMobile[data-v-2b6cfb93] {
        display: inline
    }
}

.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList .paginationNext[data-v-2b6cfb93],
.paginationWrapper .paginationNavWrapper .paginationNav .paginationNavList .paginationPrev[data-v-2b6cfb93] {
    line-height: 1.25;
    margin-left: 0;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.paginationWrapper .paginationNavWrapper .paginationDirect[data-v-2b6cfb93] {
    display: flex
}

.paginationWrapper .paginationNavWrapper .paginationDirect-input[data-v-2b6cfb93] {
    background-color: #001510b3;
    border-radius: .25rem;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.25rem;
    text-align: center;
    width: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.paginationWrapper .paginationNavWrapper .paginationDirect .paginationBtn[data-v-2b6cfb93] {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._0iJPp .iZy9- {
    margin-bottom: .5rem
}

._0iJPp .iZy9- label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

._0iJPp .iZy9- label span {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

._0iJPp .ezNht {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._0iJPp .ezNht:disabled {
    cursor: not-allowed;
    opacity: .4
}

.P75Es {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .75rem
}

.P75Es .IJIco {
    opacity: .1;
    width: 100%;
    --tw-invert: invert(100%);
    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)
}

.P75Es .IJIco:first-child {
    height: 25px
}

.P75Es .IJIco:nth-child(2) {
    height: 60px
}

.P75Es .IJIco:nth-child(3) {
    height: 20px
}

.wWcOu {
    margin-bottom: 2.5rem;
    min-height: 580px;
    width: 100%
}

.wWcOu .DQQe- {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.wWcOu .DQQe- .-OjyB {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    margin-bottom: -.5rem;
    margin-left: auto;
    margin-top: -.5rem;
    max-height: 15rem
}

@media (min-width:768px) {
    .wWcOu .DQQe- .-OjyB {
        gap: .75rem
    }
}

.wWcOu .DQQe- .-OjyB button {
    align-items: center;
    background-color: #ffffff1a;
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    font-size: .675rem;
    height: 1.5rem;
    justify-content: center;
    min-width: 1.5rem;
    white-space: nowrap;
    width: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .wWcOu .DQQe- .-OjyB button {
        font-size: .75rem;
        line-height: 1rem
    }
}

.wWcOu .DQQe- .-OjyB button.tsB-o {
    border-radius: .25rem;
    cursor: pointer;
    display: none;
    font-size: .55rem;
    font-weight: 600;
    padding: .25rem .625rem;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    width: auto;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media (min-width:368px) {
    .wWcOu .DQQe- .-OjyB button.tsB-o {
        display: flex
    }
}

@media (min-width:1280px) {
    .wWcOu .DQQe- .-OjyB button.tsB-o {
        font-size: .6rem
    }
}

.wWcOu .DQQe- .-OjyB button.tsB-o.aIoSA {
    background-color: #ffffff0d;
    color: #ffffff4d;
    cursor: not-allowed;
    opacity: .9
}

.wWcOu .DQQe- .-OjyB button.tsB-o.aIoSA:hover {
    opacity: .9
}

.wWcOu .tjNpm {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: .5rem;
    margin-top: .5rem
}

@media (min-width:768px) {
    .wWcOu .tjNpm {
        gap: 1rem
    }
}

@media (min-width:1024px) {
    .wWcOu .tjNpm {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
}

.wWcOu .jcW-f {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .75rem
}

.wWcOu .jcW-f .MQ8iY {
    opacity: .1;
    width: 100%;
    --tw-invert: invert(100%);
    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)
}

.wWcOu .jcW-f .MQ8iY:first-child {
    height: 25px
}

.wWcOu .jcW-f .MQ8iY:nth-child(2) {
    height: 60px
}

.wWcOu .jcW-f .MQ8iY:nth-child(3) {
    height: 20px
}

.wWcOu .RjhKz {
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-height: 15rem
}

.wWcOu .RjhKz .Ujte1 {
    align-items: center;
    background-color: transparent;
    border-radius: .25rem;
    color: #fff6;
    cursor: pointer;
    display: flex;
    font-size: .68rem;
    font-weight: 400;
    gap: .5rem;
    justify-content: center;
    width: 100%
}

@media (min-width:768px) {
    .wWcOu .RjhKz .Ujte1 {
        gap: 1rem
    }
}

@media (min-width:1280px) {
    .wWcOu .RjhKz .Ujte1 {
        font-size: .8rem
    }
}

.wWcOu .RjhKz .Ujte1:after,
.wWcOu .RjhKz .Ujte1:before {
    border-bottom: 1px;
    border-color: #ffffff4d;
    border-style: dashed;
    flex: 1 1 0%;
    height: 0;
    width: 100%;
    --tw-content: "";
    content: var(--tw-content)
}

.wWcOu .RjhKz .Ujte1.Ikwbs {
    color: #ffffff4d
}

.P3s4O {
    animation: _0vwuG .6s linear infinite
}

@keyframes _0vwuG {
    to {
        transform: rotate(1turn)
    }
}

.TmZTj {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 400px;
    position: relative;
    width: 100%
}

._6MFsu {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: center
}

._6MFsu,
._6MFsu .Cc-Ly {
    height: 100%;
    width: 100%
}

._6MFsu .Cc-Ly {
    aspect-ratio: 25/29
}

.X2-8- {
    margin-top: 0;
    padding-bottom: .5rem
}

@media (min-width:640px) {
    .X2-8- {
        padding-bottom: 1rem
    }
}

@media (min-width:1024px) {
    .X2-8- {
        margin-top: 1rem
    }
}

@media (min-width:1280px) {
    .X2-8- {
        margin-top: 1.4rem
    }
}

._4PGfz {
    display: flex;
    flex-direction: column
}

@media (min-width:1280px) {
    ._4PGfz {
        padding-top: 1.25rem
    }
}

._4PGfz .T5SCG {
    padding: 0 0 .75rem
}

._4PGfz .pvThG .RflcW {
    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: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .75rem 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

._4PGfz .pvThG .RflcW:hover {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    opacity: .9
}

.KHLto,
.g7U9h {
    height: auto;
    margin: 0;
    max-width: 792px;
    width: 100%
}

.providers-page[data-v-b1c34491] {
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem
}

@media (min-width:768px) {
    .providers-page[data-v-b1c34491] {
        max-width: 42rem
    }
}

@media (min-width:1024px) {
    .providers-page[data-v-b1c34491] {
        max-width: 100%
    }
}

.providers-page .providers-content .bt_link[data-v-b1c34491] {
    align-items: center;
    border-radius: .375rem;
    display: inline-flex;
    gap: .5rem;
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .75rem 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    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: 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-b1c34491]:hover {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    opacity: .9
}

.Klt2y {
    margin-top: 1.25rem
}

.f0hIB {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%
}

@media (min-width:1024px) {
    .f0hIB {
        width: auto
    }
}

.r88Ow {
    position: relative;
    width: 100%;
    z-index: 60
}

@media (min-width:1024px) {
    .r88Ow {
        width: 10rem
    }
}

.r88Ow .T6hgm {
    background-color: #fff3;
    border-radius: .25rem;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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) {
    .r88Ow .T6hgm {
        font-size: .8rem
    }
}

.r88Ow .T6hgm:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.r88Ow .T6hgm strong {
    font-weight: 800
}

.r88Ow .SEhBg {
    border-radius: .25rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 15rem;
    overflow: auto;
    position: absolute;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.r88Ow .SEhBg:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.r88Ow ._28gOB {
    padding: .5rem;
    white-space: nowrap
}

.r88Ow ._28gOB:hover {
    background-color: #03de631a;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.r88Ow ._28gOB label {
    align-items: center;
    display: flex
}

.r88Ow ._28gOB input {
    border-radius: .25rem
}

.r88Ow ._28gOB .ZxBX0 {
    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: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.gcw1H {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:1024px) {
    .gcw1H {
        justify-content: flex-end
    }
}

.gcw1H ._3yYvq {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: 1rem;
    min-width: 2rem;
    width: 2rem
}

.gcw1H ._3yYvq,
.gcw1H .bX5jT {
    background-color: #ffffff1a;
    border-radius: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.gcw1H .bX5jT {
    width: 100%
}

@media (min-width:768px) {
    .gcw1H .bX5jT {
        margin-right: 1rem
    }
}

@media (min-width:1024px) {
    .gcw1H .bX5jT {
        width: 10rem
    }
}

@media (min-width:1280px) {
    .gcw1H .bX5jT {
        width: 14rem
    }
}

.gcw1H .bX5jT input {
    font-size: .75rem;
    line-height: 1rem;
    width: 100%
}

@media (min-width:1280px) {
    .gcw1H .bX5jT input {
        font-size: .8rem
    }
}

.gcw1H .bX5jT input::-moz-placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

.gcw1H .bX5jT input::placeholder {
    color: #ffffff4d;
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width:1280px) {
    .gcw1H .bX5jT input::-moz-placeholder {
        font-size: .8rem
    }

    .gcw1H .bX5jT input::placeholder {
        font-size: .8rem
    }
}

.jGxTz {
    animation: p0azc .6s linear infinite
}

@keyframes p0azc {
    to {
        transform: rotate(1turn)
    }
}

.jFljL {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-color: rgba(var(--primaryColorRGB), .08);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: space-between;
    min-height: 325px;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    --tw-gradient-from: var(--bgDarkGradient) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--bgDarkGradientEnd) var(--tw-gradient-to-position);
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.jFljL,
.jFljL .hjtQ- {
    position: relative
}

.jFljL .hjtQ- {
    margin: -15px -15px -16%;
    opacity: .75;
    z-index: 0
}

.jFljL .hjtQ- ._0cP-B {
    border-radius: 7px;
    filter: invert(7%) hue-rotate(13deg);
    height: auto;
    opacity: .9;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.jFljL:hover .hjtQ- ._0cP-B {
    filter: invert(0) hue-rotate(0deg);
    opacity: 1
}

.jFljL.bwjEd {
    opacity: .8
}

.jFljL.bwjEd:hover {
    opacity: 1
}

.jFljL .Zqh8- {
    align-items: flex-end;
    display: grid;
    gap: .5rem;
    grid-column: span 2/span 2;
    grid-template-columns: 1fr auto;
    margin-bottom: .5rem;
    padding-top: 3rem;
    z-index: 2
}

.jFljL .z-pf0 {
    display: flex;
    flex-direction: column;
    position: relative;
    text-shadow: 1px 1px 3px #00000050;
    text-transform: uppercase;
    z-index: 1
}

.jFljL ._5nbsb {
    grid-column: span 2/span 2;
    margin-bottom: .5rem
}

.jFljL .OI2Jw {
    font-size: .7rem;
    opacity: .8
}

.jFljL .FrV6t,
.jFljL .OI2Jw {
    display: block;
    margin-bottom: .25rem;
    text-transform: uppercase
}

.jFljL .FrV6t {
    color: var(--primaryColor);
    font-size: .8rem;
    font-weight: 700;
    line-height: 1
}

@media (min-width:1280px) {
    .jFljL .FrV6t {
        font-size: 1rem
    }
}

.jFljL .FrV6t small {
    display: block;
    font-size: .6rem
}

@media (min-width:1280px) {
    .jFljL .FrV6t small {
        font-size: .7rem
    }
}

.jFljL .gzPLF {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .25rem;
    text-transform: uppercase
}

@media (min-width:1280px) {
    .jFljL .gzPLF {
        font-size: 1.3rem
    }
}

.jFljL .uZ45Q {
    align-items: center;
    display: flex;
    font-size: .6rem;
    gap: .5rem;
    text-transform: uppercase
}

.jFljL .Qa3zg {
    color: var(--primaryColor);
    font-size: 1rem
}

.jFljL .CBSg3 {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
    padding: 1rem 1.25rem;
    text-shadow: 1px 1px 0 #000
}

.jFljL .CBSg3 .EeFEX {
    background-position: 50%;
    background-size: cover;
    inset: 0;
    opacity: .3;
    position: absolute
}

.jFljL .CBSg3 ._31b2m {
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    line-height: 1.25
}

.jFljL .CBSg3 ._31b2m,
.jFljL .CBSg3 .xLzAZ {
    font-weight: 700;
    position: relative;
    --tw-text-opacity: 1
}

.jFljL .CBSg3 .xLzAZ {
    color: rgb(255 232 0/var(--tw-text-opacity, 1));
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1
}

.jFljL .CBSg3 .sjMSm {
    display: flex;
    flex-direction: row;
    font-size: .75rem;
    gap: .25rem;
    line-height: 1rem;
    line-height: 1;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.jFljL .CBSg3 .sjMSm svg {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.jFljL .SbBbS {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: .25rem;
    min-width: 100px;
    width: 100%
}

.jFljL .SbBbS .FEJ3- {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    padding: .25rem .5rem
}

.jFljL .SbBbS .FEJ3- .k3cZm {
    font-size: .75rem;
    height: 20px;
    line-height: 1rem;
    width: 20px;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.jFljL .SbBbS .FEJ3- .k3cZm,
.jFljL .SbBbS .FEJ3- .xow5N {
    align-items: center;
    display: flex;
    justify-content: center
}

.jFljL .SbBbS .FEJ3- .xow5N {
    border-radius: 9999px;
    border-style: solid;
    border-width: 1px;
    height: 25px;
    overflow: hidden;
    width: 25px;
    --tw-border-opacity: 1;
    background-color: #fff6;
    border-color: rgb(255 232 0/var(--tw-border-opacity, 1));
    color: #00000080;
    font-size: 10px
}

.jFljL .SbBbS .FEJ3- .EW1-G .OOzL- {
    font-size: .7rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.jFljL .SbBbS .FEJ3- .EW1-G .Ae38w {
    font-size: 9px
}

.jFljL .SbBbS .FEJ3- .EW1-G .Ae38w,
.jFljL .SbBbS .FEJ3- .oxS3G {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.jFljL .SbBbS .FEJ3- .oxS3G {
    background-color: #03de631a;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-left: auto;
    padding: .25rem .5rem;
    white-space: nowrap
}

.jFljL .SbBbS .FEJ3- .oxS3G.MDSws {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.jFljL .SbBbS .FEJ3-.TQyCw {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #ffffff15 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: transparent var(--tw-gradient-to-position)
}

.jFljL .GJp5B {
    border-radius: 7px;
    flex-direction: column;
    flex-grow: 1;
    gap: .25rem;
    margin-bottom: -1px;
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/var(--tw-bg-opacity, 1));
    padding: .375rem;
    --tw-shadow: 1px 1px 0 #ffffff09;
    --tw-shadow-colored: 1px 1px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.jFljL .GJp5B,
.jFljL .GJp5B .yK7I7 {
    align-items: center;
    display: flex
}

.jFljL .GJp5B .yK7I7 {
    border-radius: .5rem;
    flex-direction: row;
    font-size: .6rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1));
    color: #ffffffb3
}

.jFljL .GJp5B .yK7I7 ._4PteA {
    display: flex;
    height: 6px;
    margin-left: -6px;
    position: relative;
    width: 6px
}

.jFljL .GJp5B .yK7I7 ._4PteA>span:first-child {
    display: block;
    inset: 0;
    position: absolute
}

@keyframes _7frYe {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.jFljL .GJp5B .yK7I7 ._4PteA>span:first-child {
    animation: _7frYe 1s cubic-bezier(0, 0, .2, 1) infinite;
    background-color: #2b39;
    border-radius: 9999px;
    opacity: .75
}

.jFljL .GJp5B .yK7I7 ._4PteA>span:last-child {
    border-radius: 9999px;
    display: inline-flex;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.jFljL .GJp5B .Bg0Ph {
    display: flex;
    flex-direction: row;
    gap: 5px
}

.jFljL .GJp5B .Bg0Ph li {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.jFljL .GJp5B .Bg0Ph li h5 {
    font-size: 1rem;
    font-weight: 700
}

.jFljL .GJp5B .Bg0Ph li h5,
.jFljL .GJp5B .Bg0Ph li p {
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.jFljL .GJp5B .Bg0Ph li p {
    font-size: .45rem;
    text-transform: uppercase
}

.jFljL .GJp5B>.jlaxN,
.jFljL .GJp5B>a,
.jFljL .GJp5B>button {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    white-space: nowrap;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .65rem;
    font-weight: 700;
    padding: .375rem .5rem;
    text-align: center;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.jFljL .GJp5B>.jlaxN:hover,
.jFljL .GJp5B>a:hover,
.jFljL .GJp5B>button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

@media (min-width:1280px) {

    .jFljL .GJp5B>.jlaxN,
    .jFljL .GJp5B>a,
    .jFljL .GJp5B>button {
        padding: .375rem .625rem
    }
}

@media (min-width:1536px) {

    .jFljL .GJp5B>.jlaxN,
    .jFljL .GJp5B>a,
    .jFljL .GJp5B>button {
        font-size: .8rem;
        padding: .5rem .75rem
    }
}

.jFljL .GJp5B .jlaxN {
    font-size: .675rem;
    padding: .25rem
}

@media (min-width:768px) {
    .jFljL .GJp5B .jlaxN {
        font-size: .75rem;
        line-height: 1rem;
        padding: .5rem
    }
}

.jFljL .GJp5B .ecYTS {
    align-items: center;
    display: flex;
    justify-content: center
}

.jFljL .GJp5B .ecYTS div {
    opacity: 0;
    visibility: hidden
}

.jFljL .GJp5B .ecYTS span {
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    height: .75rem;
    width: .75rem;
    --tw-border-opacity: 1;
    animation: _4MLP4 .6s linear infinite;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
    border-top-color: transparent
}

@keyframes _4MLP4 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.klb9c {
    margin-bottom: 2.5rem;
    min-height: 560px;
    width: 100%
}

.klb9c ._8KLBF {
    align-content: stretch;
    align-items: stretch;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:768px) {
    .klb9c ._8KLBF {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:900px) {
    .klb9c ._8KLBF {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

@media (min-width:1000px) {
    .klb9c ._8KLBF {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1380px) {
    .klb9c ._8KLBF {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.tbokT {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 600px;
    position: relative;
    width: 100%
}

.WUGas {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
    padding-bottom: 5rem;
    padding-top: 5rem;
    text-align: center
}

.WUGas a {
    border-radius: 9999px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem 1rem
}

@media (min-width:768px) {
    .WUGas a {
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding: .75rem 2rem
    }
}

.casino-votes[data-v-f742f2d9] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    justify-content: flex-start
}

.casino-votes .btn[data-v-f742f2d9] {
    font-size: 1.125rem;
    line-height: 1.75rem
}

@media (min-width:768px) {
    .casino-votes .btn[data-v-f742f2d9] {
        padding: .25rem
    }
}

.casino-votes .casino-votes__count[data-v-f742f2d9] {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    opacity: .4
}

.casino-votes .casino-votes[data-v-f742f2d9],
.casino-votes .casino-votes__count[data-v-f742f2d9] {
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.casino-votes .casino-votes[data-v-f742f2d9] {
    background-color: transparent;
    opacity: .6
}

@media (min-width:768px) {
    .casino-votes .casino-votes[data-v-f742f2d9] {
        opacity: 1
    }

    .casino-votes .casino-votes[data-v-f742f2d9]:hover {
        opacity: .8
    }
}

.casino-votes .casino-votes__up.liked[data-v-f742f2d9] {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    opacity: 1
}

.casino-votes .casino-votes__up.disliked[data-v-f742f2d9] {
    opacity: .3
}

.casino-votes .casino-votes__down[data-v-f742f2d9] {
    --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(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.casino-votes .casino-votes__down.disliked[data-v-f742f2d9] {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1));
    opacity: .8
}

.casino-votes .casino-votes__down.liked[data-v-f742f2d9] {
    opacity: .3
}

._27WQK {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    margin-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    padding: 1.25rem
}

._27WQK .xKfjk {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem
}

._27WQK .xKfjk img {
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 110px
}

._27WQK .xKfjk .zTA9w {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._27WQK .xKfjk .tbZ9n {
    color: #fff6;
    font-weight: 500
}

._27WQK .xKfjk ._8nKXr,
._27WQK .xKfjk .tbZ9n {
    font-size: .75rem;
    line-height: 1rem
}

._27WQK .xKfjk ._8nKXr {
    align-items: center;
    background-color: #ffffff1a;
    border-radius: .25rem;
    color: #ffffffb3;
    margin-top: 1rem;
    padding: .25rem .5rem
}

._27WQK .mVFv7,
._27WQK .xKfjk ._8nKXr {
    display: flex;
    gap: .5rem
}

._27WQK .mVFv7 {
    justify-content: flex-start;
    margin-top: 1.25rem
}

._27WQK .mVFv7 a {
    display: flex;
    flex: 1 1 0%;
    justify-content: stretch
}

._27WQK .mVFv7 a:hover {
    text-decoration-line: none
}

._27WQK .mVFv7 .nf1ka {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    font-size: .875rem;
    gap: .5rem;
    height: 2.5rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-top: .5rem;
    white-space: nowrap;
    width: 100%
}

._27WQK .mVFv7 .nf1ka.HdGOU {
    border: 1px solid hsla(0, 0%, 100%, .5);
    color: #ffffff80
}

._27WQK .mVFv7 .nf1ka.rCiXX {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._27WQK .mVFv7 .nf1ka svg {
    fill: currentColor;
    height: 1rem;
    width: 1rem
}

._27WQK .U4pms,
._27WQK ._6y0Pl {
    background-color: #ffffff0d
}

._27WQK ._6y0Pl {
    align-items: center;
    color: #ffffff4d;
    display: none;
    font-size: .75rem;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    line-height: 1rem;
    margin: 1.5rem -1.25rem -1.25rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    width: calc(100% + 2.5rem)
}

._27WQK .zacC2 {
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    margin: revert-layer;
    outline: 2px solid transparent;
    outline-offset: 2px
}

._27WQK .zacC2::backdrop {
    background-color: #000000b3
}

.Nhsxl {
    display: grid;
    min-height: 4rem;
    place-content: center
}

.pulsing-dot[data-v-78f93e31] {
    height: .5rem;
    position: relative;
    width: .5rem
}

.pulsing-dot[data-v-78f93e31]:before {
    animation: ping-78f93e31 1.5s cubic-bezier(0, 0, .2, 1) infinite;
    background-color: var(--color-success-light)
}

.pulsing-dot[data-v-78f93e31]:after,
.pulsing-dot[data-v-78f93e31]:before {
    border-radius: 9999px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pulsing-dot[data-v-78f93e31]:after {
    background-color: var(--color-success)
}

@keyframes ping-78f93e31 {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.game-launcher[data-v-78f93e31] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    margin-bottom: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    padding: 1.25rem
}

.game-launcher .casino-votes[data-v-78f93e31] {
    gap: .5rem;
    margin-top: 1rem
}

@media (min-width:768px) {
    .game-launcher .casino-votes[data-v-78f93e31] {
        margin-top: 0
    }
}

.game-launcher .game-launcher__info[data-v-78f93e31] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem
}

.game-launcher .game-launcher__info img[data-v-78f93e31] {
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 110px
}

.game-launcher .game-launcher__info .title[data-v-78f93e31] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.game-launcher .game-launcher__info .provider[data-v-78f93e31] {
    color: #fff6;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.game-launcher .game-launcher__mode[data-v-78f93e31] {
    display: flex;
    gap: .5rem;
    justify-content: flex-start;
    margin-top: 1.25rem
}

.game-launcher .game-launcher__mode a[data-v-78f93e31] {
    display: flex;
    flex: 1 1 0%;
    justify-content: stretch
}

.game-launcher .game-launcher__mode a[data-v-78f93e31]:hover {
    text-decoration-line: none
}

.game-launcher .game-launcher__mode .btn[data-v-78f93e31] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    font-size: .875rem;
    gap: .5rem;
    height: 2.5rem;
    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-78f93e31] {
    border: 1px solid hsla(0, 0%, 100%, .5);
    color: #ffffff80
}

.game-launcher .game-launcher__mode .btn svg[data-v-78f93e31] {
    fill: currentColor;
    height: 1rem;
    width: 1rem
}

.game-launcher .skeleton-loading[data-v-78f93e31] {
    background-color: #ffffff0d
}

.btn-share[data-v-78f93e31] {
    align-items: center;
    background-color: #ffffff1a;
    border-radius: .25rem;
    color: #ffffffb3;
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    line-height: 1rem;
    margin-top: 1rem;
    padding: .25rem .5rem
}

.J0Ede {
    align-items: center;
    border-right: 1px;
    border-color: #fff3;
    border-style: solid;
    display: flex;
    gap: .75rem;
    padding-right: 1.5rem
}

.J0Ede span {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.J0Ede ._4T95G {
    margin-bottom: -.125rem
}

.H-mvE {
    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);
    display: none;
    margin-bottom: 2rem;
    overflow: hidden;
    padding: .75rem .875rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .H-mvE {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1024px) {
    .H-mvE {
        padding: 1.25rem 1.5rem
    }
}

.H-mvE h1 {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .375rem
}

@media (min-width:1024px) {
    .H-mvE h1 {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.H-mvE h1 .FQunm {
    margin-bottom: .375rem;
    padding-top: 1rem;
    width: 60%
}

@media (min-width:1024px) {
    .H-mvE h1 .FQunm {
        padding-top: 1.25rem;
        width: 80%
    }
}

.H-mvE ._1vfXq {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    margin: 0
}

@media (min-width:1024px) {
    .H-mvE ._1vfXq {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.H-mvE ._1vfXq .FQunm {
    margin-bottom: .5rem;
    padding-top: .75rem;
    width: 40%
}

@media (min-width:1024px) {
    .H-mvE ._1vfXq .FQunm {
        margin-bottom: .625rem;
        padding-top: .875rem;
        width: 60%
    }
}

.H-mvE .lJWwj {
    align-items: center;
    display: flex;
    flex-grow: 0;
    gap: .5rem
}

.H-mvE .lJWwj .FQunm {
    height: 1.5rem;
    width: 2rem
}

.H-mvE .lJWwj button {
    background-color: transparent;
    border-width: 0;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0;
    padding: .625rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.H-mvE .lJWwj button:hover {
    opacity: .8
}

.H-mvE .lJWwj button svg {
    height: 1rem;
    width: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .H-mvE .lJWwj button svg {
        height: 1.25rem;
        width: 1.25rem
    }
}

.H-mvE ._7pssD {
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    margin: revert-layer;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.H-mvE ._7pssD::backdrop {
    background-color: #000000b3
}

.H-mvE .XqB4V {
    display: grid;
    min-height: 4rem;
    place-content: center
}

._1NdIi {
    font-size: .7rem;
    font-weight: 700;
    line-height: 1;
    padding-top: .5rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

._1NdIi span {
    color: var(--primaryColor);
    display: block;
    font-size: .7rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.VxiI6 {
    height: 100%
}

@media (min-width:420px) {
    .VxiI6 {
        align-items: center;
        display: grid;
        grid-template-columns: auto 1fr;
        margin-left: auto;
        margin-right: auto;
        max-width: 220px
    }
}

.bTxP- {
    float: left;
    height: auto;
    margin-right: .5rem;
    width: 35px
}

@media (min-width:420px) {
    .bTxP- {
        grid-row: span 2/span 2;
        margin-right: .25rem;
        width: 50px
    }
}

.ZYyU2 {
    clear: both;
    font-size: 1rem;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(250 197 5/var(--tw-text-opacity, 1))
}

@media (min-width:420px) {
    .ZYyU2 {
        font-size: calc(.8rem + .8vw)
    }
}

@media (min-width:600px) {
    .ZYyU2 {
        text-align: center
    }
}

@media (min-width:1200px) {
    .ZYyU2 {
        font-size: 1.3rem
    }
}

.pkvdU {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    height: 100%;
    margin-bottom: 1.5rem;
    margin-top: -20px;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .pkvdU {
        flex-direction: row
    }
}

.Rybca {
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .Rybca {
        width: calc(50% - 12px)
    }
}

.Z9XQA {
    flex: 0 0 calc(100% - 20px);
    height: 100%;
    width: calc(100% - 20px);
    --tw-scroll-snap-strictness: mandatory;
    scroll-snap-align: center;
    white-space: normal
}

@media (min-width:900px) {
    .Z9XQA {
        flex: 0 0 100%;
        width: 100%
    }
}

._3hdAd {
    display: flex;
    flex-direction: row;
    gap: .75rem;
    margin-top: 1rem;
    width: 100%
}

@media (min-width:1024px) {
    ._3hdAd {
        margin-top: 0
    }

    .YFj46 {
        flex: 0 0 50%;
        flex-direction: column
    }
}

.OYRHt,
.jUXty {
    display: flex;
    height: 22px;
    left: -8px;
    position: absolute;
    top: 50%;
    width: 22px;
    z-index: 50;
    --tw-translate-y: -50%;
    align-items: center;
    border-radius: 9999px;
    cursor: pointer;
    justify-content: center;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: var(--primaryColor) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--primaryColorDegrade) var(--tw-gradient-to-position);
    color: var(--textColorInvert);
    opacity: .8;
    --tw-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    --tw-shadow-colored: 1px 1px 5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.OYRHt span,
.jUXty span {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.OYRHt span svg,
.jUXty span svg {
    color: var(--textColorInvert);
    height: 45%;
    stroke: var(--textColorInvert);
    stroke-width: 4%;
    width: 45%
}

.OYRHt {
    left: unset;
    right: -8px
}

@media (min-width:900px) {
    .OYRHt {
        left: unset
    }
}

.OYRHt span svg {
    margin-right: -1px
}

.jUXty span svg {
    margin-left: -1px
}

.OYRHt:hover,
.jUXty:hover {
    opacity: 1
}

.withScroll[data-v-52099f2d] {
    height: 100% !important
}

.withScroll[data-v-52099f2d]::-webkit-scrollbar,
.withScroll[data-v-52099f2d]::-webkit-scrollbar-thumb,
.withScroll[data-v-52099f2d]:hover::-webkit-scrollbar,
.withScroll[data-v-52099f2d]:hover::-webkit-scrollbar-thumb {
    height: 0 !important;
    width: 0 !important
}

:root {
    --bgbox: #2d2d59;
    --bgboxEnd: #1d1d36;
    --plate: #0c02b6;
    --plateEnd: #05033a;
    --sdwSecButton: #0d0e12;
    0
}

:root .o7w2i {
    --bgbox: #105032;
    --bgboxEnd: #012d25;
    --plate: #02b63e;
    --plateEnd: #033a31;
    --sdwSecButton: #0d1715
}

:root .w7tv7 {
    --bgbox: #004a83;
    --bgboxEnd: #001d32;
    --plate: #2774ba;
    --plateEnd: #0c2741;
    --sdwSecButton: #0d1210
}

.tzudJ * {
    box-sizing: border-box
}

.tzudJ {
    font-size: calc(.7rem + .5vw);
    font-weight: 400;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.egjlm,
.tzudJ {
    align-items: center;
    display: flex;
    justify-content: center
}

.egjlm {
    flex-direction: column;
    max-width: 410px;
    width: 88%;
    z-index: 1
}

.Gsm0e {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2
}

.Gsm0e:before {
    background: radial-gradient(100% 100% at 50% 5%, #fff1 0, #ffffff12);
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 1rem;
    content: "";
    height: calc(100% + 16px);
    left: -8px;
    mix-blend-mode: soft-light;
    position: absolute;
    top: -8px;
    width: calc(100% + 16px)
}

._08Atp {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: linear-gradient(to bottom, var(--bgbox), var(--bgboxEnd));
    border-radius: .5rem;
    box-shadow: inset 0 0 0 1px #ffffff0d, 0 1.5px 1.1px #00000009, 0 3.6px 2.5px #0000000c, 0 6.8px 4.8px #0000000f, 0 12.1px 8.5px #00000012, 0 22.6px 15.9px #00000016, 0 54px 38px #0000001f;
    height: 100%;
    overflow: hidden;
    padding: 3.2rem 1rem 2.5rem;
    text-align: center;
    z-index: 2
}

._08Atp,
._720-Z {
    position: relative;
    width: 100%
}

._720-Z {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: -20px;
    z-index: 3
}

@keyframes jzBU5 {

    0%,
    50%,
    to {
        filter: blur(0) brightness(100%) drop-shadow(0 0 2.5px rgba(255, 255, 255, .1)) drop-shadow(0 0 5px rgba(255, 255, 255, .075)) drop-shadow(0 0 7.5px rgba(255, 255, 255, .045)) drop-shadow(0 0 10px rgba(255, 255, 255, .025))
    }

    25%,
    75% {
        filter: blur(.5px) brightness(80%) drop-shadow(0 0 2.5px rgba(255, 255, 255, .1)) drop-shadow(0 0 5px rgba(255, 255, 255, .075)) drop-shadow(0 0 7.5px rgba(255, 255, 255, .045)) drop-shadow(0 0 10px rgba(255, 255, 255, .025))
    }
}

@keyframes _2SKy1 {
    0% {
        transform: rotateY(-180deg)
    }

    to {
        transform: rotateY(180deg)
    }
}

.kdImT {
    animation: jzBU5 2.5s linear infinite;
    text-align: left;
    transition: all .4s ease-out;
    z-index: 4
}

.kdImT:after {
    background-position: 50%;
    background-size: 100px 400%;
    border-radius: 8px;
    content: "";
    inset: 0;
    margin: auto;
    position: absolute;
    width: 11px;
    z-index: 1
}

.kdImT>div {
    animation: _2SKy1 2s linear infinite;
    perspective: 10000px;
    position: relative;
    transform-origin: center;
    transform-style: preserve-3d;
    z-index: 2
}

.kdImT>div>* {
    backface-visibility: inherit;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
}

.kdImT>div>div:first-child {
    transform: translateZ(-6px)
}

.kdImT>div>div:last-child {
    background-image: url(https://cdn.vera.bet.br/07d3c4dd-4d2e-4215-5b52-f77fce4c8e00/public);
    transform: translateZ(6px)
}

.kdImT>div em {
    filter: blur(.5px)
}

.kdImT>div em:first-of-type {
    transform: translateZ(0) rotateY(-6deg)
}

.kdImT>div em:last-of-type {
    transform: translateZ(0) rotateY(6deg)
}

.kdImT>div i {
    filter: blur(.5px)
}

.kdImT>div i:first-of-type {
    transform: translateZ(-5px)
}

.kdImT>div i:nth-of-type(2) {
    transform: translateZ(-4px)
}

.kdImT>div i:nth-of-type(3) {
    transform: translateZ(-3px)
}

.kdImT>div i:nth-of-type(4) {
    transform: translateZ(-2px)
}

.kdImT>div i:nth-of-type(5) {
    transform: translateZ(-1px)
}

.kdImT>div i:nth-of-type(6) {
    transform: translateZ(0)
}

.kdImT>div i:nth-of-type(7) {
    transform: translateZ(1px)
}

.kdImT>div i:nth-of-type(8) {
    transform: translateZ(2px)
}

.kdImT>div i:nth-of-type(9) {
    transform: translateZ(3px)
}

.kdImT>div i:nth-of-type(10) {
    transform: translateZ(4px)
}

.kdImT>div i:nth-of-type(11) {
    transform: translateZ(5px)
}

.kdImT.VW4f- {
    filter: none;
    height: 24px;
    transform: scale(.24);
    transform-origin: left top;
    width: 24px
}

.kdImT.AsmhY>div {
    height: 80px;
    width: 80px
}

.kdImT.AsmhY>div em,
.kdImT.AsmhY>div i,
.kdImT.AsmhY>div:after,
.kdImT.AsmhY>div>div:first-child,
.kdImT.AsmhY>div>div:last-child {
    background-image: url(https://cdn.vera.bet.br/07d3c4dd-4d2e-4215-5b52-f77fce4c8e00/public)
}

.-PYUB {
    background: linear-gradient(-180deg, #f8d973, #fcdd82 40%, #734d00, #f8cf54 60%, #f3ef80);
    border-radius: 50px;
    box-shadow: inset 0 0 3px #450202ab, 0 8px 5px 1px #00000080;
    display: inline-block;
    margin-top: -20px;
    opacity: 0;
    padding: 5px;
    text-decoration: none;
    transition: all .1s ease-out;
    z-index: 5
}

.-PYUB .QnlTr {
    background: radial-gradient(closest-side, var(--plate) 50%, var(--plateEnd));
    border-radius: 50px;
    display: block;
    padding: .8em 1.2rem
}

.-PYUB small {
    color: #fad052d3;
    display: block;
    font-size: calc(1.6rem + 1.2vw);
    font-weight: 800;
    left: 50%;
    letter-spacing: -.2rem;
    line-height: 1.3;
    position: absolute;
    text-transform: uppercase;
    transform: translate(-50%, -2.2rem)
}

.-PYUB small:after {
    background: -webkit-linear-gradient(#fffbc8, #f3e354, #eec23a, #fcfcfc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: -.5px;
    top: -.5px;
    z-index: 2
}

.-PYUB small:after,
.-PYUB small:before {
    content: attr(data-text);
    padding: 1px;
    position: absolute
}

.-PYUB small:before {
    text-shadow: 0 1px 0 rgba(255, 193, 59, .363), 0 2px 0 rgba(255, 193, 59, .2), 0 3px 0 rgba(255, 193, 59, .2), 0 4px 0 rgba(255, 193, 59, .2), 0 5px 3px rgba(0, 0, 0, .3), 0 7px 5px rgba(0, 0, 0, .8);
    z-index: -1
}

.-PYUB span {
    color: #fff;
    display: block;
    font-size: calc(1.9rem + 1.3vw);
    font-weight: 800;
    line-height: 1;
    position: relative;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .2), 0 2px 0 hsla(0, 0%, 100%, .2), 0 3px 0 hsla(0, 0%, 100%, .2), 0 4px 0 hsla(0, 0%, 100%, .2), 0 5px 3px rgba(0, 0, 0, .3), 0 7px 5px rgba(0, 0, 0, .5);
    text-transform: uppercase;
    z-index: 4
}

._1Fm1g {
    opacity: 0;
    top: 31%;
    width: 100%;
    z-index: 3
}

._1Fm1g,
.dnhBh {
    left: 0;
    position: absolute
}

.dnhBh {
    left: 50%;
    max-width: 321px;
    transform: translate(-50%);
    width: 82%
}

.dnhBh img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top center;
    object-position: top center;
    width: 100%
}

.rWCfA {
    opacity: 0;
    top: 10%;
    width: 100%;
    z-index: 2
}

.J918Q,
.rWCfA {
    left: 0;
    position: absolute
}

.J918Q {
    left: 50%;
    max-width: 410px;
    transform: translate(-50%);
    width: 110%
}

.J918Q img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

._5dIHu {
    font-size: calc(1rem + .8vw);
    font-weight: 800
}

p {
    margin: 0;
    padding: 0
}

.jVnxY {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    mix-blend-mode: lighten;
    position: absolute;
    z-index: -1
}

.jVnxY,
.jVnxY img {
    height: 100%;
    width: 100%
}

.jVnxY img {
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 35%, transparent 50%);
    mask-image: linear-gradient(180deg, transparent 0, #000 35%, transparent 50%);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    opacity: .5;
    transform: translateY(50%)
}

._784lu {
    color: #ffd900;
    font-size: calc(1.9rem + 1vw);
    font-weight: 800;
    line-height: 1;
    margin-bottom: 2px;
    margin-top: 2px;
    text-shadow: 0 1px 0 rgba(255, 174, 0, .2), 0 2px 0 rgba(255, 174, 0, .2), 0 3px 0 rgba(255, 174, 0, .2), 0 4px 0 rgba(255, 174, 0, .2), 0 5px 3px rgba(0, 0, 0, .3), 0 7px 5px rgba(0, 0, 0, .5);
    transition: all 2s ease-out
}

.ctIy0 {
    animation: cclnw 30s linear infinite;
    aspect-ratio: 1/1;
    height: auto;
    margin: 0;
    -webkit-mask-image: radial-gradient(#000 40%, transparent 80%);
    mask-image: radial-gradient(#000 40%, transparent 80%);
    overflow: hidden;
    width: 80%;
    z-index: 0
}

.ctIy0,
.ctIy0:before {
    border-radius: 50%;
    position: absolute
}

.ctIy0:before {
    animation: XDp3r 5s linear infinite;
    background: repeating-conic-gradient(from 0deg, rgba(255, 207, 50, .171) 0deg 25deg, transparent 24deg 40deg);
    content: "";
    height: 100%;
    left: 0;
    -webkit-mask-image: radial-gradient(#000 30%, transparent 65%);
    mask-image: radial-gradient(#000 30%, transparent 65%);
    top: 0;
    transform-origin: center;
    width: 100%
}

@keyframes cclnw {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes XDp3r {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1.2)
    }

    40% {
        transform: scale(.8)
    }

    60% {
        transform: scale(1.1)
    }

    70% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.-UsTI {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    top: -25%;
    transition: all 1s ease-out;
    width: 100%;
    z-index: 1
}

.-UsTI,
.-UsTI .TDuY7 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.-UsTI .TDuY7 {
    height: 0;
    width: 0
}

.-UsTI .pj2Rv,
.-UsTI .pj2Rv:before {
    border-color: transparent transparent hsla(0, 0%, 100%, .431);
    border-style: solid;
    border-width: 0 4px 7px;
    height: 0;
    position: absolute;
    width: 0
}

.-UsTI .pj2Rv:before {
    content: "";
    left: -4px;
    top: 2px;
    transform: rotate(180deg)
}

.-UsTI .pj2Rv:after {
    border-radius: 50%;
    box-shadow: 0 0 10px 7px #ffffff5b;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 4px;
    transform: translate(-50%, -50%);
    width: 1px
}

.-UsTI .TDuY7:first-child {
    margin-left: 30%
}

.-UsTI .TDuY7 .pj2Rv {
    animation: hYyld .12s infinite
}

.-UsTI .TDuY7:nth-child(2) {
    margin-left: -26%;
    margin-top: -13%;
    transform: scale(.7)
}

.-UsTI .TDuY7:nth-child(2) .pj2Rv {
    filter: invert(20%) sepia(94%) saturate(7061%) hue-rotate(326deg) brightness(99%) contrast(89%)
}

.-UsTI .TDuY7:nth-child(3) {
    margin-left: -22%;
    margin-top: -26%;
    transform: scale(1.1)
}

.-UsTI .TDuY7:nth-child(4) {
    margin-left: 10%;
    margin-top: -30%;
    transform: scale(.6)
}

.-UsTI .TDuY7:nth-child(4) .pj2Rv {
    animation: hYyld .1s infinite;
    filter: invert(23%) sepia(94%) saturate(7061%) hue-rotate(326deg) brightness(99%) contrast(89%)
}

.-UsTI .TDuY7:nth-child(5) {
    margin-left: -37%;
    margin-top: -3%;
    transform: scale(.2);
    transform: scale(.7)
}

.-UsTI .TDuY7:nth-child(6) {
    margin-left: -2%;
    margin-top: -24%;
    transform: scale(.4)
}

.-UsTI .TDuY7:nth-child(6) .pj2Rv {
    filter: invert(10%) sepia(124%) saturate(7061%) hue-rotate(326deg) brightness(99%) contrast(89%)
}

.-UsTI .TDuY7:nth-child(7) {
    margin-left: 24%;
    margin-top: -12%;
    transform: scale(.4)
}

.-UsTI .TDuY7:nth-child(7) .pj2Rv {
    animation: hYyld .1s infinite, cclnw 2s linear infinite
}

@keyframes hYyld {
    0% {
        opacity: 1
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

.XzilB {
    align-items: center;
    display: none;
    flex-direction: column;
    opacity: 0;
    transition: all 2s cubic-bezier(.15, .5, .12, 1)
}

.RmtD- {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    z-index: 6
}

.lYSPL {
    justify-content: space-between
}

.J11EU {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -1px
}

.J11EU,
.J11EU button {
    position: relative;
    z-index: 6
}

.J11EU button {
    background: linear-gradient(to bottom, var(--bgboxEnd) 30%, var(--bgbox));
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 0 0 1.4em 1.4em;
    box-shadow: 0 3px 0 var(--bgboxEnd), 0 10px 5px -5px #0000004d;
    color: var(--text);
    cursor: pointer;
    font-size: calc(.65rem + 1vw);
    font-weight: 800;
    padding: .8em 1.8em;
    text-transform: uppercase;
    transition: all .1s ease-out
}

.J11EU button:hover {
    box-shadow: 0 3px 0 var(--bgboxEnd), 0 20px 10px -5px #0000004d;
    color: #eec23a
}

.J11EU svg {
    fill: var(--bgboxEnd);
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .1))
}

._6105l {
    transform: scaleX(-1)
}

.-qwWz {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 7px;
    position: relative;
    z-index: 6
}

.-qwWz button {
    background-color: #ffffff0f;
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 0 0 16px 16px;
    color: #fff;
    cursor: pointer;
    font-size: calc(.5rem + 1vw);
    padding: .7em 1.5em;
    position: relative;
    text-transform: uppercase;
    transition: all .1s ease-out
}

.-qwWz button:hover {
    color: #eec23a
}

.-qwWz button:after {
    background: linear-gradient(to bottom, var(--sdwSecButton) 5%, transparent);
    content: "";
    height: 80%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.-qwWz svg {
    fill: var(--sdwSecButton);
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .1))
}

@keyframes ut6dX {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes UVrhw {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media screen and (min-width:370px) {
    ._784lu {
        font-size: calc(2rem + 1.5vw)
    }

    .J11EU button {
        font-size: 1rem
    }

    .-qwWz button {
        font-size: .8rem
    }

    .-qwWz,
    .J11EU {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media screen and (min-width:550px) {
    .tzudJ {
        font-size: .9rem
    }

    ._5dIHu {
        font-size: 1.25rem
    }

    .-PYUB small {
        font-size: 2.1rem
    }

    .-PYUB span {
        font-size: 2.4rem
    }

    ._784lu {
        font-size: 2.5rem
    }
}

.BDRz6,
.Tvdtt {
    animation: ut6dX .3s ease-out forwards
}

.BDRz6 {
    animation-delay: .3s
}

.dm6xw {
    animation: ut6dX .3s ease-out forwards;
    animation-delay: .6s
}

.BHPq- {
    animation: UVrhw 1s ease-in-out forwards;
    animation-delay: .7s
}

.GbvRf {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 0;
    margin-top: -25px;
    position: relative;
    z-index: 8
}

._5I7nB {
    animation: _5I7nB 1s ease-in-out infinite
}

@keyframes _5I7nB {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

:root {
    --bonus-backdrop: rgba(12, 14, 24, .72);
    --bonus-surface: #001510;
    --bonus-border: hsla(0, 0%, 100%, .12);
    --bonus-text: #eef1ff;
    --bonus-muted: #b9bfe3;
    --bonus-accent: #0606e0;
    --bonus-accent-200: #2706a8;
    --bonus-accent-600: #0e06a8;
}

.JRLyC {
    display: flex;
    inset: 0;
    justify-content: center;
    margin-top: 50px;
    outline: none;
    padding: clamp(16px, 4vw, 32px);
    place-items: unset;
    position: fixed;
    z-index: 9999
}

.eYFqt {
    background: linear-gradient(180deg, #d6ed161a 0, #10122500 40%), var(--bonus-surface);
    border: 1px solid var(--bonus-border);
    border-radius: 10px;
    box-shadow: 0 20px 80px #00000073, inset 0 1px #ffffff0d;
    color: var(--bonus-text);
    height: -moz-fit-content;
    height: fit-content;
    padding: clamp(20px, 5vw, 36px);
    position: relative;
    text-align: center;
    width: min(720px, 100%)
}

._7BUsk {
    display: flex;
    margin-bottom: .75rem;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    justify-content: center;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:768px) {
    ._7BUsk {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

._7BUsk {
    filter: drop-shadow(0 6px 20px rgba(214, 237, 22, .35))
}

.d16Hg {
    font-size: clamp(20px, 3.6vw, 32px)
}

.Xk0-x,
.d16Hg {
    font-weight: 800;
    letter-spacing: .2px
}

.Xk0-x {
    color: var(--bonus-muted);
    font-size: clamp(14px, 2.5vw, 26px);
    margin: 12px 0 16px
}

.Xk0-x strong {
    color: var(--bonus-text);
    font-size: clamp(18px, 3vw, 28px)
}

._7onpT {
    color: var(--bonus-muted);
    font-size: clamp(12px, 2.2vw, 18px)
}

._7onpT strong {
    color: var(--bonus-text)
}

._7onpT {
    line-height: 1.4;
    margin: 0
}

.MxOyt {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 22px
}

.Z2CV0,
._1AN7t {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 14px;
    cursor: pointer;
    font-weight: 700;
    padding: 12px 18px;
    transition: transform .06s ease, box-shadow .2s ease, background .2s ease, color .2s ease
}

._1AN7t {
    background: var(--bonus-accent);
    box-shadow: 0 6px 24px var(--tw-shadow-color);
    color: #0b0f1a
}

._1AN7t:hover {
    transform: translateY(-1px)
}

._1AN7t:active {
    transform: translateY(0)
}

.Z2CV0 {
    background: transparent;
    border: 1px solid var(--bonus-border);
    color: var(--bonus-text)
}

.Z2CV0:hover {
    background: #ffffff0a
}

.HtyoC {
    background: #ffffff05;
    border: 1px solid var(--bonus-border);
    border-radius: 10px;
    color: var(--bonus-text);
    cursor: pointer;
    display: grid;
    font-size: 22px;
    height: 36px;
    line-height: 1;
    place-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: background .2s ease;
    width: 36px
}

.HtyoC:hover {
    background: #ffffff0f
}

.Btpl4,
._2c3cc {
    transition: opacity .18s ease
}

.LOlXG,
.LP0gw {
    opacity: 0
}

#casino[data-v-a9530fe4] {
    margin-bottom: 100px;
    padding: 0
}

@media (min-width:900px) {
    #casino[data-v-a9530fe4] {
        margin-bottom: 0
    }
}

.game-open #divPageLayout[data-v-a9530fe4] {
    margin-top: 0 !important
}

.back[data-v-a9530fe4] {
    align-items: center;
    background-color: rgba(var(--bgBoxColorRGB), .1);
    border: solid hsla(0, 0%, 100%, .1);
    border-radius: 10px 10px 0 0;
    border-width: 1px 0 0;
    cursor: pointer;
    display: inline-flex;
    font-size: .85rem;
    font-weight: 700;
    gap: 5px;
    padding: 7px 12px;
    text-transform: capitalize;
    width: 100%
}

.back .iconBack[data-v-a9530fe4] {
    background-color: rgba(var(--bgBoxColorRGB), .8);
    border-radius: 15px;
    height: 22px;
    margin: -5px 5px -5px -5px;
    position: relative;
    width: 22px
}

.GdfDk {
    position: relative
}

.GdfDk,
.GdfDk .cXaPe {
    width: 100%
}

.GdfDk .cXaPe {
    border-radius: .5rem;
    border-style: none;
    height: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.GdfDk .cXaPe::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(255 255 255/var(--tw-placeholder-opacity, 1))
}

.GdfDk .cXaPe::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(255 255 255/var(--tw-placeholder-opacity, 1))
}

.GdfDk .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-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.GdfDk .cXaPe._8J-o- {
    height: 3rem
}

.GdfDk .cXaPe[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.GdfDk ._04yJb {
    height: 100%;
    position: absolute;
    right: .75rem;
    top: 50%;
    width: auto;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.GdfDk ._04yJb._8J-o- {
    right: 1.25rem
}

.w5KD4 {
    width: 100%
}

.w5KD4 .Qj2Mj {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 1.25rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .w5KD4 .Qj2Mj {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.w5KD4 .V9FIB {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1.25rem
}

@media (min-width:768px) {
    .w5KD4 .V9FIB {
        align-items: center;
        flex-direction: row;
        gap: 1.25rem
    }
}

.w5KD4 .V9FIB .R9puP {
    min-width: 10rem;
    width: 100%
}

@media (min-width:768px) {
    .w5KD4 .V9FIB .R9puP {
        max-width: 13rem
    }
}

.w5KD4 ._7jwqi {
    color: #ff9f43b3;
    font-size: .675rem;
    margin-top: 1rem
}

.w5KD4 .BuJNd {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: 1rem
}

.w5KD4 .BuJNd strong:first-child {
    text-transform: lowercase
}

.w5KD4 .V2cjb {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: 1.25rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.w5KD4 .V2cjb:disabled {
    cursor: not-allowed;
    opacity: .4
}

.zfQ8p {
    background-color: #00000020;
    border: solid hsla(0, 0%, 100%, .1);
    border-radius: 5px;
    border-width: 0 0 1px;
    flex-direction: column;
    margin-bottom: .5rem;
    position: relative
}

.zfQ8p,
.zfQ8p .qwaZM {
    display: flex
}

.zfQ8p .qwaZM {
    align-items: center;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1rem;
    padding: 1.25rem .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:768px) {
    .zfQ8p .qwaZM {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.zfQ8p .qwaZM:hover {
    opacity: .9
}

.zfQ8p .qwaZM .EoZNZ {
    align-items: center;
    display: flex;
    gap: .5rem
}

.zfQ8p .qwaZM .EoZNZ .Jx0U5 {
    border-radius: 9999px;
    font-size: .675rem;
    line-height: .75rem;
    padding: .125rem .375rem
}

.zfQ8p .qwaZM .EoZNZ .Jx0U5.Kis5Y {
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.zfQ8p .qwaZM .EoZNZ .Jx0U5.-R2DU,
.zfQ8p .qwaZM .EoZNZ .Jx0U5.Kis5Y {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.zfQ8p .qwaZM .EoZNZ .Jx0U5.-R2DU {
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.zfQ8p .qwaZM .EoZNZ .Jx0U5.-SPg4 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 67/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.zfQ8p .qwaZM .EoZNZ .Jx0U5.XKaND {
    background-color: #ffffff1a;
    color: #fff6
}

.zfQ8p .qwaZM .EoZNZ .vtee6 {
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.zfQ8p .qwaZM ._0p4Wl {
    margin-left: .5rem
}

.zfQ8p .qwaZM.HmC5f ._0p4Wl {
    --tw-rotate: 180deg;
    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))
}

.zfQ8p .mK0Sa {
    padding-bottom: 1.5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.zfQ8p .mK0Sa:last-child {
    padding-bottom: .75rem
}

.krQNU {
    width: 100%
}

.krQNU ._76f4e {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 1.25rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .krQNU ._76f4e {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.krQNU .qEgAq {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1.25rem
}

@media (min-width:768px) {
    .krQNU .qEgAq {
        align-items: center;
        flex-direction: row;
        gap: 1.25rem
    }
}

.krQNU .qEgAq .xdFZW {
    min-width: 10rem;
    width: 100%
}

@media (min-width:768px) {
    .krQNU .qEgAq .xdFZW {
        max-width: 13rem
    }
}

.krQNU ._53mFc {
    color: #ff9f43b3;
    font-size: .675rem;
    margin-top: 1rem
}

.krQNU .AC4kV {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: 1rem
}

.krQNU .AC4kV strong:first-child {
    text-transform: lowercase
}

.krQNU .jlzUw {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: 1.25rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.krQNU .jlzUw:disabled {
    cursor: not-allowed;
    opacity: .4
}

.x5Pfx {
    width: 100%
}

.x5Pfx .f6b6J {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 1.25rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .x5Pfx .f6b6J {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.x5Pfx .EOAEa {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1.25rem
}

@media (min-width:768px) {
    .x5Pfx .EOAEa {
        align-items: center;
        flex-direction: row;
        gap: 1.25rem
    }
}

.x5Pfx .EOAEa .RCw7a {
    min-width: 10rem;
    width: 100%
}

@media (min-width:768px) {
    .x5Pfx .EOAEa .RCw7a {
        max-width: 13rem
    }
}

.x5Pfx .HNfAM {
    color: #ff9f43b3;
    font-size: .675rem;
    margin-top: 1rem
}

.x5Pfx .s9lij {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: 1rem
}

.x5Pfx .s9lij strong:first-child {
    text-transform: lowercase
}

.x5Pfx .Rz2sU {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: 1.25rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.x5Pfx .Rz2sU:disabled {
    cursor: not-allowed;
    opacity: .4
}

.viCQk {
    display: flex;
    flex-direction: column
}

.viCQk ._9qdEO {
    border: solid hsla(0, 0%, 100%, .1);
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-width: 1px 0 0;
    height: 1rem;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    color: #fff9;
    font-size: .675rem;
    font-weight: 500;
    line-height: .75rem;
    padding: .125rem .5rem;
    text-transform: capitalize
}

.viCQk ._9qdEO,
.viCQk .pojg1 {
    align-items: center;
    display: flex
}

.viCQk .pojg1 {
    justify-content: space-between;
    position: relative;
    width: 100%
}

.viCQk .pojg1 ._2UWvz {
    border-style: none;
    height: 2rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.viCQk .pojg1 ._2UWvz::-moz-placeholder {
    color: #fff9
}

.viCQk .pojg1 ._2UWvz::placeholder {
    color: #fff9
}

.viCQk .pojg1 ._2UWvz: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-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.viCQk .pojg1 ._2UWvz.jDmwy:not(.W6BBf) {
    height: 3rem
}

.viCQk .pojg1 ._2UWvz.W6BBf {
    font-size: .75rem;
    height: 2rem;
    line-height: 1rem
}

.viCQk .pojg1 ._2UWvz[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.viCQk .pojg1 .VEz1z {
    align-items: center;
    border: 0 solid hsla(0, 0%, 100%, .1);
    display: flex;
    height: 2rem;
    justify-content: center;
    width: 5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    color: #fff9;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem
}

.viCQk .pojg1 .VEz1z.jDmwy:not(.W6BBf) {
    height: 3rem
}

.viCQk .pojg1 .VEz1z.W6BBf {
    height: 2rem
}

.viCQk .pojg1 .VEz1z.Oje-i {
    border-bottom-left-radius: .5rem;
    border-right-width: 1px;
    border-top-left-radius: .5rem
}

.viCQk .pojg1 .VEz1z.Oje-i.W6BBf {
    border-bottom-left-radius: 0
}

.viCQk .pojg1 .VEz1z.B59kV {
    border-bottom-right-radius: .5rem;
    border-left-width: 1px;
    border-top-right-radius: .5rem
}

.viCQk .pojg1 .VEz1z.B59kV.W6BBf {
    border-bottom-right-radius: 0
}

.dLGcH {
    width: 100%
}

.dLGcH .EjaTy {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 1.25rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .dLGcH .EjaTy {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.dLGcH ._2h-3S {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1.25rem
}

@media (min-width:768px) {
    .dLGcH ._2h-3S {
        align-items: center;
        flex-direction: row;
        gap: 1.25rem
    }
}

.dLGcH ._2h-3S .qqGq- {
    min-width: 10rem;
    width: 100%
}

@media (min-width:768px) {
    .dLGcH ._2h-3S .qqGq- {
        max-width: 13rem
    }
}

.dLGcH .A-o88 {
    color: #ff9f43b3;
    font-size: .675rem;
    margin-top: 1rem
}

.dLGcH ._9y95I {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: 1rem
}

.dLGcH ._9y95I strong:first-child {
    text-transform: lowercase
}

.dLGcH .RAmXT {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: 1.25rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.dLGcH .RAmXT:disabled {
    cursor: not-allowed;
    opacity: .4
}

.IvDix {
    border-width: 0;
    flex-direction: column;
    margin-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    width: 100%
}

.IvDix,
.IvDix ._1Y0Zu {
    display: flex;
    gap: 1.25rem
}

.IvDix ._1Y0Zu {
    align-items: center;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .IvDix ._1Y0Zu {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.IvDix .Y2CxX {
    position: relative
}

.IvDix .Y2CxX label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.IvDix .B9ivP {
    color: #ff9f43b3;
    font-size: .675rem
}

.fca2q {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.fca2q[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.E7SjZ {
    border-radius: .5rem;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    width: 100%
}

.E7SjZ,
.E7SjZ .PgEEN {
    display: flex;
    flex-direction: column
}

.E7SjZ .PgEEN {
    align-items: flex-start;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    font-size: .875rem;
    justify-content: flex-start;
    line-height: 1.25rem;
    text-align: center
}

.E7SjZ .PgEEN,
.E7SjZ .PgEEN .slFfe {
    --tw-text-opacity: 1
}

.E7SjZ .PgEEN .slFfe {
    color: rgb(255 159 67/var(--tw-text-opacity, 1));
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem
}

.E7SjZ ._5H69T {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.E7SjZ ._5H69T .k2Se3 {
    align-items: center;
    background-color: #ffffff0d;
    border-radius: .5rem;
    color: #ffffffe6;
    cursor: pointer;
    display: inline-flex;
    gap: 1.25rem;
    justify-content: space-between;
    padding: .75rem 1rem
}

.E7SjZ ._5H69T .k2Se3 .BI7b5 {
    font-size: .875rem;
    line-height: 1.25rem
}

.E7SjZ ._5H69T .k2Se3 .XNSyH {
    font-size: .75rem;
    line-height: 1rem
}

.E7SjZ ._5H69T .k2Se3.A-t7m {
    color: #fff9;
    opacity: .6
}

.E7SjZ ._5H69T .k2Se3.A-t7m:hover {
    opacity: .5
}

._45j1u {
    border-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    width: 100%
}

._45j1u ._13xeh {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 1.25rem;
    line-height: 1rem;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    ._45j1u ._13xeh {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._45j1u ._5blep {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
}

._45j1u ._5blep label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

._45j1u .GByWD {
    color: #ff9f43b3;
    font-size: .675rem
}

._45j1u ._3CjPp {
    align-items: center;
    border-radius: .375rem;
    border-style: solid;
    border-width: 1px;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    white-space: nowrap;
    --tw-border-opacity: 1;
    background-color: #001510cc;
    border-color: rgb(22 61 51/var(--tw-border-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

._45j1u ._3CjPp[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.eClQT {
    color: #ffffffe6;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

@media (min-width:768px) {
    .eClQT {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.eClQT p {
    margin-bottom: 1.25rem
}

.QUvVH {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
    width: 100%
}

.QUvVH .XHafR {
    align-items: center;
    color: #ffffffb3;
    display: flex;
    font-size: .675rem;
    margin-bottom: 1rem;
    margin-top: -.25rem
}

@media (min-width:768px) {
    .QUvVH .XHafR {
        font-size: .75rem;
        line-height: 1rem
    }
}

.vyBWf {
    align-items: center;
    background-color: #ffffff10;
    border-radius: .375rem;
    color: #fff9;
    display: flex;
    font-size: .75rem;
    justify-content: space-between;
    line-height: 1rem;
    padding: 1.25rem .5rem
}

.vyBWf .PhlUS {
    font-size: 1rem;
    line-height: 1.5rem
}

.TSJnw,
.XKW3- {
    height: auto;
    margin: 0;
    max-width: 792px;
    width: 100%
}

.KG0Gu {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: center;
    padding: 1rem .25rem
}

@media (min-width:768px) {
    .KG0Gu {
        flex-direction: row;
        padding: 1.5rem
    }
}

.KG0Gu .T8qcY {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.KG0Gu .T8qcY img {
    height: 4rem;
    margin-left: auto;
    margin-right: auto;
    min-width: 4rem;
    width: 4rem
}

@media (min-width:1024px) {
    .KG0Gu .T8qcY img {
        height: 5rem;
        min-width: 5rem;
        width: 5rem
    }
}

.KG0Gu .wFSwx {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: center
}

@media (min-width:768px) {
    .KG0Gu .wFSwx {
        align-items: flex-start
    }
}

@keyframes aEt6p {
    to {
        transform: rotate(1turn)
    }
}

.KG0Gu .wFSwx .HMG5f {
    animation: aEt6p 1s linear infinite
}

.KG0Gu .wFSwx .cdJwf {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    gap: .5rem;
    line-height: .75rem
}

@media (min-width:768px) {
    .KG0Gu .wFSwx .cdJwf {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media (min-width:1024px) {
    .KG0Gu .wFSwx .cdJwf {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: -.5rem
    }
}

.KG0Gu .wFSwx .cdJwf.ZpfP4 {
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.KG0Gu .wFSwx .cdJwf.duclf {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.KG0Gu .wFSwx .cdJwf.XpcXF {
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.KG0Gu .wFSwx .BFJIg {
    color: #fff9;
    font-size: .75rem;
    font-weight: 500;
    line-height: .75rem;
    max-width: 80vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:1024px) {
    .KG0Gu .wFSwx .BFJIg {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.KG0Gu .wFSwx .C0VuC {
    border-radius: 9999px;
    height: .5rem;
    margin-top: 1px;
    min-width: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1))
}

@media (min-width:768px) {
    .KG0Gu .wFSwx .C0VuC {
        min-width: 420px
    }
}

.KG0Gu .wFSwx .C0VuC .Xyty3 {
    background-color: #fff3;
    border-radius: 9999px;
    height: 100%;
    position: relative
}

.KG0Gu .wFSwx .C0VuC .Xyty3 ._9iQ-r {
    border-radius: 9999px;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.KG0Gu .wFSwx .C0VuC .Xyty3 ._9iQ-r .VC-Xo {
    animation: f-LPE .6s linear infinite;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .2) 20px);
    border-radius: 9999px;
    height: .5rem;
    inset: 0;
    position: absolute;
    width: 100%;
    will-change: background-position
}

.KG0Gu .wFSwx .GmS6z {
    align-items: center;
    background-color: #fff3;
    border-radius: 9999px;
    color: #fffc;
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    line-height: 1rem;
    margin-top: .25rem;
    padding: .375rem .75rem
}

.KG0Gu .wFSwx .GmS6z._12hO3 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

@keyframes f-LPE {
    0% {
        background-position-x: 0
    }

    to {
        background-position-x: 28.28px
    }
}

.n99th {
    padding-top: .375rem;
    position: relative;
    width: 100%
}

.n99th .cx5D- {
    background-color: #001510b3;
    border-radius: .25rem;
    cursor: pointer;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.25rem;
    min-width: 2rem;
    position: absolute;
    right: .75rem;
    top: .75rem;
    width: 2rem;
    z-index: 10;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.n99th .Jiu75,
.n99th .cx5D- {
    align-items: center;
    display: flex;
    justify-content: center
}

.n99th .Jiu75 {
    border-radius: 10px 10px 0 0;
    height: 17vh;
    margin: 0 auto;
    max-height: 220px;
    min-height: 137px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width:640px) {
    .n99th .Jiu75 {
        max-height: 300px
    }
}

@media (min-width:768px) {
    .n99th .Jiu75 {
        height: auto;
        max-height: 350px
    }
}

.n99th .Jiu75 img {
    height: 100%;
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
    mask-image: linear-gradient(180deg, #000 60%, transparent);
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.n99th .Jiu75 img.TZjzN {
    --tw-grayscale: grayscale(100%);
    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)
}

.n99th .Jiu75 .uRPHm {
    bottom: 0;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 0;
    line-height: 1.25rem;
    padding: .5rem .75rem;
    position: absolute;
    width: unset;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    opacity: .8
}

@media (min-width:768px) {
    .n99th .Jiu75 .uRPHm {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .75rem 1rem
    }
}

.n99th .Jiu75 .uRPHm .hjSaa {
    color: #fff9;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem
}

@media (min-width:768px) {
    .n99th .Jiu75 .uRPHm .hjSaa {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.n99th ._43w88 {
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.n99th ._43w88 ._1G5SX {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    width: 100%
}

@media (min-width:768px) {
    .n99th ._43w88 ._1G5SX {
        align-items: center;
        gap: 1.25rem
    }
}

.n99th ._43w88 ._1G5SX .om656 {
    display: inline-flex;
    flex: 1 1 0%;
    gap: .5rem;
    justify-content: flex-start;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .n99th ._43w88 ._1G5SX .om656 {
        gap: 1.25rem
    }
}

@media (max-width:362px) {
    .n99th ._43w88 ._1G5SX .om656>.qbKI7 .L6LCw {
        font-size: .6rem
    }

    @media (max-width:338px) {
        .n99th ._43w88 ._1G5SX .om656>.qbKI7 {
            display: none
        }

        .n99th ._43w88 ._1G5SX .om656>.qbKI7:first-child {
            display: flex
        }
    }
}

.n99th ._43w88 ._1G5SX .qbKI7 {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    text-align: center
}

@media (min-width:768px) {
    .n99th ._43w88 ._1G5SX .qbKI7 {
        flex: none
    }
}

.n99th ._43w88 ._1G5SX .qbKI7 label {
    align-items: center;
    display: flex;
    font-size: .65rem;
    gap: .25rem;
    justify-content: center;
    margin-bottom: .25rem;
    text-align: center
}

@media (min-width:768px) {
    .n99th ._43w88 ._1G5SX .qbKI7 label {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.n99th ._43w88 ._1G5SX .qbKI7 label>svg {
    font-size: .9em;
    opacity: .8
}

.n99th ._43w88 ._1G5SX .qbKI7 .L6LCw {
    align-items: center;
    background-color: rgba(var(--bgBoxColorRGB), .2);
    border-radius: 8px;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    line-height: 1rem;
    overflow: hidden;
    padding: 1rem 1.25rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
    --tw-shadow: 1px 1px 0px rgba(var(--primaryColorRGB), .15), inset 1px 1px 3px rgba(0, 0, 0, .2);
    --tw-shadow-colored: 1px 1px 0px var(--tw-shadow-color), inset 1px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width:768px) {
    .n99th ._43w88 ._1G5SX .qbKI7 .L6LCw {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.n99th ._43w88 ._1G5SX .qbKI7 .L6LCw .d18vc {
    position: relative;
    z-index: 20
}

.n99th ._43w88 ._1G5SX .qbKI7 .L6LCw.VjWie {
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.n99th ._43w88 ._1G5SX .qbKI7 .L6LCw.VjWie,
.n99th ._43w88 ._1G5SX .qbKI7 .L6LCw.aHzRT {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1
}

.n99th ._43w88 ._1G5SX .qbKI7 .L6LCw.aHzRT {
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.n99th ._43w88 ._1G5SX .qbKI7 .L6LCw .iGlFg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1))
}

.n99th ._43w88 ._1G5SX .qbKI7.g-RRw {
    display: inline-flex;
    text-align: right
}

.n99th ._43w88 ._1G5SX .qbKI7.g-RRw ._6FCVZ {
    border-radius: 8px;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .75rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .n99th ._43w88 ._1G5SX .qbKI7.g-RRw ._6FCVZ {
        font-size: 1rem;
        padding: .75rem 2rem
    }
}

.n99th ._43w88 ._1G5SX .qbKI7.g-RRw ._6FCVZ span {
    background-color: transparent;
    padding: 0
}

.n99th ._43w88 ._1G5SX .qbKI7.g-RRw ._6FCVZ[disabled]:not([disabled=false]):not(._1oe54) {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.n99th ._43w88 ._1G5SX .qbKI7.g-RRw ._6FCVZ[disabled]:not([disabled=false]):not(._1oe54):hover {
    opacity: 1
}

.n99th ._43w88 ._1G5SX .qbKI7.g-RRw ._6FCVZ._1oe54 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.n99th ._43w88 ._1G5SX .qbKI7.g-RRw ._6FCVZ._1oe54:hover {
    opacity: 1
}

.n99th ._43w88 ._1G5SX .qbKI7.g-RRw ._6FCVZ.s46y4 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.n99th ._43w88 ._1G5SX .qbKI7.g-RRw ._6FCVZ.s46y4:hover {
    opacity: 1
}

.n99th .VdylX {
    display: flex;
    flex-direction: column;
    padding-bottom: .5rem;
    padding-top: .5rem
}

@media (min-width:768px) {
    .n99th .VdylX {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media (min-width:1024px) {
    .n99th .VdylX {
        flex-direction: row
    }
}

.n99th .VdylX .LoAVn {
    padding: .5rem 0;
    width: 100%
}

@media (min-width:768px) {
    .n99th .VdylX .LoAVn {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media (min-width:1024px) {
    .n99th .VdylX .LoAVn {
        width: 60%
    }
}

.n99th .VdylX .LoAVn .uWWki {
    align-items: center;
    border-radius: .25rem;
    color: var(--primaryColor);
    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-bottom: .5rem;
    padding-top: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .n99th .VdylX .LoAVn .uWWki {
        cursor: auto;
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: .5rem;
        padding-bottom: .75rem;
        padding-top: .75rem;
        width: auto
    }
}

.n99th .VdylX .LoAVn .uWWki svg.vpgfH {
    font-size: .8em
}

@media (min-width:768px) {
    .n99th .VdylX .LoAVn .uWWki svg.vpgfH {
        display: none
    }
}

.n99th .VdylX .LoAVn .PXkHS {
    max-height: 0;
    overflow: hidden
}

@media (min-width:768px) {
    .n99th .VdylX .LoAVn .PXkHS {
        max-height: none
    }
}

.n99th .VdylX .LoAVn .PXkHS.pKFsW {
    max-height: none
}

.n99th .VdylX .LoAVn .PXkHS p {
    font-size: .875rem;
    line-height: 1.5rem;
    padding: .5rem
}

@media (min-width:768px) {
    .n99th .VdylX .LoAVn .PXkHS p {
        font-size: 1rem;
        line-height: 1.75rem;
        padding: 1rem 0
    }
}

.n99th .VdylX .w3jFe {
    margin-top: .5rem;
    width: 100%
}

@media (min-width:1024px) {
    .n99th .VdylX .w3jFe {
        padding-left: 1rem;
        width: 256px
    }
}

.n99th .VdylX .w3jFe .a8s8u {
    display: flex;
    justify-content: space-between
}

.n99th .VdylX .w3jFe .a8s8u button {
    background-color: rgba(var(--bgBoxColorRGB), .2);
    flex: 1 1 0%;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding-bottom: .75rem;
    padding-top: .75rem
}

.n99th .VdylX .w3jFe .a8s8u button:first-child {
    border-top-left-radius: .5rem
}

.n99th .VdylX .w3jFe .a8s8u button:last-child {
    border-top-right-radius: .5rem
}

.n99th .VdylX .w3jFe .a8s8u button.agM41 {
    background-color: rgba(var(--bgBoxColorRGB), .4);
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.n99th .VdylX .w3jFe 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)
}

.n99th .VdylX .w3jFe table thead tr {
    background-color: rgba(var(--bgBoxColorRGB), .4)
}

.n99th .VdylX .w3jFe table thead tr th {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .75rem 1rem
}

@media (min-width:768px) {
    .n99th .VdylX .w3jFe table thead tr th {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: 1rem 1.5rem
    }
}

.n99th .VdylX .w3jFe table thead tr th:nth-child(2n) {
    text-align: right
}

.n99th .VdylX .w3jFe table thead tr th:nth-child(odd) {
    text-align: left
}

.n99th .VdylX .w3jFe table tbody tr:nth-child(2n) {
    background-color: rgba(var(--bgBoxColorRGB), .4)
}

.n99th .VdylX .w3jFe table tbody tr:nth-child(odd) {
    background-color: rgba(var(--bgBoxColorRGB), .2)
}

.n99th .VdylX .w3jFe table tbody td {
    padding: .75rem 1rem;
    text-wrap: nowrap;
    white-space: nowrap
}

@media (min-width:768px) {
    .n99th .VdylX .w3jFe table tbody td {
        padding: 1rem 1.5rem
    }
}

.n99th .VdylX .w3jFe table tbody td:nth-child(2n) {
    text-align: right
}

.n99th .VdylX .w3jFe table tbody td:nth-child(odd) {
    text-align: left
}

.n99th .VdylX .w3jFe table tbody td:first-child {
    padding-right: .25rem
}

.n99th .VdylX .w3jFe table tbody td:last-child {
    padding-left: .25rem
}

.n99th .VdylX .w3jFe table .Cr7bA {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .n99th .VdylX .w3jFe table .Cr7bA {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.n99th .VdylX .w3jFe table .Cr7bA.RvFgd {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.n99th .VdylX .w3jFe table .kRG1L {
    align-items: center;
    color: #ffffff80;
    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) {
    .n99th .VdylX .w3jFe table .kRG1L {
        max-width: 13rem
    }
}

.n99th .VdylX .w3jFe table .kRG1L.RvFgd {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.n99th .VdylX .w3jFe table .kRG1L img {
    border-radius: 9999px;
    height: 1.25rem;
    width: 1.25rem
}

.n99th .VdylX .w3jFe table .vs9lO {
    background-color: #03de631a;
    border-radius: 9999px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .25rem .5rem;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .n99th .VdylX .w3jFe table .vs9lO {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .5rem 1rem
    }
}

.n99th .VdylX .w3jFe table .vs9lO.oO3oX {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.Mg1PO {
    animation: _6UQzl .6s linear infinite
}

@keyframes _6UQzl {
    to {
        transform: rotate(1turn)
    }
}

.OyllM {
    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: rgb(0 21 16/var(--tw-bg-opacity, 1));
    height: 100dvh;
    width: 100dvw
}

.uN5IW .Jeyd- {
    width: 100%
}

@media (min-width:360px) {
    .uN5IW .Jeyd- {
        max-width: 360px
    }
}

@media (min-width:368px) {
    .uN5IW .Jeyd- {
        max-width: 368px
    }
}

@media (min-width:390px) {
    .uN5IW .Jeyd- {
        max-width: 390px
    }
}

@media (min-width:412px) {
    .uN5IW .Jeyd- {
        max-width: 412px
    }
}

@media (min-width:600px) {
    .uN5IW .Jeyd- {
        max-width: 600px
    }
}

@media (min-width:640px) {
    .uN5IW .Jeyd- {
        max-width: 640px
    }
}

@media (min-width:700px) {
    .uN5IW .Jeyd- {
        max-width: 700px
    }
}

@media (min-width:768px) {
    .uN5IW .Jeyd- {
        max-width: 768px
    }
}

@media (min-width:900px) {
    .uN5IW .Jeyd- {
        max-width: 900px
    }
}

@media (min-width:1024px) {
    .uN5IW .Jeyd- {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .uN5IW .Jeyd- {
        max-width: 1280px
    }
}

@media (min-width:1350px) {
    .uN5IW .Jeyd- {
        max-width: 1350px
    }
}

@media (min-width:1400px) {
    .uN5IW .Jeyd- {
        max-width: 1400px
    }
}

@media (min-width:1536px) {
    .uN5IW .Jeyd- {
        max-width: 1536px
    }
}

@media (min-width:1800px) {
    .uN5IW .Jeyd- {
        max-width: 1800px
    }
}

.uN5IW .Jeyd- {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    z-index: 10
}

@media (min-width:768px) {
    .uN5IW .Jeyd- {
        padding-top: 0
    }
}

.IU5SJ {
    align-items: center;
    animation: U99Q7 10s ease-in-out infinite;
    background-attachment: fixed;
    background-image: linear-gradient(315deg, #65005ebf 3%, #3c84cebf 38%, #05a651bf, #ff8c00bf 98%);
    background-size: 300% 300%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    font-size: .55rem;
    font-weight: 400;
    justify-content: center;
    line-height: .75rem;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 10;
    --tw-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, .5), 0 -100px 0 100px var(--bgTopHeaderColor);
    --tw-shadow-colored: inset 0 -5px 5px -5px var(--tw-shadow-color), 0 -100px 0 100px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.IU5SJ:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@keyframes U99Q7 {
    0% {
        background-position: 0 0;
        content: var(--tw-content)
    }

    50% {
        background-position: 100% 100%;
        content: var(--tw-content)
    }

    to {
        background-position: 0 0;
        content: var(--tw-content)
    }
}

.IU5SJ:before {
    animation: U99Q7 20s linear infinite;
    background-attachment: fixed;
    background-color: var(--predominantColor);
    background-position: 400% 400%;
    mix-blend-mode: hue;
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width:412px) {
    .IU5SJ {
        font-size: .6rem
    }
}

@media (min-width:900px) {
    .IU5SJ {
        font-size: .75rem
    }
}

@media print {
    .IU5SJ {
        display: none
    }
}

.oC8aN {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    line-height: 1rem;
    padding: .25rem 2rem .25rem .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .oC8aN {
        gap: .5rem;
        padding: .375rem .5rem
    }
}

.oC8aN span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    cursor: pointer;
    font-size: .675rem;
    font-weight: 500;
    -webkit-line-clamp: 2
}

@media (min-width:768px) {
    .oC8aN span {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media (max-width:395px) {
    .oC8aN span {
        font-size: .68rem;
        line-height: .75rem
    }
}

@media (max-width:380px) {
    .oC8aN span {
        font-size: .62rem
    }
}

@media (max-width:360px) {
    .oC8aN span {
        font-size: .58rem
    }
}

@media (max-width:330px) {
    .oC8aN span {
        font-size: .52rem
    }
}

.oC8aN button {
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(25 26 26/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .oC8aN button {
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.25rem
    }
}

.oC8aN .KiosR {
    cursor: pointer;
    opacity: .6;
    padding: .5rem;
    position: absolute;
    right: 0
}

.oC8aN .KiosR:hover {
    opacity: 1
}

@media (min-width:768px) {
    .oC8aN .KiosR {
        right: .5rem
    }
}

.oC8aN .KiosR svg {
    fill: #fefefe;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width:768px) {
    .oC8aN .KiosR svg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media print {
    .oC8aN {
        display: none !important
    }
}

.v0PM7 {
    align-items: center;
    background-color: var(--bgTopHeaderColor);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative
}

.v0PM7 .qrvCp,
.v0PM7 .rL8ON {
    display: none;
    font-size: 0
}

@media screen and (min-width:900px) {
    .v0PM7 .qrvCp {
        display: inline-block;
        margin-left: 230px
    }

    .v0PM7 .qrvCp ul {
        font-size: 0;
        list-style-type: none
    }

    .v0PM7 .qrvCp ul li {
        line-height: 1
    }

    .v0PM7 .qrvCp ul li,
    .v0PM7 .qrvCp ul li .upuQH {
        display: inline-block;
        font-size: .6rem
    }

    .v0PM7 .qrvCp ul li .upuQH {
        color: var(--textColor);
        opacity: .7;
        padding: .125rem .5rem;
        text-transform: uppercase;
        transition-duration: .3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .v0PM7 .qrvCp ul li .upuQH:hover {
        opacity: 1
    }

    .v0PM7 .rL8ON {
        margin: -.375rem .625rem -.375rem 0
    }

    .v0PM7 .rL8ON .upuQH {
        display: inline-block;
        margin: 0 .125rem;
        opacity: .5
    }

    .v0PM7 .rL8ON .upuQH:hover {
        opacity: 1
    }

    .v0PM7 .rL8ON .upuQH svg {
        color: var(--textColor);
        height: 1rem;
        transition-duration: .3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        width: 1rem
    }
}

.Sx3ro {
    align-items: flex-end;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 8px 8px 10px 11px
}

@media screen and (min-width:540px) {
    .Sx3ro {
        padding: 8px 13px 10px 15px
    }
}

.Sx3ro span {
    background-color: var(--textColor);
    border-radius: 9999px;
    display: block;
    height: 3px;
    margin: 1.5px;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, margin-right .3s, background-color .6s;
    width: 17px
}

@media screen and (min-width:360px) {
    .Sx3ro span {
        width: 22px
    }
}

.Sx3ro span:last-child {
    width: 50%
}

.Sx3ro:hover span {
    background-color: var(--primaryColor)
}

.Sx3ro:hover span:last-child {
    margin-right: calc(50% - 1.5px)
}

@media screen and (max-width:899px) {
    .Sx3ro.c-zof span:first-child {
        margin-top: 4px;
        --tw-rotate: 45deg
    }

    .Sx3ro.c-zof span:first-child,
    .Sx3ro.c-zof span:nth-child(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(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .Sx3ro.c-zof span:nth-child(2) {
        margin-top: -4px;
        --tw-rotate: -45deg
    }

    .Sx3ro.c-zof span:nth-child(3) {
        --tw-scale-x: 0;
        --tw-scale-y: 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))
    }
}

@media screen and (min-width:900px) {
    .Sx3ro.c-zof span:last-child {
        margin-right: calc(50% - 1.5px)
    }

    .Sx3ro.c-zof:hover span:last-child {
        margin-right: 0
    }
}

.-fD6d {
    display: inline-block;
    margin-top: -.75rem;
    padding: 0;
    perspective: 85px;
    position: relative
}

@media screen and (min-width:900px) {
    .-fD6d {
        margin: -2.75rem 0 0
    }
}

.-fD6d:after {
    bottom: -3px;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
    --tw-content: "";
    background: radial-gradient(ellipse at center, rgba(var(--primaryColorRGB), .99) 0, rgba(var(--primaryColorRGB), .2), rgba(var(--primaryColorRGB), 0) 50%);
    content: var(--tw-content)
}

@media screen and (min-width:360px) {
    .-fD6d:after {
        bottom: -2px
    }
}

@media screen and (min-width:540px) {
    .-fD6d:after {
        bottom: -4px;
        height: 7px
    }
}

@media screen and (min-width:900px) {
    .-fD6d:after {
        bottom: -1px
    }
}

.-fD6d .jW8CE {
    display: inline-block;
    margin-bottom: -.125rem;
    padding: .5rem .625rem .625rem;
    position: relative;
    z-index: 2
}

@media screen and (min-width:360px) {
    .-fD6d .jW8CE {
        padding: .5rem .875rem .625rem
    }
}

@media screen and (min-width:540px) {
    .-fD6d .jW8CE {
        padding: .375rem 1.5rem .75rem
    }
}

@media screen and (min-width:900px) {
    .-fD6d .jW8CE {
        padding: 2px 25px 12px
    }
}

.-fD6d .jW8CE .fHIBA {
    aspect-ratio: 109/28;
    height: auto;
    width: 61px
}

.-fD6d .jW8CE .fHIBA img {
    max-width: 100%;
    width: auto
}

@media screen and (min-width:360px) {
    .-fD6d .jW8CE .fHIBA {
        width: 67px
    }
}

@media screen and (min-width:370px) {
    .-fD6d .jW8CE .fHIBA {
        width: 78px
    }
}

@media screen and (min-width:400px) {
    .-fD6d .jW8CE .fHIBA {
        width: 90px
    }
}

@media screen and (min-width:540px) {
    .-fD6d .jW8CE .fHIBA {
        width: 109px
    }
}

.-fD6d .vWO8d {
    height: 100%;
    left: 0;
    margin-left: -.5rem;
    position: absolute;
    top: -.375rem;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 107%;
    z-index: 1
}

@media (min-width:900px) {
    .-fD6d .vWO8d {
        top: -9px
    }
}

.-fD6d .vWO8d .i4BPS {
    animation: Xd2G0 8s infinite;
    height: auto;
    width: 115%
}

.-fD6d .vWO8d span {
    height: 125%;
    left: 0;
    position: absolute;
    top: -40%;
    width: 20%;
    --tw-blur: blur(1px);
    animation: f8ch- 13s ease-in-out infinite;
    background: radial-gradient(closest-side, rgba(var(--primaryColorRGB), .2) 0, rgba(var(--primaryColorRGB), 0) 90%);
    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);
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.-fD6d .vWO8d span:nth-child(2) {
    animation: XtKYg 6s infinite;
    background: radial-gradient(closest-side, #fff3 0, #fff0 90%);
    left: unset;
    right: 0;
    top: -30%;
    width: 50%
}

.-fD6d .vWO8d.IVzB7 span {
    animation: unset
}

.-fD6d ._0KEoC {
    background-color: var(--bgTopHeaderColor);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 2px #ffffff0d;
    height: 116%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: rotateX(-30deg) scale(.94);
    transform-style: preserve-3d;
    width: 100%;
    z-index: 0
}

@media screen and (min-width:370px) {
    .-fD6d ._0KEoC {
        border-bottom-left-radius: 13px;
        border-bottom-right-radius: 13px
    }
}

@media screen and (min-width:540px) {
    .-fD6d ._0KEoC {
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;
        height: 120%
    }
}

@media screen and (min-width:900px) {
    .-fD6d ._0KEoC {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        height: 85%;
        top: 22%
    }
}

.-fD6d ._0KEoC .vCqSa {
    aspect-ratio: 1/1;
    bottom: 0;
    height: 100%;
    mix-blend-mode: lighten;
    opacity: .2;
    z-index: 0;
    --tw-hue-rotate: hue-rotate(439deg);
    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);
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.-fD6d ._0KEoC .vCqSa,
.-fD6d ._0KEoC .vCqSa:after {
    left: 0;
    position: absolute;
    width: 100%
}

.-fD6d ._0KEoC .vCqSa:after {
    bottom: -3px;
    height: 5px;
    --tw-content: "";
    background: radial-gradient(ellipse at center, rgba(var(--primaryColorRGB), .99) 0, rgba(var(--primaryColorRGB), .2), rgba(var(--primaryColorRGB), 0) 50%);
    content: var(--tw-content)
}

.-fD6d ._0KEoC .vCqSa img,
.-fD6d ._0KEoC .vCqSa video {
    height: 200%;
    width: 200%
}

.-fD6d:hover .vCqSa {
    opacity: .3
}

.-fD6d:hover .vWO8d {
    --tw-brightness: brightness(1.25);
    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 Xd2G0 {
    0% {
        opacity: .9
    }

    50% {
        opacity: .5
    }

    to {
        opacity: .9
    }
}

@keyframes f8ch- {
    0% {
        margin-left: 0;
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
        opacity: .5;
        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))
    }

    75% {
        opacity: .7
    }

    to {
        margin-left: 80%;
        opacity: 0
    }
}

@keyframes XtKYg {
    0% {
        margin-right: 0;
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        margin-right: 50%;
        opacity: .9
    }

    75% {
        opacity: .7
    }

    to {
        margin-right: 20%;
        --tw-scale-x: .75;
        --tw-scale-y: .75;
        opacity: 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))
    }
}

.iWRcm {
    display: none;
    line-height: .5rem
}

@media (min-width:900px) {
    .iWRcm {
        bottom: 4px;
        color: rgba(var(--textColorRGB), .45);
        display: inline-block;
        font-size: .46rem;
        letter-spacing: .01rem;
        margin-left: 67px;
        position: absolute
    }
}

.iWRcm .spZqV {
    align-items: center;
    display: flex;
    text-align: center;
    text-transform: uppercase;
    width: 132px
}

.NIkhc {
    color: var(--primaryColor);
    font-size: .4rem;
    font-weight: 600;
    position: absolute;
    text-transform: uppercase;
    top: -2px
}

.GFc-W {
    font-size: .45rem;
    font-weight: 400;
    line-height: 1;
    opacity: .7
}

@media (min-width:768px) {
    .GFc-W {
        font-size: .55rem
    }
}

.onKjY {
    font-size: .7rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: -1px
}

@media (min-width:768px) {
    .onKjY {
        font-size: .8rem;
        margin-top: 2px
    }
}

.ZA0IG {
    display: flex;
    margin: 4px 0 5px 8px;
    position: relative
}

@media (min-width:540px) {
    .ZA0IG {
        margin: 9px 0
    }
}

.ZA0IG .TbCuI {
    align-items: center;
    display: flex;
    gap: 3px;
    padding: 4px 13px 4px 10px;
    position: relative
}

@media (min-width:430px) {
    .ZA0IG .TbCuI {
        gap: 7px
    }
}

.ZA0IG .TbCuI:before {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px 0 0 8px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: skew(var(--skew));
    transform-origin: center;
    width: 100%;
    z-index: -1;
    --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: transparent var(--tw-gradient-to-position);
    --tw-content: "";
    content: var(--tw-content)
}

.ZA0IG .TbCuI .LRwjm {
    align-items: center;
    aspect-ratio: 1;
    border-radius: 9999px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-left: -19px;
    padding: 3px;
    position: relative;
    transform-origin: center;
    z-index: 1;
    --tw-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
    --tw-shadow-colored: 1px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-color: #ffffff4d;
    outline-offset: -1px;
    outline-style: solid;
    outline-width: 1px
}

.ZA0IG .TbCuI .LRwjm .QXtBq {
    color: var(--bgColor);
    height: 16px;
    transform-origin: center;
    width: 16px
}

.ZA0IG .TbCuI .LRwjm .QXtBq.KTkJ1 {
    animation: NXTD2 1s 2;
    transform-origin: center
}

.ZA0IG .TbCuI .dV2OB {
    display: flex;
    flex-direction: column;
    font-size: .5rem;
    font-weight: 600;
    gap: 2px;
    padding-right: 2px
}

@media (min-width:318px) {
    .ZA0IG .TbCuI .dV2OB {
        font-size: .6rem
    }
}

@media (min-width:330px) {
    .ZA0IG .TbCuI .dV2OB {
        font-size: .7rem
    }
}

@media (min-width:430px) {
    .ZA0IG .TbCuI .dV2OB {
        font-size: .8rem
    }
}

.ZA0IG .YbcyE {
    align-items: center;
    background-color: transparent;
    border-radius: 8px;
    color: var(--textColorInvert);
    cursor: pointer;
    display: flex;
    font-size: .5rem;
    font-weight: 800;
    justify-content: center;
    margin-left: -5px;
    margin-right: 10px;
    padding: 7px 5px;
    position: relative;
    text-decoration-line: none;
    text-shadow: 1px 1px 3px hsla(0, 0%, 100%, .5);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:318px) {
    .ZA0IG .YbcyE {
        font-size: .6rem
    }
}

@media (min-width:330px) {
    .ZA0IG .YbcyE {
        font-size: .7rem
    }
}

@media (min-width:370px) {
    .ZA0IG .YbcyE {
        padding: 9px 7px
    }
}

@media (min-width:430px) {
    .ZA0IG .YbcyE {
        font-size: .8rem;
        padding: 9px 15px
    }
}

@media (min-width:768px) {
    .ZA0IG .YbcyE {
        font-size: .86rem
    }
}

.ZA0IG .YbcyE ._9icdP {
    color: var(--textColor);
    display: none;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
    height: 1.1em;
    margin-right: 2px;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 1.1em
}

@media screen and (min-width:300px) {
    .ZA0IG .YbcyE ._9icdP {
        display: inline-block;
        margin-right: 3px
    }
}

.ZA0IG .YbcyE:before {
    background: linear-gradient(180deg, var(--primaryColor) 0, var(--primaryColorDegrade) 100%);
    border-radius: 8px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: skew(var(--skew));
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: -1;
    --tw-content: "";
    content: var(--tw-content)
}

.ZA0IG .YbcyE:hover {
    text-shadow: 1px 1px 0 hsla(0, 0%, 100%, .5)
}

.ZA0IG .YbcyE:hover:before {
    filter: brightness(1.2)
}

.ZA0IG .YbcyE._9mGlj {
    filter: grayscale(100%) brightness(1.6)
}

@keyframes DUfpW {
    0% {
        margin: 0;
        padding: 0;
        transform: rotate(0)
    }

    to {
        margin: 0;
        padding: 0;
        transform: rotate(1turn)
    }
}

@keyframes NXTD2 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.V7byE {
    display: none
}

@media screen and (min-width:1220px) {
    .V7byE {
        height: 50px;
        padding: 0 16px 0 0;
        z-index: 1
    }

    .V7byE,
    .V7byE .BRMqc {
        align-items: center;
        display: flex;
        position: relative
    }

    .V7byE .BRMqc {
        height: 100%;
        justify-content: center;
        margin-right: -25px;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 120px
    }

    .V7byE .BRMqc picture {
        bottom: 9px;
        position: relative;
        z-index: 1
    }

    .V7byE .BRMqc .EF-tb {
        bottom: -2px;
        height: calc(100% + 27px);
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 0
    }

    .V7byE .BRMqc .EF-tb .MsvJN {
        height: 150%;
        margin-left: -5%;
        margin-top: -32%;
        width: 110%
    }

    .V7byE .BRMqc .EF-tb .amGuC {
        background: radial-gradient(circle at 50% 100%, #ffc01350 0, #ff991300 55%);
        height: 100%;
        left: 0;
        top: 0;
        transform-origin: center center;
        width: 100%
    }

    .V7byE .BRMqc .EF-tb .amGuC,
    .V7byE .BRMqc .EF-tb .amGuC ._3nXen {
        align-items: center;
        display: flex;
        justify-content: center;
        position: absolute;
        z-index: 0
    }

    .V7byE .BRMqc .EF-tb .amGuC ._3nXen {
        animation: UjlKc 20.2s linear infinite;
        background: radial-gradient(ellipse at center, #ffc01330 0, #fff0 74%);
        height: 15%;
        left: 50%;
        margin-top: 25%;
        top: 50%;
        transform: translate(-50%, -50%);
        transform-origin: 50% 50%;
        width: 90%
    }

    .V7byE .BRMqc .EF-tb .amGuC ._3nXen:after,
    .V7byE .BRMqc .EF-tb .amGuC ._3nXen:before {
        background: radial-gradient(ellipse at center, #ffc01330 0, #fff0 74%);
        content: "";
        height: 100%;
        left: unset;
        margin: unset;
        position: absolute;
        top: unset;
        transform: rotate(-30deg);
        transform-origin: center center;
        width: 100%
    }

    .V7byE .BRMqc .EF-tb .amGuC ._3nXen:after {
        transform: rotate(30deg)
    }

    .V7byE .BRMqc .EF-tb .amGuC ._3nXen:last-child {
        height: 130%;
        width: 10%
    }

    .V7byE .Wapw- {
        align-items: center;
        color: #fff;
        display: flex;
        font-size: .6rem;
        font-weight: 600;
        justify-content: center;
        margin: 0 3px;
        padding: 8px 15px;
        position: relative;
        text-decoration: none;
        transition: all .3s ease-in-out;
        white-space: nowrap;
        z-index: 2
    }

    @media screen and (min-width:1380px) {
        .V7byE .Wapw- {
            font-size: .7rem
        }
    }

    .V7byE .Wapw- svg {
        bottom: -2px;
        color: var(--primaryColor);
        height: 20px;
        margin: -5px 5px -5px -7px;
        position: relative;
        width: 20px
    }

    .V7byE .Wapw-:before {
        background: rgba(var(--blackRGB), .3);
        border-radius: 7px;
        box-shadow: 2px 2px 4px -1px #0003, -1px -1px #ffffff0d;
        content: "";
        height: 100%;
        position: absolute;
        transform: skew(var(--skew));
        transition: all .3s ease-in-out;
        width: 100%;
        z-index: -1
    }

    .V7byE .Wapw-[data-type]:after {
        align-items: center;
        background: #e9f47b;
        border-radius: 7px;
        color: #000;
        content: attr(data-type);
        display: flex;
        font-size: .45rem;
        font-weight: 600;
        justify-content: center;
        padding: 0 5px;
        position: absolute;
        right: 4px;
        text-transform: uppercase;
        top: -5px;
        z-index: 1
    }

    .V7byE .Wapw-:hover {
        color: var(--primaryColor)
    }

    .V7byE .Wapw-:hover:before {
        background: rgba(var(--blackRGB), .5)
    }

    .V7byE .F7IkJ {
        background: linear-gradient(162deg, rgba(var(--primaryColorRGB), 0) 52%, rgba(var(--primaryColorRGB), .18) 82%, rgba(var(--primaryColorRGB), .5));
        border-radius: 0 0 15px;
        box-shadow: 6px -2px 8px -7px #000c;
        height: 100%;
        mix-blend-mode: soft-light;
        position: absolute;
        right: 0;
        top: 2px;
        transform: skew(var(--skew));
        width: 160px;
        z-index: 0
    }
}

.-Mz2W {
    display: none
}

@media (min-width:700px) {
    .-Mz2W {
        display: flex;
        gap: 10px
    }
}

.-Mz2W .mlhb7 {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

.-Mz2W .mlhb7 .P1yxM {
    color: var(--primaryColor);
    height: 25px;
    position: relative;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 25px
}

.-Mz2W .mlhb7 .P1yxM:hover {
    color: var(--textColor);
    fill: var(--textColor)
}

.-Mz2W .mlhb7 .P1yxM svg {
    fill: var(--primaryColor);
    height: 100%;
    width: 100%
}

.-Mz2W .mlhb7 .pAS9O {
    height: 28px;
    width: 28px
}

.-Mz2W .mlhb7.mP1-o:after {
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1));
    font-size: .46rem;
    font-weight: 800;
    line-height: .75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    --tw-shadow: rgba(0, 0, 0, .7) -1px 1px 3px;
    --tw-shadow-colored: -1px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.-Mz2W .szYym {
    position: relative
}

.U8L-9 {
    align-items: center;
    cursor: pointer;
    display: none;
    font-size: .67rem;
    grid-template-columns: 33px auto;
    margin-right: 15px;
    position: relative;
    text-align: left
}

@media screen and (min-width:900px) {
    .U8L-9 {
        display: grid
    }
}

.U8L-9 .yV2-P {
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    outline-color: rgba(var(--textColorRGB), .1);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px;
    position: relative;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.U8L-9 .yV2-P img {
    border-radius: 9999px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.U8L-9 .yV2-P .svtPk {
    align-items: center;
    background-color: var(--primaryColor);
    border-radius: 9999px;
    bottom: -4px;
    color: var(--bgColor);
    display: flex;
    height: 10px;
    position: absolute;
    width: 10px;
    --tw-shadow: 0 0 2px 2px rgba(0, 0, 0, .5);
    --tw-shadow-colored: 0 0 2px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-color: rgba(var(--bgBoxColorRGB), .5);
    outline-offset: 0;
    outline-style: solid;
    outline-width: 2px;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.U8L-9 .yV2-P .svtPk:after,
.U8L-9 .yV2-P .svtPk:before {
    height: 2px;
    left: 2px;
    position: absolute;
    top: 4.7px;
    width: 4px;
    --tw-rotate: 35deg;
    background-color: var(--bgColor);
    --tw-content: "";
    content: var(--tw-content)
}

.U8L-9 .yV2-P .svtPk:after,
.U8L-9 .yV2-P .svtPk:before {
    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))
}

.U8L-9 .yV2-P .svtPk:before {
    left: 4px;
    --tw-rotate: -35deg
}

.U8L-9 .yV2-P:hover .yV2-P {
    animation: qQjBO 1s infinite
}

.U8L-9 .yV2-P:hover .yV2-P .svtPk {
    background-color: var(--textColor)
}

.U8L-9 .jPZMz {
    display: flex;
    flex-direction: column;
    gap: 0;
    line-height: .7rem;
    min-width: 90px;
    padding-left: 8px
}

.U8L-9 .jPZMz ._2zwu- {
    max-width: 82px
}

.U8L-9 .jPZMz ._2zwu-,
.U8L-9 .jPZMz .rWFRP {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.U8L-9 .jPZMz .rWFRP {
    margin-bottom: 2px;
    margin-top: 2px;
    max-width: 80px;
    opacity: .4
}

.U8L-9 .jPZMz .sP1oT {
    background-color: rgba(var(--textColorRGB), .2);
    border-radius: 2px;
    height: 4px;
    position: relative;
    width: 100%
}

.U8L-9 .jPZMz .sP1oT .LfkUh {
    background-color: var(--primaryColor);
    border-radius: 2px;
    display: inline-block;
    height: 4px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: var(--prog);
    z-index: 1
}

.U8L-9 .jPZMz .sP1oT .petcf {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-around;
    margin-left: 10%;
    margin-right: 10%;
    position: absolute;
    width: 80%;
    z-index: 2
}

.U8L-9 .jPZMz .sP1oT .petcf span {
    background-color: var(--topColorFinal);
    display: inline-block;
    height: 100%;
    position: relative;
    width: 2px
}

.U8L-9 .jPZMz .sP1oT .petcf span:after,
.U8L-9 .jPZMz .sP1oT .petcf span:before {
    background-color: var(--topColorFinal);
    border-radius: 9999px;
    height: 5px;
    left: -2px;
    position: absolute;
    top: -4px;
    width: 6px;
    --tw-content: "";
    content: var(--tw-content)
}

.U8L-9 .jPZMz .sP1oT .petcf span:before {
    bottom: -4px;
    top: unset
}

@keyframes qQjBO {
    0% {
        box-shadow: 0 0 20px rgba(var(--primaryColorRGB), 0)
    }

    50% {
        box-shadow: 0 0 20px rgba(var(--primaryColorRGB), 1);
        outline: solid 2px var(--primaryColor)
    }

    to {
        box-shadow: 0 0 20px rgba(var(--primaryColorRGB), 0)
    }
}

.sWB1q {
    bottom: 0;
    display: flex;
    height: auto;
    left: 50%;
    margin: 0;
    max-height: 0;
    min-width: 250px;
    position: fixed;
    top: 90%;
    z-index: 2;
    --tw-translate-x: -50%;
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-radius: 15px;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    overflow: hidden;
    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-gradient-from: var(--bgDarkGradient) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--bgDarkGradientEnd) var(--tw-gradient-to-position);
    border: 1px solid hsla(0, 0%, 100%, .08);
    font-size: .6rem;
    opacity: 0;
    padding: 10px;
    --subMenuBottom: 70px;
    visibility: hidden
}

@media screen and (min-width:320px) {
    .sWB1q {
        --subMenuBottom: 77px
    }
}

@media screen and (min-width:360px) {
    .sWB1q {
        --subMenuBottom: 87px
    }
}

@media screen and (min-width:900px) {
    .sWB1q {
        left: unset;
        overflow: unset;
        right: 15px;
        top: 0;
        transform: unset;
        width: 240px
    }
}

.sWB1q .QC22d {
    align-items: center;
    background-color: rgba(var(--blackRGB), .5);
    border-radius: 8px;
    box-shadow: 1px 1px #ffffff0d, inset 1px 1px 5px #0000001a;
    display: grid;
    grid-template-columns: auto auto;
    padding: 7px;
    position: relative;
    z-index: 1
}

.sWB1q .QC22d .Qw-un {
    display: flex;
    gap: 6px;
    grid-column: span 2/span 2;
    justify-content: center;
    margin-top: 7px;
    width: 100%
}

.sWB1q .QC22d .Qw-un>a,
.sWB1q .QC22d .Qw-un>button,
.sWB1q .QC22d .Qw-un>div {
    align-items: center;
    background-color: var(--topColorFinal);
    border-radius: 4px;
    display: flex;
    font-size: .55rem;
    font-weight: 600;
    gap: 3px;
    justify-content: center;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    --tw-text-opacity: 1;
    box-shadow: inset -1px -1px #ffffff12;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.sWB1q .QC22d .Qw-un>a.Q1YRt,
.sWB1q .QC22d .Qw-un>button.Q1YRt,
.sWB1q .QC22d .Qw-un>div.Q1YRt {
    display: block;
    font-size: .46rem
}

.sWB1q .QC22d .Qw-un>a svg,
.sWB1q .QC22d .Qw-un>button svg,
.sWB1q .QC22d .Qw-un>div svg {
    height: 18px;
    width: 18px
}

.sWB1q .QC22d .BT3sM {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.sWB1q .QC22d .BT3sM:before {
    aspect-ratio: 1/1;
    border-radius: 50% 50% 50% 4%;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    --tw-content: "";
    background: radial-gradient(at 50% 37%, rgba(var(--primaryColorRGB), 0) 45%, rgba(var(--primaryColorRGB), .3));
    box-shadow: 0 -1px 1px rgba(var(--primaryColorRGB), .2) inset;
    content: var(--tw-content);
    mask-image: linear-gradient(180deg, transparent 50%, #000);
    -webkit-mask-image: linear-gradient(180deg, transparent 50%, #000)
}

.sWB1q .QC22d .BT3sM img {
    height: auto;
    margin-left: 4px;
    margin-top: -37px;
    max-width: 109px;
    width: 100%;
    z-index: 2
}

.sWB1q .QC22d .J24aH {
    align-items: center;
    display: flex;
    font-size: .7rem;
    font-weight: 800;
    gap: 5px;
    justify-content: center;
    text-align: center
}

.sWB1q .QC22d .J24aH a,
.sWB1q .QC22d .J24aH button {
    background-color: transparent;
    border-style: none;
    color: var(--primaryColor);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 800;
    margin: 0;
    padding: 0;
    text-decoration-line: none
}

.sWB1q .QC22d .J24aH a svg,
.sWB1q .QC22d .J24aH button svg {
    height: 15px;
    width: 15px
}

.sWB1q .QC22d .jN9V- {
    align-items: center;
    display: flex;
    font-size: .55rem;
    justify-content: center;
    max-width: 120px;
    opacity: .5;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.sWB1q .QC22d .jN9V- span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sWB1q .QC22d .DxKpx {
    background-color: rgba(var(--textColorRGB), .15);
    border-radius: 2px;
    grid-column: span 2/span 2;
    height: 4px;
    left: 1%;
    margin-top: 6px;
    overflow: hidden;
    position: relative;
    width: 98%
}

.sWB1q .QC22d .DxKpx ._2ppi2 {
    background-color: var(--primaryColor);
    border-radius: 2px;
    display: inline-block;
    height: 4px;
    margin: 0;
    position: absolute;
    width: var(--prog);
    z-index: 1
}

.sWB1q .QC22d .DxKpx .Pfbxd {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-around;
    margin-left: 10%;
    margin-right: 10%;
    position: absolute;
    width: 80%;
    z-index: 2
}

.sWB1q .QC22d .DxKpx .Pfbxd span {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(7 23 23/var(--tw-bg-opacity, 1))
}

.sWB1q .QC22d .DxKpx .Pfbxd span:after,
.sWB1q .QC22d .DxKpx .Pfbxd span:before {
    border-radius: 9999px;
    height: 5px;
    left: -2px;
    position: absolute;
    top: -4px;
    width: 6px;
    --tw-bg-opacity: 1;
    background-color: rgb(7 23 23/var(--tw-bg-opacity, 1));
    --tw-content: "";
    content: var(--tw-content)
}

.sWB1q .QC22d .DxKpx .Pfbxd span:before {
    bottom: -4px;
    top: unset
}

.sWB1q .VF5xi {
    align-items: center;
    background-color: #ffffff12;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-width: 0;
    box-shadow: inset 0 0 0 1px #ffffff0d;
    display: flex;
    font-size: .4rem;
    font-weight: 400;
    justify-content: center;
    letter-spacing: 1px;
    margin-top: -13px;
    opacity: .7;
    padding-bottom: 3px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
    z-index: 0
}

.sWB1q .PqOmG {
    height: 100%;
    overflow-y: auto;
    padding-right: 5px;
    width: 100%
}

.sWB1q .PqOmG::-webkit-scrollbar {
    background-color: transparent;
    width: 5px
}

.sWB1q .PqOmG::-webkit-scrollbar-thumb {
    background-color: rgba(var(--blackRGB), .5);
    border-bottom-color: solid 1px rgba(var(--primaryColorRGB), .25);
    border-radius: 8px;
    border-right-color: solid 1px rgba(var(--primaryColorRGB), .17)
}

.sWB1q .PqOmG ._7eIkq {
    margin-bottom: 11px;
    margin-top: 0
}

.sWB1q .PqOmG ._7eIkq.g2g5w {
    background-color: #0003;
    border-radius: 8px;
    margin-right: -4px;
    padding: 5px 5px 5px 0;
    --tw-shadow: 1px 1px 5px rgba(0, 0, 0, .1) inset;
    --tw-shadow-colored: inset 1px 1px 5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.sWB1q .PqOmG ._7eIkq.g2g5w a {
    color: var(--primaryColor)
}

.sWB1q .PqOmG ._7eIkq.g2g5w a:hover {
    color: var(--textColor)
}

.sWB1q .PqOmG ._7eIkq .POOGP {
    align-items: center;
    background-color: transparent;
    color: var(--textColor);
    cursor: pointer;
    display: flex;
    font-size: .6rem;
    font-weight: 800;
    gap: 8px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 6px 10px;
    position: relative;
    text-align: left;
    text-decoration-line: none;
    text-transform: uppercase;
    width: 100%
}

.sWB1q .PqOmG ._7eIkq .POOGP:after {
    background-image: linear-gradient(to right, rgba(var(--bgColorRGB), 0) 0, rgba(var(--bgColorRGB), .5));
    bottom: -1px;
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%;
    --tw-shadow: 1px 1px 0 hsla(0, 0%, 100%, .03);
    --tw-shadow-colored: 1px 1px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-content: "";
    content: var(--tw-content)
}

.sWB1q .PqOmG ._7eIkq .POOGP:before {
    bottom: -2px;
    height: 3px;
    position: absolute;
    right: 1px;
    width: 3px;
    --tw-rotate: 45deg;
    background-color: var(--bgColor);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: "";
    content: var(--tw-content)
}

.sWB1q .PqOmG ._7eIkq .POOGP:last-child:after,
.sWB1q .PqOmG ._7eIkq .POOGP:last-child:before {
    display: none
}

.sWB1q .PqOmG ._7eIkq .POOGP svg {
    color: var(--iconsMenuColor);
    height: 18px;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 18px
}

.sWB1q .PqOmG ._7eIkq .POOGP .mkdgQ {
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 9999px;
    display: flex;
    height: auto;
    justify-content: center;
    width: 16px;
    z-index: 2;
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1));
    font-size: .64rem;
    font-weight: 800;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    --tw-shadow: -1px 1px 3px rgba(0, 0, 0, .7);
    --tw-shadow-colored: -1px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.sWB1q .PqOmG ._7eIkq .POOGP:hover {
    color: var(--primaryColor)
}

.sWB1q .PqOmG ._7eIkq .POOGP:hover svg {
    color: var(--textColor)
}

.sWB1q.UzHLJ {
    bottom: var(--subMenuBottom);
    max-height: 63vh;
    opacity: 1;
    overflow: unset;
    top: unset;
    visibility: visible
}

@media screen and (min-width:900px) {
    .sWB1q.UzHLJ {
        bottom: unset;
        margin-top: 14px;
        max-height: 74vh;
        opacity: 1;
        overflow: unset;
        top: var(--v3c24b942)
    }
}

.RJMsQ {
    background-color: #00000080;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:900px) {
    .RJMsQ {
        background-color: #0000001a
    }
}

.X28Sh {
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    border-width: 0;
    border-bottom: 1px rgba(var(--bgBoxColorRGB), .4);
    border-style: solid;
    position: relative;
    width: 100%;
    z-index: 3;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    --tw-shadow: 0 1px 6px rgba(var(--blackRGB), .6);
    --tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.X28Sh .rev0Q {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

@media (min-width:700px) {
    .X28Sh .rev0Q {
        display: grid;
        grid-template-columns: 231px 1fr 1fr
    }
}

.X28Sh .rev0Q .n1C8k {
    border-radius: 4px;
    position: absolute;
    right: 1.5rem;
    top: 3rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(75 214 87/var(--tw-bg-opacity, 1));
    font-size: 10px;
    font-weight: 500;
    padding: .125rem .5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(4 20 16/var(--tw-text-opacity, 1))
}

@media screen and (max-width:900px) {
    .X28Sh .rev0Q .n1C8k {
        display: none
    }
}

.X28Sh .rev0Q .fasQd {
    align-items: center;
    display: flex
}

.X28Sh .rev0Q .gZwPi {
    align-items: center;
    display: none
}

@media screen and (min-width:700px) {
    .X28Sh .rev0Q .gZwPi {
        display: flex;
        gap: 20px;
        justify-content: flex-end;
        margin-right: 15px
    }
}

@media screen and (min-width:1220px) {
    .X28Sh .rev0Q .gZwPi {
        gap: 3.5%
    }
}

.BMl09 {
    display: inline-block;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: -22px;
    --tw-translate-x: -50%;
    font-size: .6rem;
    font-weight: 600;
    perspective: 85px;
    text-transform: uppercase;
    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 screen and (min-width:900px) {
    .BMl09 {
        display: none
    }
}

.BMl09 .-q1Da {
    border-radius: 4px;
    position: absolute;
    right: 1.25rem;
    top: 4rem;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(75 214 87/var(--tw-bg-opacity, 1));
    font-size: 10px;
    font-weight: 500;
    padding: .125rem .5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(4 20 16/var(--tw-text-opacity, 1))
}

.BMl09 ._2FUwy {
    align-items: center;
    display: flex;
    gap: .375rem;
    justify-content: space-between;
    padding: .5rem 1rem .75rem
}

.BMl09 ._2FUwy .t2Pnr {
    align-items: center;
    background-color: transparent;
    border-radius: 9999px;
    cursor: pointer;
    display: flex;
    height: .875rem;
    justify-content: center;
    text-decoration-line: none;
    width: .875rem
}

.BMl09 ._2FUwy .t2Pnr svg {
    color: var(--primaryColor);
    height: .875rem;
    width: .875rem
}

.BMl09 .ZElTo {
    background: linear-gradient(to bottom, rgba(var(--bgBoxColorRGB), 0) 0, var(--topColorFinal) 30%);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 2.5px rgb(var(--bgBoxColorRGB), .5), 0 8px 8px 1px rgb(var(--blackRGB), .4);
    content: "";
    height: 120%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -5px;
    transform: rotateX(226deg) scale(.94);
    transform-style: preserve-3d;
    width: 100%;
    z-index: -1
}

.VZo0M {
    animation: qM5Hj .6s linear infinite
}

@keyframes qM5Hj {
    to {
        transform: rotate(1turn)
    }
}

.hz0gS {
    aspect-ratio: 1;
    background: var(--bgColor);
    border-radius: 50%;
    box-shadow: inset 0 -2px 2px 1px #0003, 0 1px rgba(var(--primaryColorRGB), .1);
    cursor: pointer;
    grid-column: span 2;
    grid-template-columns: 1fr;
    margin: auto;
    max-width: 42px;
    position: relative;
    transition: all 1s;
    width: 100%
}

@media screen and (min-width:360px) {
    .hz0gS {
        max-width: 49px
    }
}

@media screen and (min-width:430px) {
    .hz0gS {
        max-width: 55px
    }
}

@media screen and (min-width:650px) {
    .hz0gS {
        grid-column: 4/4
    }
}

@media screen and (min-width:900px) {
    .hz0gS {
        display: none
    }
}

.hz0gS picture {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.hz0gS picture,
.hz0gS picture:after {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.hz0gS picture:after {
    background: radial-gradient(circle at 50% 30%, rgba(var(--primaryColorRGB), .05) 45%, rgba(var(--primaryColorRGB), 1));
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 2s;
    z-index: 2
}

.hz0gS picture img {
    transition: .5s;
    width: 85%
}

.hz0gS:hover {
    box-shadow: inset 0 -2px 2px 1px #0003, 0 1px rgba(var(--primaryColorRGB), .1), 0 8px 10px 10px rgba(var(--primaryColorRGB), .1)
}

.hz0gS:hover picture:after {
    opacity: 1
}

.hz0gS:hover img {
    transform: scale(1.1) rotate(10deg) translateY(-5px);
    width: 100%
}

.lkzY2 {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    z-index: 1
}

.lkzY2,
.lkzY2:after {
    border-radius: 9999px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lkzY2:after {
    z-index: 5;
    --tw-shadow: inset -1px -1px 6px 0px rgba(0, 0, 0, .8);
    --tw-shadow-colored: inset -1px -1px 6px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-content: "";
    content: var(--tw-content)
}

.lkzY2 img {
    height: 140%;
    margin-top: 6%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: auto;
    z-index: 4
}

.lkzY2.xCMla {
    animation: In732 6.8s ease-in-out forwards
}

@keyframes In732 {
    0% {
        opacity: 0;
        --tw-blur: blur(5px);
        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)
    }

    15% {
        opacity: 1;
        --tw-blur: blur(0);
        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)
    }

    80% {
        opacity: 1;
        --tw-blur: blur(0);
        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)
    }

    to {
        opacity: 0;
        --tw-blur: blur(5px);
        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)
    }
}

.jSYQD {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

.jSYQD.kbBzB:after {
    font-weight: 800;
    right: 0;
    top: 0
}

.jSYQD.kbBzB:after,
.pATr4 {
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 12px;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1));
    font-size: .46rem;
    line-height: .75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    --tw-shadow: rgba(0, 0, 0, .7) -1px 1px 3px;
    --tw-shadow-colored: -1px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.pATr4 {
    font-weight: 400;
    height: 12px;
    top: -4px
}

.j0KVa {
    align-items: center;
    cursor: pointer;
    display: grid;
    grid-column: span 2/span 2;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: auto;
    max-width: 33px;
    position: relative;
    width: 65%
}

@media screen and (min-width:360px) {
    .j0KVa {
        max-width: 39px
    }
}

@media screen and (min-width:425px) {
    .j0KVa {
        max-width: 45px
    }
}

@media screen and (min-width:650px) {
    .j0KVa {
        grid-column: span 1/span 1;
        grid-column-start: 4
    }
}

@media screen and (min-width:900px) {
    .j0KVa {
        display: none
    }
}

.j0KVa .teb3U {
    align-items: center;
    aspect-ratio: 1/1;
    bottom: unset;
    display: flex;
    justify-content: center;
    outline: rgba(var(--textColorRGB), .1) 2px solid;
    outline-offset: 2px;
    position: relative;
    transition-duration: .15s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: -10
}

.j0KVa .teb3U,
.j0KVa .teb3U img {
    border-radius: 9999px
}

.j0KVa .teb3U img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.j0KVa .teb3U .fBX3J {
    align-items: center;
    background-color: var(--primaryColor);
    border-radius: 9999px;
    bottom: unset;
    display: flex;
    height: 10px;
    outline: solid 2px rgba(var(--bgBoxColorRGB), .5);
    outline-offset: 0;
    position: absolute;
    top: -5px;
    width: 10px;
    z-index: 3;
    --tw-shadow: 0 0 2px 2px rgba(0, 0, 0, .5);
    --tw-shadow-colored: 0 0 2px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-duration: .15s;
    transition-duration: 4s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.j0KVa .teb3U .fBX3J:after,
.j0KVa .teb3U .fBX3J:before {
    height: 2px;
    left: 4px;
    position: absolute;
    top: 3.7px;
    width: 4px;
    --tw-rotate: 35deg;
    background-color: var(--bgColor);
    transition-duration: .15s;
    transition-duration: 2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --tw-content: "";
    content: var(--tw-content)
}

.j0KVa .teb3U .fBX3J:after,
.j0KVa .teb3U .fBX3J:before {
    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))
}

.j0KVa .teb3U .fBX3J:before {
    left: 2px;
    --tw-rotate: -35deg
}

.j0KVa .teb3U .fBX3J.YqPJ5 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1)) !important
}

.j0KVa .teb3U .fBX3J.YqPJ5:after,
.j0KVa .teb3U .fBX3J.YqPJ5:before {
    display: none
}

.j0KVa.Eo957 .teb3U,
.j0KVa:hover .teb3U {
    animation: higNW 1s infinite;
    -webkit-animation: higNW 1s infinite
}

.j0KVa.Eo957 .teb3U .fBX3J,
.j0KVa:hover .teb3U .fBX3J {
    background-color: var(--textColor)
}

@-webkit-keyframe glowImgUser {
    0% {
        box-shadow: 0 5px 20px -3px rgba(var(--primaryColorRGB), 0)
    }

    50% {
        box-shadow: 0 5px 20px -3px rgba(var(--primaryColorRGB), 1);
        outline: solid 2px var(--primaryColor)
    }

    to {
        box-shadow: 0 5px 20px -3px rgba(var(--primaryColorRGB), 0)
    }
}

@keyframes higNW {
    0% {
        box-shadow: 0 5px 20px -3px rgba(var(--primaryColorRGB), 0)
    }

    50% {
        box-shadow: 0 5px 20px -3px rgba(var(--primaryColorRGB), 1);
        outline: solid 2px var(--primaryColor)
    }

    to {
        box-shadow: 0 5px 20px -3px rgba(var(--primaryColorRGB), 0)
    }
}

.ha6aH {
    display: flex;
    height: 12px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 12px
}

@keyframes QG5BS {
    50% {
        opacity: .5
    }
}

.ha6aH {
    align-items: center;
    animation: QG5BS 2s cubic-bezier(.4, 0, .6, 1) infinite;
    border-radius: 9999px;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1));
    font-size: .5rem;
    font-weight: 400;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.E3LMR {
    align-items: center;
    display: grid;
    gap: 4px;
    grid-template-columns: 1fr 1fr .5fr .5fr 1fr 1fr;
    justify-content: center;
    margin-bottom: 10px
}

@media screen and (min-width:320px) {
    .E3LMR {
        gap: 4px;
        row-gap: 8px
    }
}

@media screen and (min-width:360px) {
    .E3LMR {
        row-gap: 9px
    }
}

@media screen and (min-width:650px) {
    .E3LMR {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media screen and (min-width:900px) {
    .E3LMR {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 4px
    }

    .E3LMR.pE-y6 {
        grid-template-columns: 1fr;
        row-gap: 4px
    }
}

.E3LMR .KWZaN {
    background: linear-gradient(135deg, var(--bgDarkGradient) 0, var(--bgDarkGradientEnd) 100%);
    border: 1px solid rgba(var(--primaryColorRGB), .18);
    border-radius: 8px;
    color: var(--textColor);
    cursor: pointer;
    display: inline-block;
    font-size: .4rem;
    font-weight: 800;
    height: auto;
    min-height: 43px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-transform: uppercase;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.E3LMR .KWZaN:nth-child(6) {
    grid-column: 1/4
}

.E3LMR .KWZaN:nth-child(7) {
    grid-column: 4/7
}

@media screen and (min-width:360px) {
    .E3LMR .KWZaN {
        font-size: .5rem;
        min-height: 49px
    }
}

@media screen and (min-width:425px) {
    .E3LMR .KWZaN {
        font-size: .55rem;
        min-height: 51px
    }
}

@media screen and (min-width:650px) {
    .E3LMR .KWZaN:nth-child(4) {
        grid-column: 3/3;
        grid-row: 1
    }

    .E3LMR .KWZaN:nth-child(6) {
        grid-column: 6/6
    }

    .E3LMR .KWZaN:nth-child(7) {
        grid-column: 7/7
    }
}

@media screen and (min-width:900px) {
    .E3LMR .KWZaN {
        min-height: 65px
    }

    .E3LMR .KWZaN:nth-child(4) {
        grid-column: unset;
        grid-row: unset
    }

    .E3LMR .KWZaN:nth-child(6),
    .E3LMR .KWZaN:nth-child(7) {
        grid-column: unset
    }
}

@media screen and (min-width:1400px) {
    .E3LMR .KWZaN {
        font-size: .6rem;
        min-height: 68px
    }
}

.E3LMR .KWZaN:after {
    background: linear-gradient(162deg, rgba(var(--blackRGB), 0) 20%, rgba(var(--blackRGB), .3) 82%, rgba(var(--blackRGB), .9));
    bottom: 0;
    right: 0;
    z-index: 2
}

.E3LMR .KWZaN:after,
.E3LMR .KWZaN:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.E3LMR .KWZaN:before {
    background: linear-gradient(135deg, rgba(var(--primaryColorRGB), .7) 0, rgba(var(--primaryColorRGB), 0) 50%);
    left: -1px;
    opacity: 0;
    top: -1px;
    transition: all 2s;
    z-index: 1
}

.E3LMR .KWZaN>span {
    display: block;
    line-height: 1.2;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px 3px rgba(0, 0, 0, .3);
    z-index: 2
}

.E3LMR .KWZaN .n86ht {
    bottom: 0;
    height: auto;
    left: 0;
    max-width: 51px;
    mix-blend-mode: soft-light;
    opacity: .3;
    position: absolute;
    width: 100%;
    z-index: 0
}

.E3LMR .KWZaN .n86ht svg {
    height: 100%;
    width: 100%
}

.E3LMR .KWZaN ._6FgF3 {
    height: auto;
    max-width: 52px;
    position: absolute;
    right: -2px;
    top: 34%;
    width: 75%;
    z-index: 1
}

@media screen and (min-width:360px) {
    .E3LMR .KWZaN ._6FgF3 {
        top: 28%
    }
}

@media screen and (min-width:425px) {
    .E3LMR .KWZaN ._6FgF3 {
        top: 32%
    }
}

@media screen and (min-width:1400px) {
    .E3LMR .KWZaN ._6FgF3 {
        top: 28%
    }
}

.E3LMR .KWZaN:hover:before {
    opacity: 1
}

.E3LMR .KWZaN:hover ._6FgF3 {
    animation: fhD-0 1s infinite
}

.E3LMR.ILgJf .KWZaN {
    cursor: not-allowed;
    filter: grayscale(100%);
    opacity: .5;
    pointer-events: none
}

@keyframes fhD-0 {
    0% {
        transform: rotate(0) translate(0)
    }

    50% {
        filter: brightness(1.2);
        transform: rotate(-10deg) translate(-2px, -5px)
    }
}

.QXBNI .eJApI {
    align-items: center;
    color: var(--primaryColor);
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    gap: 5px;
    margin: 15px 0 0 6px;
    padding-top: 10px;
    position: relative;
    text-transform: uppercase
}

.QXBNI .eJApI:nth-child(3):before {
    background: unset
}

.QXBNI .eJApI:before {
    background: linear-gradient(5deg, rgb(17 6 224 / 0%) 52%, rgb(6 17 224 / 25%) 82%, rgb(6 6 224 / 70%));
    border-radius: 0 15px 0 0;
    content: "";
    height: 100%;
    -webkit-mask-image: linear-gradient(5deg, transparent 53%, #000);
    mask-image: linear-gradient(5deg, transparent 53%, #000);
    mix-blend-mode: soft-light;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 2px;
    width: 80%;
    z-index: 0
}

.QXBNI .eJApI svg {
    filter: drop-shadow(1px 1px 0 rgba(var(--blackRGB), .5)) drop-shadow(0 0 5px rgba(var(--primaryColorRGB), .8));
    height: 24px;
    width: 24px
}

.QXBNI .eJApI ._2-0bG {
    margin-right: 10px
}

.QXBNI .KYqrH {
    margin: 5px 0 18px
}

@media screen and (min-width:360px) {
    .QXBNI .KYqrH {
        display: grid;
        gap: 2px 10px;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (min-width:650px) {
    .QXBNI .KYqrH {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:800px) {
    .QXBNI .KYqrH {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (min-width:900px) {
    .QXBNI .KYqrH {
        display: block
    }
}

.QXBNI .KYqrH .Lh7fj {
    align-items: center;
    background: transparent;
    color: var(--textColor);
    cursor: pointer;
    display: flex;
    font-size: .6rem;
    font-weight: 800;
    gap: 8px;
    margin: 1px 0;
    padding: 6px 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1s;
    width: 100%
}

.QXBNI .KYqrH .Lh7fj:before {
    background: rgba(var(--textColorRGB), .08);
    bottom: -2px;
    content: "";
    height: 3px;
    position: absolute;
    right: 1px;
    transform: rotate(45deg);
    width: 3px
}

.QXBNI .KYqrH .Lh7fj:after {
    background: linear-gradient(to right, rgba(var(--textColorRGB), 0) 0, rgba(var(--textColorRGB), .08));
    bottom: -1px;
    box-shadow: 1px 1px rgba(var(--textColorRGB), .03);
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%
}

.QXBNI .KYqrH .Lh7fj svg {
    color: var(--iconsMenuColor);
    height: 18px;
    transition: all .5s;
    width: 18px
}

.QXBNI .KYqrH .Lh7fj:hover {
    color: var(--primaryColor)
}

.QXBNI .KYqrH .Lh7fj:hover svg {
    color: var(--textColor)
}

@media screen and (min-width:900px) {

    .QXBNI .KYqrH .Lh7fj:last-child:after,
    .QXBNI .KYqrH .Lh7fj:last-child:before {
        display: none
    }
}

@media screen and (min-width:900px) {
    .QXBNI.NCGQR .eJApI {
        display: flex;
        font-size: 0;
        justify-content: center
    }

    .QXBNI.NCGQR .eJApI:before {
        -webkit-mask-image: linear-gradient(32deg, transparent 60%, #000);
        mask-image: linear-gradient(32deg, transparent 60%, #000);
        width: 100%
    }

    .QXBNI.NCGQR .eJApI a {
        display: none
    }

    .QXBNI.NCGQR .eJApI svg {
        height: 34px;
        margin: 10px auto;
        width: 34px
    }

    .QXBNI.NCGQR .KYqrH .Lh7fj {
        justify-content: center
    }

    .QXBNI.NCGQR .KYqrH .Lh7fj svg {
        height: 21px;
        width: 21px
    }
}

@media screen and (min-width:900px) and (min-width:900px) {
    .QXBNI.NCGQR .KYqrH .Lh7fj .tvKhL {
        background-color: var(--topColorFinal);
        border: none;
        border-radius: 8px;
        display: inline-block;
        font-size: 0;
        left: 30px;
        max-width: 0;
        padding: 0;
        position: absolute;
        transition: all .2s;
        white-space: nowrap
    }

    .QXBNI.NCGQR .KYqrH .Lh7fj .tvKhL:before {
        background-color: var(--topColorFinal);
        border: 1px solid hsla(0, 0%, 100%, .05);
        border-radius: 3px;
        bottom: 11px;
        content: "";
        height: 10px;
        left: -5px;
        opacity: 0;
        position: absolute;
        transform: rotate(45deg);
        width: 10px;
        z-index: -1
    }
}

@media screen and (min-width:900px) {
    .QXBNI.NCGQR .KYqrH .Lh7fj:hover .tvKhL {
        background-color: var(--topColorFinal);
        border: 1px solid hsla(0, 0%, 100%, .05);
        box-shadow: 2px 4px 3px #0009;
        font-size: .6rem;
        left: 69px;
        max-width: 300px;
        padding: 9px
    }

    .QXBNI.NCGQR .KYqrH .Lh7fj:hover .tvKhL:before {
        opacity: 1
    }
}

.z8nFL {
    height: calc(100vh - 286px);
    line-height: unset;
    margin-top: 1.25rem;
    overflow: hidden;
    overflow-y: auto
}

@media (min-width:1600px) {
    .z8nFL {
        height: calc(100vh - 306px)
    }
}

.z8nFL::-webkit-scrollbar {
    height: 0;
    width: 10px
}

.z8nFL::-webkit-scrollbar-thumb {
    background-color: rgba(var(--primaryColorRGB), .1);
    border-color: var(--bgColor);
    border-radius: 5px;
    border-style: solid;
    border-width: 4px
}

.z8nFL:hover::-webkit-scrollbar-thumb {
    background-color: rgba(var(--primaryColorRGB), .5)
}

.z8nFL div:first-of-type {
    margin-top: 0
}

.z8nFL.x2DPu {
    height: calc(100vh - 563px)
}

@media (min-width:1600px) {
    .z8nFL.x2DPu {
        height: calc(100vh - 593px)
    }
}

.GWmF3 {
    background-color: var(--topColorFinal);
    border-color: rgba(var(--bgBoxColorRGB), .4);
    border-radius: 13px 13px 0 0;
    border-style: solid;
    border-width: 1px 0 0;
    bottom: 0;
    display: block;
    left: 0;
    margin: 0;
    padding: 4px 5px 0;
    position: fixed;
    width: 100%;
    z-index: 200;
    --tw-shadow: 0 -1px 6px rgba(var(--blackRGB), .6);
    --tw-shadow-colored: 0 -1px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: none
}

@media (min-width:900px) {
    .GWmF3 {
        z-index: 88
    }
}

@media (min-width:1280px) {
    .GWmF3 {
        transition-duration: .3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

@media screen and (min-width:900px) {
    .GWmF3 {
        background-color: transparent;
        border-radius: 0;
        border-width: 0;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored)
    }
}

.GWmF3 .QVb1v {
    max-height: 46px;
    overflow: hidden;
    scroll-behavior: smooth;
    transition-property: none
}

@media (min-width:1280px) {
    .GWmF3 .QVb1v {
        transition-duration: .3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

@media screen and (min-width:360px) {
    .GWmF3 .QVb1v {
        max-height: 52px
    }
}

@media screen and (min-width:425px) {
    .GWmF3 .QVb1v {
        max-height: 58px;
        padding: 3px 4px 0
    }
}

@media screen and (min-width:900px) {
    .GWmF3 .QVb1v {
        -webkit-mask-image: unset;
        mask-image: unset;
        max-height: unset;
        overflow: auto;
        padding: 0
    }
}

.GWmF3.GQUNz {
    --tw-shadow: 0 0 35px 50px rgba(0, 0, 0, .9);
    --tw-shadow-colored: 0 0 35px 50px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media screen and (min-width:900px) {
    .GWmF3.GQUNz {
        --tw-shadow-color: unset;
        --tw-shadow: var(--tw-shadow-colored)
    }
}

.GWmF3.GQUNz .QVb1v {
    margin-right: -3px;
    -webkit-mask-image: linear-gradient(180deg, #000 90%, transparent);
    mask-image: linear-gradient(180deg, #000 90%, transparent);
    max-height: 72vh;
    overflow: auto;
    padding-right: 3px
}

@media screen and (min-width:900px) {
    .GWmF3.GQUNz .QVb1v {
        -webkit-mask-image: unset;
        mask-image: unset;
        max-height: unset;
        overflow: unset
    }
}

.GWmF3.GQUNz .QVb1v::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
}

.GWmF3.GQUNz .QVb1v::-webkit-scrollbar-thumb {
    background-color: rgba(var(--blackRGB), .5);
    border-left-style: solid;
    border-radius: 0 8px 8px 0;
    border-top-style: solid;
    border-width: 0;
    border-bottom: 1px solid rgba(var(--primaryColorRGB), .2);
    border-right: 1px solid rgba(var(--primaryColorRGB), .17)
}

.GWmF3.HSeBR {
    bottom: -90px
}

.GWmF3.HSeBR.GQUNz .QVb1v {
    max-height: calc(72vh + 90px);
    padding-bottom: 90px
}

.jz6p2 {
    background-color: #0000004d;
    inset: 0;
    position: absolute;
    z-index: 199
}

@media screen and (min-width:900px) {
    .jz6p2 {
        display: none
    }
}

.jz6p2._63IEr {
    background-color: transparent;
    display: none
}

.R8cnm,
.R8cnm form {
    width: 100%
}

.jbmAp {
    align-items: center;
    background-color: #000000b3;
    border: 1px solid rgba(3, 222, 99, .7);
    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;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 50;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.jbmAp:hover {
    background-color: #000000e6;
    border-color: #03de63e6
}

@media (min-width:1024px) {
    .jbmAp {
        gap: .5rem;
        padding: .375rem .75rem
    }
}

.jbmAp {
    transform: var(--edb86cda)
}

.jbmAp.uqx9L {
    bottom: 90px;
    opacity: 1
}

@media (min-width:900px) {
    .jbmAp.uqx9L {
        bottom: 20px
    }
}

.jbmAp.Fi8KG {
    bottom: 7rem
}

@media (min-width:1024px) {
    .jbmAp.Fi8KG {
        bottom: 1rem
    }
}

.ARtG1,
._-29CJ {
    align-items: center;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    display: flex;
    margin-bottom: -29px;
    overflow: hidden;
    white-space: nowrap;
    width: 85%;
    --tw-gradient-from: #003628 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 54, 40, 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: #fff9;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1;
    opacity: .8;
    padding: 10px .875rem
}

@media (min-width:412px) {

    .ARtG1,
    ._-29CJ {
        width: 78%
    }
}

@media (min-width:640px) {

    .ARtG1,
    ._-29CJ {
        font-size: .7rem
    }
}

@media (min-width:900px) {

    .ARtG1,
    ._-29CJ {
        padding-bottom: .625rem;
        padding-top: .625rem;
        width: 85%
    }
}

@media (min-width:1024px) {

    .ARtG1,
    ._-29CJ {
        padding-bottom: 1rem;
        padding-top: 1rem;
        width: 76%
    }
}

@media print {

    .ARtG1,
    ._-29CJ {
        display: none
    }
}

.ARtG1 .f9O1J,
._-29CJ .f9O1J {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%
}

@media (min-width:768px) {

    .ARtG1 .f9O1J,
    ._-29CJ .f9O1J {
        gap: 1rem
    }
}

@media (min-width:1024px) {

    .ARtG1 .f9O1J,
    ._-29CJ .f9O1J {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.ARtG1 .f9O1J span~span,
._-29CJ .f9O1J span~span {
    border-style: solid;
    border-left: solid hsla(0, 0%, 100%, .1);
    border-width: 0;
    padding-left: 0
}

@media (min-width:768px) {

    .ARtG1 .f9O1J span~span,
    ._-29CJ .f9O1J span~span {
        border-left-width: 1px;
        padding-left: 1rem
    }
}

.ARtG1 .f9O1J span strong,
._-29CJ .f9O1J span strong {
    -webkit-font-variant-numeric: tabular-nums;
    -moz-font-variant-numeric: tabular-nums;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em
}

.DwbQv {
    background-color: var(--bgDarkGradientEnd);
    padding-bottom: 0;
    padding-top: 0
}

@media screen and (min-width:900px) {
    .DwbQv {
        padding-bottom: 0;
        padding-top: 0
    }
}

.ARtG1 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.ARtG1 .IvaGZ {
    border-width: 0;
    margin-right: auto
}

.ARtG1 .-may1 {
    cursor: pointer;
    margin: -.75rem;
    padding: .75rem
}

.Gtp6z {
    align-items: center;
    background-color: #001510f2;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.Gtp6z .JZAlE {
    margin: auto;
    max-width: 500px;
    width: 100%
}

.Gtp6z:after {
    background-color: #00151080;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;
    --tw-content: "";
    content: var(--tw-content)
}

.BsNH3 {
    bottom: 0;
    font-size: .675rem;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem;
    padding: 0 .5rem .5rem;
    position: fixed;
    top: auto;
    width: 100%;
    z-index: 700;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .BsNH3 {
        font-size: .75rem;
        line-height: 1rem
    }
}

.BsNH3 {
    margin-bottom: var(--bb386096)
}

@media print {
    .BsNH3 {
        display: none
    }
}

.BsNH3 .lazHK {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    padding: .75rem 1rem
}

@media (min-width:1024px) {
    .BsNH3 .lazHK {
        padding: 1rem 1.5rem
    }
}

.BsNH3 .lazHK {
    box-shadow: 0 0 20px #00000080
}

.BsNH3 .lazHK:after {
    background-color: #0003;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    --tw-content: "";
    content: var(--tw-content)
}

.BsNH3 .lazHK .ktArD {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding-bottom: .375rem;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:1024px) {
    .BsNH3 .lazHK .ktArD {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.BsNH3 .lazHK .XW1n6 {
    font-weight: 500;
    line-height: 1rem;
    margin-bottom: .75rem;
    position: relative;
    z-index: 2
}

.BsNH3 .lazHK ._2-U0r {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.BsNH3 .lazHK .S2vhQ,
.BsNH3 .lazHK ._2-U0r {
    margin-bottom: 1rem;
    margin-top: .5rem;
    position: relative;
    z-index: 2
}

.BsNH3 .lazHK .S2vhQ {
    background-color: #0036281a;
    border-radius: .5rem;
    padding-top: .5rem
}

.BsNH3 .lazHK .S2vhQ .uN7Qx {
    display: flex;
    margin-top: -.5rem
}

.BsNH3 .lazHK .S2vhQ .uN7Qx>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.BsNH3 .lazHK .S2vhQ .uN7Qx {
    background-color: #ffffff1a;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: .25rem
}

.BsNH3 .lazHK .S2vhQ .uN7Qx .xw0VC {
    border-radius: .5rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    width: 100%
}

.BsNH3 .lazHK .S2vhQ .uN7Qx .xw0VC:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.BsNH3 .lazHK .S2vhQ .uN7Qx .A0VO7 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.BsNH3 .lazHK .S2vhQ .uN7Qx .zhIgo:hover {
    background-color: #03de631a
}

.BsNH3 .lazHK .S2vhQ ._2kymM {
    max-width: 32rem;
    position: relative;
    width: 100%
}

.BsNH3 .lazHK .S2vhQ ._2kymM .JD5nq {
    position: absolute;
    width: 100%
}

.BsNH3 .lazHK .S2vhQ ._2kymM .JD5nq .Ym3qh {
    display: flex;
    height: 2.5rem
}

.BsNH3 .lazHK .S2vhQ ._2kymM .JD5nq .Ym3qh>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.BsNH3 .lazHK .S2vhQ ._2kymM .JD5nq .Ym3qh {
    border-bottom: 1px;
    border-color: #fff3;
    border-style: solid;
    padding: .25rem .25rem .375rem
}

.BsNH3 .lazHK .S2vhQ ._2kymM .JD5nq .Ym3qh .OCvHZ {
    background-color: #ffffff1a;
    border-radius: 9999px;
    font-size: .55rem;
    font-weight: 500;
    line-height: 1;
    padding: 0 .125rem;
    width: 100%
}

.BsNH3 .lazHK .S2vhQ ._2kymM .JD5nq .Ym3qh .OCvHZ:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.BsNH3 .lazHK .S2vhQ ._2kymM .JD5nq .Ym3qh ._2oXmJ {
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.BsNH3 .lazHK .S2vhQ ._2kymM .JD5nq .Ym3qh .VL0M1:hover {
    background-color: #ffffff26
}

.BsNH3 .lazHK .S2vhQ .zx2BH {
    background-color: #ffffff1a;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    font-weight: 500;
    max-height: 15rem;
    overflow: auto;
    padding: .5rem 1rem 1rem
}

.BsNH3 .lazHK .S2vhQ .zx2BH a {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    text-decoration-line: underline
}

.BsNH3 .lazHK .S2vhQ .KApON {
    background-color: #ffffff1a;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    height: 14rem;
    padding-top: 2.5rem
}

@media (min-width:768px) {
    .BsNH3 .lazHK .S2vhQ .KApON {
        height: 15rem
    }
}

.BsNH3 .lazHK .S2vhQ .KApON ._800sM {
    height: 100%;
    overflow: auto;
    padding-left: .75rem;
    padding-right: .75rem
}

.BsNH3 .lazHK .S2vhQ .KApON ._800sM .YOn4d {
    font-weight: 500;
    margin-top: .5rem
}

.BsNH3 .lazHK .S2vhQ .KApON ._800sM .mttRz {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    margin-bottom: .75rem;
    margin-top: .75rem;
    table-layout: fixed;
    --tw-border-opacity: 1;
    border-color: rgb(0 21 16/var(--tw-border-opacity, 1));
    color: #fffc
}

.BsNH3 .lazHK .S2vhQ .KApON ._800sM .mttRz .hLgKw th {
    background-color: #00151033;
    font-size: .675rem;
    font-weight: 600
}

.BsNH3 .lazHK .S2vhQ .KApON ._800sM .mttRz .hLgKw th,
.BsNH3 .lazHK .S2vhQ .KApON ._800sM .mttRz .r5jMg td {
    border-style: solid;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 21 16/var(--tw-border-opacity, 1));
    padding: .25rem
}

.BsNH3 .lazHK .S2vhQ .KApON ._800sM .mttRz .r5jMg td {
    font-size: .75rem;
    line-height: 1rem
}

.BsNH3 .lazHK ._4vE0j {
    display: flex;
    gap: .25rem;
    justify-content: flex-end;
    margin-top: .5rem;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:1024px) {
    .BsNH3 .lazHK ._4vE0j {
        flex-direction: row;
        gap: .5rem
    }
}

.BsNH3 .lazHK ._4vE0j button {
    border-radius: 9999px;
    border-style: solid;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(254 254 254/var(--tw-border-opacity, 1));
    font-size: .675rem;
    font-weight: 700;
    line-height: .75rem;
    padding: .25rem .75rem
}

@media (min-width:1024px) {
    .BsNH3 .lazHK ._4vE0j button {
        font-size: .75rem;
        line-height: 1rem
    }
}

.BsNH3 .lazHK ._4vE0j .hq6qN {
    align-items: center;
    border-style: none;
    display: flex;
    float: left;
    gap: .25rem;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
}

.BsNH3 .lazHK ._4vE0j .hq6qN span:last-child {
    display: none
}

@media (min-width:368px) {
    .BsNH3 .lazHK ._4vE0j .hq6qN span:last-child {
        display: block
    }
}

.BsNH3 .lazHK ._4vE0j .hq6qN svg {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-top: 1px
}

.BsNH3 .lazHK ._4vE0j .u9v7x {
    background-color: transparent
}

.BsNH3 .lazHK ._4vE0j .HqiXL {
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.BsNH3 ::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

@media (max-width:768px) {
    .BsNH3 ::-webkit-scrollbar {
        width: 0
    }
}

.BsNH3 ::-webkit-scrollbar-track {
    background-color: transparent
}

.BsNH3 ::-webkit-scrollbar-thumb {
    border-color: transparent
}

.IarsO {
    display: flex;
    left: 10px;
    position: fixed;
    right: 10px;
    z-index: 600;
    --tw-translate-y: 5rem;
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    cursor: pointer;
    flex-direction: row;
    gap: .75rem;
    overflow: hidden;
    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: rgb(1 6 51);
    opacity: 0;
    padding: .5rem .75rem;
    text-align: left;
    --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: 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, .2);
    --tw-shadow: var(--tw-shadow-colored);
    bottom: var(--a58e9b56);
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.IarsO.p9lBZ {
    bottom: 12px;
    left: auto;
    min-width: 300px;
    right: 12px
}

.IarsO.TqQyS {
    --tw-translate-y: 0px;
    opacity: 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))
}

.IarsO:before {
    background-color: #0000001a;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;
    --tw-content: "";
    content: var(--tw-content)
}

.IarsO:hover {
    opacity: 1;
    --tw-brightness: brightness(1.25);
    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)
}

.IarsO:hover:before {
    background-color: #0003
}

.IarsO .a0-Kp {
    align-items: center;
    height: 1.5rem;
    justify-content: center;
    margin-right: 0;
    max-height: 1.5rem;
    max-width: 6rem;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.IarsO .Fu3rp,
.IarsO .a0-Kp {
    display: flex
}

.IarsO .Fu3rp {
    flex-direction: column;
    line-height: 1
}

.IarsO .Fu3rp .JLt5U {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.IarsO .Fu3rp .JLt5U,
.IarsO .Fu3rp p {
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.IarsO .Fu3rp p {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: .675rem;
    gap: .25rem
}

.IarsO .Fu3rp p img {
    height: 16px;
    width: 16px
}

.IarsO .dW5J6 {
    animation: vR7EH 3s linear infinite;
    height: 14px;
    width: 14px
}

.IarsO .beHpH {
    align-items: center;
    color: #ffffff80;
    display: flex;
    font-size: .675rem;
    height: 7px;
    justify-content: center;
    position: absolute;
    right: .25rem;
    top: .25rem;
    width: 7px
}

.IarsO .beHpH:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.IarsO ._0nFgL,
.IarsO .beHpH:hover {
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.IarsO ._0nFgL {
    animation: xNal0 .8s infinite;
    font-size: 1.5rem;
    line-height: 2rem;
    margin: auto .25rem auto auto
}

._3y2Ko {
    bottom: 0;
    left: 12px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    right: 12px;
    z-index: 800;
    --tw-translate-y: 5rem;
    border-radius: .5rem;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    opacity: 0;
    padding: .75rem 1rem;
    text-align: left;
    --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: 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, .2);
    --tw-shadow: var(--tw-shadow-colored);
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

._3y2Ko,
._3y2Ko.QthiW {
    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))
}

._3y2Ko.QthiW {
    --tw-translate-y: 0px;
    opacity: 1
}

._3y2Ko:after {
    height: 1.25rem;
    left: 50%;
    margin-top: -.625rem;
    position: absolute;
    top: 100%;
    width: 1.25rem;
    z-index: -10;
    --tw-translate-x: -50%;
    --tw-rotate: 45deg;
    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: rgb(255 255 255/var(--tw-bg-opacity, 1));
    --tw-content: "";
    content: var(--tw-content)
}

._3y2Ko ._0-70m {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding-right: .5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

@media (min-width:368px) {
    ._3y2Ko ._0-70m {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._3y2Ko ._0-70m strong {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(41 151 255/var(--tw-text-opacity, 1))
}

._3y2Ko ._0-70m u {
    text-decoration-line: none
}

._3y2Ko ._0-70m ._9opuw {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: .25rem;
    vertical-align: top;
    --tw-text-opacity: 1;
    color: rgb(41 151 255/var(--tw-text-opacity, 1))
}

._3y2Ko ._0-70m ._8sNwL {
    display: inline-block;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: -1px;
    vertical-align: middle;
    --tw-text-opacity: 1;
    color: rgb(85 85 85/var(--tw-text-opacity, 1))
}

._3y2Ko .OHsx2 {
    align-items: center;
    color: #00000080;
    display: flex;
    font-size: .75rem;
    justify-content: center;
    line-height: 1rem;
    position: absolute;
    right: .5rem;
    top: .5rem
}

._3y2Ko .OHsx2:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

@keyframes vR7EH {
    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)
    }
}

@keyframes xNal0 {

    0%,
    to {
        transform: translate(2px)
    }

    50% {
        transform: translate(-2px)
    }
}

.DOya1 {
    align-items: center;
    border-radius: 9999px;
    bottom: 2rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    position: fixed;
    right: 2rem;
    z-index: 999;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.DOya1 .puont {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.VHjY1 {
    bottom: 56px;
    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), 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: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .VHjY1 {
        bottom: 0
    }
}

.VHjY1 {
    display: none !important
}

.VHjY1 button {
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(254 254 254/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.eO9pB {
    margin-left: auto;
    margin-right: auto;
    max-width: 24rem;
    width: 100%
}

.eO9pB>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.eO9pB {
    border-radius: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.eO9pB h2 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.cfMSx {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    justify-content: space-between;
    padding: .75rem .5rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.cfMSx:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(42 42 42/var(--tw-bg-opacity, 1))
}

.cfMSx .ianeq {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.cfMSx .R563k,
.cfMSx .ianeq {
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.cfMSx .R563k {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.cfMSx .R563k span {
    font-weight: 600
}

.cfMSx .CJi05 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.XtGqm {
    align-items: center;
    display: flex;
    flex-direction: column
}

.XtGqm>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.XtGqm {
    border-color: #fff6;
    border-top: 1px hsla(0, 0%, 100%, .4);
    border-style: solid;
    font-size: .875rem;
    line-height: 1.25rem;
    padding-top: 1rem;
    text-align: center
}

.i2QFN {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.i2QFN>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.i2QFN .BHZk2 {
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    text-align: center
}

.i2QFN .BHZk2 p {
    font-weight: 600
}

.i2QFN .BHZk2 p,
.i2QFN .BHZk2 span {
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.i2QFN .BHZk2 span {
    font-size: .75rem;
    line-height: 1rem
}

.i2QFN .Kpkvw {
    height: 7rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem;
    width: 7rem
}

.i2QFN .cQ2jH {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.i2QFN .cQ2jH:disabled {
    cursor: not-allowed;
    opacity: .4
}

.PcDXn {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1.25rem;
    width: 100%
}

@media (min-width:768px) {
    .PcDXn {
        margin-bottom: 2rem
    }
}

.PcDXn ._6g6KB .vAtu3 {
    margin-bottom: .5rem
}

.PcDXn ._6g6KB .vAtu3 label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.PcDXn ._6g6KB .vAtu3 label span {
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.PcDXn .g1W36 {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.PcDXn .g1W36:disabled {
    cursor: not-allowed;
    opacity: .4
}

._7LEj6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    justify-content: center;
    padding: 2.5rem;
    text-align: center;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

._7LEj6 .z7jar {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._7LEj6 .dferT {
    opacity: .8
}

._7LEj6 .dferT,
._7LEj6 .i9mH5 {
    font-size: .875rem;
    line-height: 1.25rem
}

._7LEj6 .i9mH5 {
    font-weight: 600
}

._7LEj6 .h4DxC {
    justify-content: space-between
}

._7LEj6 .h4DxC,
._7LEj6 .h4DxC .QHk-o {
    align-items: center;
    display: flex
}

._7LEj6 .h4DxC .QHk-o {
    gap: .25rem
}

._7LEj6 .h4DxC .QHk-o .Xihoh {
    border-radius: .25rem;
    display: grid;
    height: 40px;
    place-items: center;
    width: 60px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: .25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

._7LEj6 .h4DxC .QHk-o .r2LoO {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

._7LEj6 .h4DxC .WEiND {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    gap: .5rem;
    height: 40px;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

._7LEj6 .h4DxC .WEiND svg {
    height: 1rem;
    width: 1rem
}

._7LEj6 .wgqff {
    margin-top: .5rem;
    width: 100%
}

._7LEj6 .wgqff,
._7LEj6 .wgqff button {
    align-items: center;
    display: flex;
    justify-content: center
}

._7LEj6 .wgqff button {
    border-radius: .375rem;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 700;
    padding: .5rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._7LEj6 .YP2yj {
    font-size: .675rem;
    opacity: .6;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.CLYxv {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    height: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    padding: 2rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .CLYxv {
        padding: 2.5rem
    }
}

.CLYxv .gTnWB {
    height: 7rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 7rem
}

.CLYxv .R8-zd {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.CLYxv .ismmC {
    font-size: .875rem;
    line-height: 1.25rem;
    opacity: .8;
    text-align: center
}

.CLYxv ._2FDXE {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    width: 100%
}

.CLYxv ._2FDXE div {
    font-size: .75rem;
    line-height: 1rem
}

.CLYxv ._2FDXE div a {
    border-bottom-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.CLYxv ._2FDXE div strong {
    font-weight: 600
}

.CLYxv .-U9lQ {
    flex-direction: column;
    gap: 1rem
}

.CLYxv .-U9lQ,
.CLYxv .-U9lQ button {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.CLYxv .-U9lQ button {
    border-radius: .375rem;
    cursor: pointer;
    flex: 1 1 0%;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .625rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.CLYxv .-U9lQ button.WwnZM {
    align-items: center;
    background-color: transparent;
    color: #ffffff80;
    display: flex;
    font-size: .675rem;
    font-weight: 400;
    gap: .25rem;
    justify-content: center;
    line-height: .75rem;
    padding: 0
}

.CLYxv .-U9lQ button.N8qVX {
    cursor: not-allowed;
    opacity: .4
}

.modal-content[data-v-0c51b13f] {
    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-0c51b13f] {
        padding-top: 4rem
    }
}

.modal-content .modal-title[data-v-0c51b13f] {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .modal-content .modal-title[data-v-0c51b13f] {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: .75rem
    }
}

.modal-content .modal-text[data-v-0c51b13f] {
    color: #fff9;
    font-size: .875rem;
    line-height: 1.25rem
}

.modal-footer[data-v-0c51b13f] {
    padding: 1.25rem;
    text-align: center
}

.modal-footer .btn[data-v-0c51b13f] {
    margin-bottom: 1rem;
    margin-top: 1rem
}

@media (min-width:768px) {
    .modal-footer .btn[data-v-0c51b13f] {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem
    }
}

.modal-footer .btn-link[data-v-0c51b13f] {
    color: #ffffffb3;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem
}

._4bERW {
    align-items: center;
    display: flex;
    gap: .25rem;
    justify-content: flex-start
}

._4bERW .AmRy1 {
    overflow: hidden
}

._4bERW .AmRy1,
._4bERW .AmRy1 svg,
._4bERW .pauz3 {
    height: 1.5rem;
    width: 1.5rem
}

._4bERW .pauz3 {
    align-items: center;
    background-color: #ffffff0d;
    border-radius: 9999px;
    color: #fffc;
    display: flex;
    font-weight: 700;
    justify-content: center;
    line-height: .1em;
    text-align: center
}

._4bERW .pauz3:before {
    position: relative;
    top: -.25rem;
    --tw-content: "...";
    content: var(--tw-content)
}

._0yV2a {
    background-color: #98ca3c20 !important
}

.YLZ6a {
    background-color: #f3712420 !important
}

._3JeXz {
    background-color: #0166c620 !important
}

.Fi2-T {
    background-color: #c6017920 !important
}

.YLZ6a svg,
._0yV2a svg,
._3JeXz svg {
    --tw-brightness: brightness(1.25);
    --tw-grayscale: grayscale(100%);
    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)
}

.uUHCu {
    margin: -1rem;
    overflow: hidden;
    padding: 1rem;
    width: calc(100% + 22px)
}

.uUHCu .ImYmA {
    align-items: center;
    background-color: #163d334d;
    border: 1px solid rgba(3, 222, 99, .3);
    border-radius: .5rem;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    height: 3rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-top: .5rem;
    padding: .75rem;
    position: relative;
    width: 7rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (hover:hover) {
    .uUHCu .ImYmA {
        transition-duration: .2s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .uUHCu .ImYmA:hover {
        background-color: #163d3366;
        border-color: #03de6366
    }
}

.uUHCu .ImYmA .VpJ4s {
    align-items: center;
    border: 1px solid rgba(3, 222, 99, .3);
    border-radius: 9999px;
    display: flex;
    height: 1.25rem;
    justify-content: center;
    left: .5rem;
    position: absolute;
    top: -9px;
    width: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(1 32 26/var(--tw-bg-opacity, 1));
    font-size: .6rem;
    font-weight: 600;
    line-height: 1rem
}

.uUHCu .ImYmA.ssYnE,
.uUHCu .ImYmA.ssYnE .VpJ4s {
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1))
}

.uUHCu .ImYmA.KZYHs {
    width: 9rem
}

@media (min-width:768px) {
    .uUHCu .ImYmA.KZYHs {
        width: 9rem
    }
}

.uUHCu .ImYmA .ajvCE,
.uUHCu .ImYmA .ajvCE svg {
    height: 100%;
    width: 100%
}

.FeUVT {
    margin: 0
}

.FeUVT .Wap5q {
    align-items: center;
    display: flex;
    gap: .25rem
}

.FeUVT .Wap5q .k4Y-R {
    background-color: #22bb3326;
    border-radius: .25rem;
    display: grid;
    font-size: .75rem;
    font-weight: 700;
    height: 25px;
    line-height: 1rem;
    place-items: center;
    width: 25px;
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .FeUVT .Wap5q .k4Y-R {
        font-size: .875rem;
        height: 28px;
        line-height: 1.25rem;
        width: 28px
    }
}

.FeUVT .Wap5q .xkGux {
    color: #2b36;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem
}

@media (min-width:768px) {
    .FeUVT .Wap5q .xkGux {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.eK4KH {
    position: relative
}

.eK4KH,
.eK4KH .Q5hwf {
    width: 100%
}

.eK4KH .Q5hwf {
    border-radius: .5rem;
    border-style: none;
    height: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.eK4KH .Q5hwf::-moz-placeholder {
    color: #fff9
}

.eK4KH .Q5hwf::placeholder {
    color: #fff9
}

.eK4KH .Q5hwf: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-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.eK4KH .Q5hwf.Ns14Y {
    font-size: 1rem;
    height: 3rem;
    line-height: 1.5rem
}

.eK4KH .Q5hwf[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.eK4KH .mh3cD {
    height: 100%;
    position: absolute;
    right: .75rem;
    top: 50%;
    width: auto;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.eK4KH .mh3cD.Ns14Y {
    right: 1.25rem
}

.-dySe {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.-dySe,
.-dySe .IIFVb {
    position: relative
}

.-dySe .IIFVb {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border: 1px solid rgba(3, 222, 99, .05);
    border-radius: .5rem;
    cursor: pointer;
    flex: 1 1 0%;
    min-width: 30%;
    overflow: hidden;
    white-space: nowrap;
    --tw-gradient-from: rgba(3, 222, 99, .1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(3, 222, 99, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(3, 222, 99, .05) var(--tw-gradient-to-position);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5rem;
    padding: .625rem 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.-dySe .IIFVb._4sNuY {
    border-color: #ffff001a
}

.-dySe .IIFVb.vpp6I {
    --tw-border-opacity: 1;
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    --tw-gradient-from: rgba(3, 222, 99, .2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(3, 222, 99, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(3, 222, 99, .05) var(--tw-gradient-to-position);
    --tw-shadow-color: rgba(3, 222, 99, .5);
    --tw-shadow: var(--tw-shadow-colored);
    text-shadow: 0 0 10px var(--tw-shadow-color)
}

.-dySe .IIFVb .SKsoD {
    background-color: rgb(255 255 0/var(--tw-bg-opacity, 1));
    border-bottom-left-radius: .5rem;
    line-height: .75rem;
    padding: 1px .25rem 1px .375rem;
    top: 0
}

.-dySe .IIFVb .SKsoD,
.-dySe .IIFVb ._5jP8r {
    align-items: center;
    display: flex;
    gap: .25rem;
    justify-content: center;
    position: absolute;
    right: 0;
    --tw-bg-opacity: 1;
    font-size: .55rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.-dySe .IIFVb ._5jP8r {
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    border-top-left-radius: .5rem;
    bottom: 0;
    padding: .125rem .375rem
}

.cupom[data-v-2f21c280] {
    position: relative
}

.cupom .icon[data-v-2f21c280] {
    color: #fff9;
    height: 40px;
    justify-content: center;
    width: 40px
}

.cupom .buttons[data-v-2f21c280],
.cupom .icon[data-v-2f21c280] {
    align-items: center;
    display: flex;
    position: absolute
}

.cupom .buttons[data-v-2f21c280] {
    font-size: .75rem;
    line-height: 1rem;
    right: .5rem;
    top: .5rem
}

.cupom button[data-v-2f21c280] {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: .25rem;
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    display: flex;
    height: 24px;
    justify-content: center;
    padding-left: .5rem;
    padding-right: .5rem
}

.cupom button.remove[data-v-2f21c280] {
    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(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.cupom button.remove .times[data-v-2f21c280] {
    display: none
}

.cupom button.remove .check[data-v-2f21c280] {
    display: block
}

.cupom button.remove[data-v-2f21c280]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.cupom button.remove:hover .times[data-v-2f21c280] {
    display: block
}

.cupom button.remove:hover .check[data-v-2f21c280] {
    display: none
}

.cupom button.clear[data-v-2f21c280] {
    background-color: transparent;
    margin-left: .25rem;
    margin-right: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    opacity: .5
}

.cupom button.clear[data-v-2f21c280]:hover {
    opacity: .7
}

.input-center[data-v-2f21c280] {
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    font-size: 1.875rem;
    line-height: 2.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    height: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.input-center.small[data-v-2f21c280] {
    height: 40px;
    padding-left: 40px;
    text-align: left
}

.coupon_details[data-v-2f21c280],
.input-center.small[data-v-2f21c280] {
    font-size: .875rem;
    line-height: 1.25rem
}

.coupon_details[data-v-2f21c280] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: .5rem;
    margin-top: .25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.coupon_details div[data-v-2f21c280] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between
}

.coupon_details div .spacer[data-v-2f21c280] {
    border-style: dotted;
    border-width: 2px 0 0;
    flex: 1 1 0%;
    width: 100%;
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1))
}

.coupon_details div[data-v-2f21c280]:last-child {
    font-weight: 700
}

._77ZBu {
    border-radius: .375rem;
    position: relative;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding-bottom: .25rem;
    padding-top: .25rem
}

.-w0eJ {
    border-radius: .375rem;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    padding-bottom: .25rem;
    padding-top: .25rem
}

.-w0eJ .leYqI {
    opacity: .3;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    width: 170px;
    z-index: 0
}

.-w0eJ .leYqI.WwAPr {
    display: none
}

.RZpSw {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    padding: .75rem 1.5rem;
    text-align: center
}

.RZpSw,
.RZpSw .Y3tGp {
    align-items: center
}

.RZpSw .Y3tGp {
    border-radius: .5rem;
    display: inline-flex;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    font-weight: 700;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.RZpSw .Ek-Hk {
    font-size: .875rem;
    line-height: 1.25rem
}

.RZpSw .Ek-Hk,
.RZpSw .gL9u8 {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.RZpSw .gL9u8 {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.RZpSw .gL9u8 li {
    background-color: #ffffff1a;
    border-radius: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    text-align: left
}

.RZpSw .L0GNU {
    color: #ffffffb3;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.RZpSw .av-cT {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    justify-content: center
}

.RZpSw .av-cT button {
    border-radius: .5rem;
    font-size: .875rem;
    font-weight: 500;
    height: 2.5rem;
    line-height: 1.25rem;
    padding: .5rem 1rem
}

.RZpSw .av-cT button.sgVKC {
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.RZpSw .av-cT button._8dbAE {
    background-color: #03de631a;
    color: #03de63cc
}

.deposit-payment .scan-title[data-v-ffd8114d] {
    margin: .25rem auto .5rem;
    max-width: 280px;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.deposit-payment .clickToCopy[data-v-ffd8114d] {
    border: 1px dashed hsla(0, 0%, 100%, .6);
    border-radius: .5rem;
    margin: 1.25rem .25rem;
    padding: 2rem 1.75rem;
    position: relative
}

@media (min-width:768px) {
    .deposit-payment .clickToCopy[data-v-ffd8114d] {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.deposit-payment .clickToCopy .handIcon[data-v-ffd8114d] {
    color: #fff6;
    cursor: pointer;
    font-size: 1.875rem;
    line-height: 2.25rem;
    position: absolute;
    right: 1rem;
    top: 1rem
}

.deposit-payment .clickToCopy .depositValue[data-v-ffd8114d] {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: .75rem;
    margin-bottom: 1.25rem;
    margin-top: -.25rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.deposit-payment .clickToCopy .inputCode[data-v-ffd8114d] {
    margin-bottom: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .deposit-payment .clickToCopy .inputCode[data-v-ffd8114d] {
        margin-bottom: .75rem
    }
}

.deposit-payment .clickToCopy .inputCode .input-center[data-v-ffd8114d] {
    border-radius: .5rem;
    height: 60px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    color: #fffc;
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
}

.deposit-payment .timer[data-v-ffd8114d] {
    margin: 1.25rem .25rem;
    padding-bottom: 1rem;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative
}

@media (min-width:768px) {
    .deposit-payment .timer[data-v-ffd8114d] {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.deposit-payment .buttonsBottom[data-v-ffd8114d] {
    align-items: center;
    background-color: #03de631a;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    padding: .5rem 1.5rem;
    width: 100%
}

@media (min-width:768px) {
    .deposit-payment .buttonsBottom[data-v-ffd8114d] {
        padding-bottom: .75rem;
        padding-top: .75rem;
        width: auto
    }
}

.deposit-payment .buttonsBottom.small[data-v-ffd8114d] {
    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: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.deposit-payment .scan-title[data-v-aedf2d95] {
    margin: .25rem auto .5rem;
    max-width: 280px;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.deposit-payment .barCodeBox[data-v-aedf2d95] {
    border-radius: .25rem;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 16rem;
    width: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    padding: 1rem
}

.deposit-payment .clickToCopy[data-v-aedf2d95] {
    border: 1px dashed hsla(0, 0%, 100%, .6);
    border-radius: .5rem;
    margin: 1.25rem .25rem;
    padding: 2rem 1.75rem;
    position: relative
}

@media (min-width:768px) {
    .deposit-payment .clickToCopy[data-v-aedf2d95] {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.deposit-payment .clickToCopy .handIcon[data-v-aedf2d95] {
    color: #fff6;
    cursor: pointer;
    font-size: 1.875rem;
    line-height: 2.25rem;
    position: absolute;
    right: 1rem;
    top: 1rem
}

.deposit-payment .clickToCopy .depositValue[data-v-aedf2d95] {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: .75rem;
    margin-bottom: 1.25rem;
    margin-top: -.25rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.deposit-payment .clickToCopy .inputCode[data-v-aedf2d95] {
    display: flex;
    gap: .5rem;
    width: 100%
}

.deposit-payment .clickToCopy .inputCode .input-center[data-v-aedf2d95] {
    border-radius: .5rem;
    height: 50px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    color: #fffc;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
}

.deposit-payment .timer[data-v-aedf2d95] {
    margin: 1.25rem .25rem;
    padding-bottom: 1rem;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative
}

@media (min-width:768px) {
    .deposit-payment .timer[data-v-aedf2d95] {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.deposit-payment .buttonsBottom[data-v-aedf2d95] {
    align-items: center;
    background-color: #03de631a;
    border-radius: .25rem;
    display: inline-flex;
    font-size: .875rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .5rem 1.5rem;
    white-space: nowrap;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .deposit-payment .buttonsBottom[data-v-aedf2d95] {
        padding-bottom: .75rem;
        padding-top: .75rem;
        width: auto
    }
}

.deposit-payment .buttonsBottom.small[data-v-aedf2d95] {
    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: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.dFW90 .fEH8u {
    align-items: center;
    background-color: #03de631a;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    padding: .5rem 1.5rem;
    width: 100%
}

@media (min-width:768px) {
    .dFW90 .fEH8u {
        padding-bottom: .75rem;
        padding-top: .75rem;
        width: auto
    }
}

.dFW90 .fEH8u.AIjhN {
    background-color: #22bb331a;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.dFW90 .fEH8u.AIjhN,
.dFW90 .fEH8u.tuJFY {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: -.5rem;
    margin-top: .5rem;
    padding: .5rem 1.25rem;
    width: auto;
    --tw-text-opacity: 1
}

.dFW90 .fEH8u.tuJFY {
    background-color: #03de631a;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.ZU-t2 {
    background-color: #ffffff0d;
    border-radius: .25rem;
    height: 480px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ZU-t2 iframe {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 10
}

.UuuJM .lwv8o {
    align-items: center;
    background-color: #03de631a;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    padding: .5rem 1.5rem;
    width: 100%
}

@media (min-width:768px) {
    .UuuJM .lwv8o {
        padding-bottom: .75rem;
        padding-top: .75rem;
        width: auto
    }
}

.UuuJM .lwv8o.QbJJZ {
    background-color: #22bb331a;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.UuuJM .lwv8o.QbJJZ,
.UuuJM .lwv8o.TwwHp {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: -.5rem;
    margin-top: .5rem;
    padding: .5rem 1.25rem;
    width: auto;
    --tw-text-opacity: 1
}

.UuuJM .lwv8o.TwwHp {
    background-color: #03de631a;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.td216 {
    background-color: #ffffff0d;
    border-radius: .25rem;
    height: 480px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.td216 iframe {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 10
}

.VDnK3 {
    border-radius: 0;
    margin: -1.5rem;
    min-width: 100%;
    position: relative;
    z-index: 5;
    --tw-bg-opacity: 1;
    background-color: rgb(19 24 32/var(--tw-bg-opacity, 1));
    padding: 3rem 1.25rem 1.25rem
}

@media (min-width:768px) {
    .VDnK3 {
        border-radius: .75rem
    }
}

.VDnK3 ._3NSrD {
    align-items: center;
    background-color: #03de631a;
    border-radius: .25rem;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    padding: .5rem 1.5rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .VDnK3 ._3NSrD {
        padding-bottom: .75rem;
        padding-top: .75rem;
        width: auto
    }
}

.VDnK3 ._3NSrD.ikDx6 {
    background-color: #22bb331a;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.VDnK3 ._3NSrD.ikDx6,
.VDnK3 ._3NSrD.lJTIw {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: -.5rem;
    margin-top: .5rem;
    padding: .5rem 1.25rem;
    width: auto;
    --tw-text-opacity: 1
}

.VDnK3 ._3NSrD.lJTIw {
    background-color: #03de631a;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.PQdZE {
    border-radius: .25rem;
    height: 1500px;
    overflow: hidden
}

.PQdZE,
.PQdZE iframe {
    position: relative;
    width: 100%
}

.PQdZE iframe {
    height: 100%;
    z-index: 10
}

._5mU5r {
    border-radius: 0;
    margin: -1.5rem;
    min-width: 100%;
    position: relative;
    z-index: 5;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    padding: .5rem
}

@media (min-width:768px) {
    ._5mU5r {
        border-radius: .75rem
    }
}

._5mU5r .P0l2A {
    align-items: center;
    background-color: #03de631a;
    border-radius: .25rem;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    padding: .5rem 1.5rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    ._5mU5r .P0l2A {
        padding-bottom: .75rem;
        padding-top: .75rem;
        width: auto
    }
}

._5mU5r .P0l2A.k4dlZ {
    background-color: #22bb331a;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

._5mU5r .P0l2A.k4dlZ,
._5mU5r .P0l2A.nVut7 {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: -.5rem;
    margin-top: .5rem;
    padding: .5rem 1.25rem;
    width: auto;
    --tw-text-opacity: 1
}

._5mU5r .P0l2A.nVut7 {
    background-color: #03de631a;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.Oj-r8 {
    border-radius: .25rem;
    height: 840px;
    overflow: hidden
}

.Oj-r8,
.Oj-r8 iframe {
    position: relative;
    width: 100%
}

.Oj-r8 iframe {
    height: 100%;
    z-index: 10
}

.deposit-payment .scan-title[data-v-b4190567] {
    margin: .25rem auto .5rem;
    max-width: 280px;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.deposit-payment .clickToCopy[data-v-b4190567] {
    border: 1px dashed hsla(0, 0%, 100%, .6);
    border-radius: .5rem;
    margin: 1.25rem .25rem;
    padding: 2rem 1.75rem;
    position: relative
}

@media (min-width:768px) {
    .deposit-payment .clickToCopy[data-v-b4190567] {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.deposit-payment .clickToCopy .handIcon[data-v-b4190567] {
    color: #fff6;
    cursor: pointer;
    font-size: 1.875rem;
    line-height: 2.25rem;
    position: absolute;
    right: 1rem;
    top: 1rem
}

.deposit-payment .clickToCopy .depositValue[data-v-b4190567] {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: .75rem;
    margin-bottom: 1.25rem;
    margin-top: -.25rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.deposit-payment .clickToCopy .inputCode[data-v-b4190567] {
    margin-bottom: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .deposit-payment .clickToCopy .inputCode[data-v-b4190567] {
        margin-bottom: .75rem
    }
}

.deposit-payment .clickToCopy .inputCode .input-center[data-v-b4190567] {
    border-radius: .5rem;
    height: 50px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    color: #fffc;
    font-size: .75rem;
    line-height: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
}

.deposit-payment .timer[data-v-b4190567] {
    margin: 1.25rem .25rem;
    padding-bottom: 1rem;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative
}

@media (min-width:768px) {
    .deposit-payment .timer[data-v-b4190567] {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.deposit-payment .buttonsBottom[data-v-b4190567] {
    align-items: center;
    background-color: #03de631a;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    padding: .5rem 1.5rem;
    width: 100%
}

@media (min-width:768px) {
    .deposit-payment .buttonsBottom[data-v-b4190567] {
        padding-bottom: .75rem;
        padding-top: .75rem;
        width: auto
    }
}

.deposit-payment .buttonsBottom.small[data-v-b4190567] {
    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: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.deposit-payment .depositbr_code[data-v-b4190567] {
    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: rgb(3 222 99/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    padding: .5rem
}

.deposit-payment .depositbr_code img[data-v-b4190567] {
    max-width: 220px
}

.S-ZfM {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between
}

.S-ZfM ._9rPIA {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .S-ZfM ._9rPIA {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.S-ZfM.qxFhQ {
    flex-wrap: nowrap;
    gap: 1rem;
    margin-bottom: 1rem
}

.S-ZfM.qxFhQ .SBhsO {
    flex: 1 1 0%
}

.S-ZfM.qxFhQ .SBhsO ._9rPIA {
    color: #ffffff80;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.S-ZfM.qxFhQ .SBhsO input,
._0wldY {
    text-transform: uppercase
}

._0wldY {
    align-items: center;
    border-radius: .375rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

._0wldY[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.VHygH {
    border-radius: .5rem;
    cursor: default;
    overflow: hidden;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    text-align: left;
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.VHygH:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.VHygH:focus-visible {
    --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: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsla(0, 0%, 100%, .75);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #03de63
}

@media (min-width:640px) {
    .VHygH {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.u3tAl {
    border-style: none;
    height: 46px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem 2.5rem .5rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.u3tAl: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(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

@media (min-width:640px) {
    .u3tAl {
        height: 50px
    }
}

.u3tAl[disabled]:not([disabled=false]) {
    cursor: not-allowed
}

.vID8m {
    align-items: center;
    bottom: 0;
    display: flex;
    padding-right: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.LRbqd {
    font-size: .9em;
    opacity: .7
}

._2GJ9I {
    border-radius: .375rem;
    cursor: pointer;
    margin-top: .25rem;
    max-height: 12rem;
    overflow: auto;
    position: fixed;
    z-index: 50;
    --tw-bg-opacity: 1;
    background-color: rgb(22 61 51/var(--tw-bg-opacity, 1));
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgba(0, 0, 0, .05)
}

._2GJ9I:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media (min-width:640px) {
    ._2GJ9I {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

._07uyT {
    position: relative
}

.J7Q0N,
._07uyT {
    padding: .5rem 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.J7Q0N {
    align-items: center;
    display: flex;
    gap: .5rem
}

._56Pn- {
    cursor: not-allowed
}

.AqlXA {
    align-items: center;
    background-color: #001510e6;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    gap: 1rem;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.AqlXA span {
    text-align: left
}

.AqlXA .N31i0 {
    font-size: 3.75rem;
    line-height: 1
}

.SCQqW {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
    position: relative
}

.SCQqW ._1Os-K {
    background-color: #00151099;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.SCQqW ._2OK3V {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: .5rem
}

.SCQqW ._2OK3V .-sm-E {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: -.25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.SCQqW ._2OK3V .rvfnV {
    height: .75rem;
    width: .75rem
}

.wDcN7 {
    align-items: center;
    background-color: #001510e6;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    gap: 1rem;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.wDcN7 span {
    text-align: left
}

.wDcN7 .N31i0 {
    font-size: 3.75rem;
    line-height: 1
}

.CuojR {
    margin-top: .5rem;
    width: 100%
}

.CuojR span {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.CuojR strong {
    text-decoration-line: underline
}

.N8NJl {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-top: .75rem
}

.N8NJl,
.N8NJl .Osiv2 {
    position: relative
}

.N8NJl .Osiv2 {
    background-color: #ffffff1a;
    border-radius: .5rem;
    height: 6rem;
    min-width: 6rem;
    overflow: hidden;
    width: 6rem
}

@media (min-width:640px) {
    .N8NJl .Osiv2 {
        height: 7rem;
        min-width: 7rem;
        width: 7rem
    }
}

.N8NJl .Osiv2.brOW4 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.N8NJl .Osiv2 img {
    height: auto;
    width: 100%
}

.N8NJl .fxyFt {
    align-items: flex-start;
    border: 1px dashed hsla(0, 0%, 100%, .6);
    border-radius: .5rem;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    min-height: 7rem;
    padding: .75rem 1rem;
    position: relative
}

.N8NJl .fxyFt .eVBTY {
    color: #fff6;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1.75rem;
    position: absolute;
    right: .75rem;
    top: .75rem
}

.N8NJl .fxyFt .PeVg8 {
    color: #ffffff80;
    font-size: .675rem;
    font-weight: 600;
    line-height: .75rem;
    margin-bottom: .25rem
}

@media (min-width:640px) {
    .N8NJl .fxyFt .PeVg8 {
        font-size: .75rem;
        line-height: 1rem;
        margin-bottom: .5rem
    }
}

.N8NJl .fxyFt ._96XMV {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.N8NJl .fxyFt ._96XMV .QJZvY {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    overflow-wrap: break-word;
    padding-right: .75rem;
    white-space: break-spaces;
    word-break: break-all;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .N8NJl .fxyFt ._96XMV .QJZvY {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.N8NJl .fxyFt ._96XMV .QJZvY span,
.N8NJl .fxyFt ._96XMV .U0Tpy {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.N8NJl .fxyFt ._96XMV .U0Tpy {
    align-items: center;
    background-color: #03de631a;
    border-radius: .25rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    line-height: 1rem;
    padding: .375rem .75rem
}

.N8NJl .fxyFt ._96XMV input {
    height: 0;
    position: absolute;
    visibility: hidden;
    width: 0
}

.No9MK {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%
}

.XRpUl {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.XRpUl .LI8px {
    color: #fffc;
    cursor: pointer
}

.XRpUl .wK3pT {
    display: flex;
    flex-direction: column
}

.XRpUl .wK3pT .Slyxx {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.XRpUl .wK3pT .PZzYZ {
    color: #ffffffb3;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    text-align: left
}

.CIRYJ {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

._967Oa {
    width: 100%
}

._967Oa .RXYtJ {
    align-items: center;
    background-color: #163d334d;
    border: 1px solid rgba(3, 222, 99, .3);
    border-radius: .5rem;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    height: 3rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .75rem;
    width: 7rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (hover:hover) {
    ._967Oa .RXYtJ {
        transition-duration: .2s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    ._967Oa .RXYtJ:hover {
        background-color: #163d3366;
        border-color: #03de6366
    }
}

._967Oa .RXYtJ.mPrT7 {
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1))
}

._967Oa .RXYtJ.BZl4j {
    width: 9rem
}

@media (min-width:768px) {
    ._967Oa .RXYtJ.BZl4j {
        width: 9rem
    }
}

._967Oa .RXYtJ .P9xbh,
._967Oa .RXYtJ .P9xbh svg {
    height: 100%;
    width: 100%
}

.v-Z4z {
    padding-left: .125rem;
    padding-right: .125rem;
    position: relative
}

.v-Z4z .fGgwc {
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    font-weight: 500;
    margin-bottom: .5rem;
    margin-top: 1rem
}

.v-Z4z .fGgwc,
.v-Z4z .r028- {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1
}

.v-Z4z .r028- {
    color: rgb(255 159 67/var(--tw-text-opacity, 1));
    margin-top: .75rem
}

.qQh3B .oksoL {
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    line-height: 1.5rem;
    row-gap: 0;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.qQh3B .oksoL .t9zVy {
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    display: inline-flex;
    margin-left: .25rem
}

.qQh3B ._7hgdg,
.qQh3B .oksoL .t9zVy {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1
}

.qQh3B ._7hgdg {
    color: rgb(255 159 67/var(--tw-text-opacity, 1));
    margin-top: .75rem
}

.VAkYg .QNHls {
    align-items: center;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    line-height: 1.5rem;
    row-gap: 0
}

.VAkYg .QNHls,
.VAkYg ._2m9y1 {
    --tw-text-opacity: 1
}

.VAkYg ._2m9y1 {
    color: rgb(255 159 67/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem
}

.nbtCb {
    margin-bottom: 1rem
}

.l5quF {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start;
    width: 100%
}

.l5quF ._8-b93 {
    flex: 1 1 0%;
    min-width: 50%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .l5quF ._8-b93 {
        min-width: 20%
    }
}

.l5quF ._8-b93 label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.l5quF .Mj2O9 {
    border-radius: .375rem;
    justify-content: center;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    color: rgb(25 26 26/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem
}

.l5quF .JeD2l,
.l5quF .Mj2O9 {
    align-items: center;
    display: flex;
    gap: .5rem;
    --tw-text-opacity: 1
}

.l5quF .JeD2l {
    background-color: #03de631a;
    border-radius: .25rem;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    font-size: .75rem;
    height: auto;
    justify-content: flex-start;
    line-height: 1rem;
    padding: .5rem .75rem
}

@media (min-width:768px) {
    .l5quF .JeD2l {
        height: 50px
    }
}

.l5quF .c1sRG {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    padding-left: .125rem;
    padding-right: .125rem;
    text-align: center;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.l5quF .c1sRG strong {
    font-weight: 700;
    white-space: nowrap
}

._60yIN {
    align-items: center;
    border: 1px dotted hsla(0, 0%, 100%, .4);
    border-radius: .5rem;
    color: #ffffff80;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    padding: 1.25rem 1.5rem;
    text-align: center
}

@media (min-width:768px) {
    ._60yIN {
        flex-direction: row;
        justify-content: space-between;
        text-align: left
    }
}

._60yIN ._7u9N9 {
    border-radius: .375rem;
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.GbZpb {
    flex: 1 1 0%;
    min-width: 50%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .GbZpb {
        min-width: 20%
    }
}

.GbZpb label {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.bjAlk {
    display: flex;
    flex-direction: column
}

.BiH-m {
    padding-left: .125rem;
    padding-right: .125rem;
    position: relative
}

.JRYaH {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between
}

.JRYaH .QNXby {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .JRYaH .QNXby {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.JRYaH.LJmOC {
    flex-wrap: nowrap;
    gap: 1rem;
    margin-bottom: 1rem
}

.JRYaH.LJmOC ._6uOXn {
    flex: 1 1 0%
}

.JRYaH.LJmOC ._6uOXn .EXuwC {
    color: #ffffff80;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.JRYaH.LJmOC ._6uOXn input {
    text-transform: uppercase
}

.TvTpT {
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    line-height: 1rem;
    margin-bottom: .25rem;
    margin-top: .25rem
}

._4jBO1 {
    border-style: solid;
    border-width: 1px 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
    --tw-border-opacity: 1;
    border-color: rgb(22 61 51/var(--tw-border-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-align: left
}

.Hzxpd {
    align-items: center;
    border-radius: .375rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    padding: .75rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.Hzxpd[disabled]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.step-form .step-form-item[data-v-d151da03] {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.step-form .step-form-item .item-key-button[data-v-d151da03] {
    display: inline-flex;
    font-size: .75rem;
    line-height: 1rem;
    margin-left: .5rem
}

.step-form .step-form-item-key[data-v-d151da03] {
    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-form .step-form-item-key svg[data-v-d151da03] {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.step-form .step-form-item-doc[data-v-d151da03] {
    color: #fffc;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.step-form .step-form-item-info[data-v-d151da03] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.step-form .step-form-item .step-form-label[data-v-d151da03] {
    display: flex;
    font-size: .75rem;
    gap: .5rem;
    line-height: 1rem;
    margin-bottom: .5rem
}

.step-form .step-form-item .step-form-input[data-v-d151da03] {
    margin-bottom: .5rem
}

.step-form .step-form-item .btn-submit[data-v-d151da03] {
    margin-top: 1rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1));
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.step-form .step-form-item .btn-submit[disabled][data-v-d151da03]:not([disabled=false]) {
    cursor: not-allowed;
    opacity: .4
}

.nSAA3 {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -.25rem;
    position: relative;
    width: 100%;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 51);
    padding: 1.25rem 1.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.nSAA3,
.nSAA3 p {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.nSAA3 h3 {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width:768px) {
    .nSAA3 h3 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.nSAA3 .tneH6 {
    height: 7rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: .5rem;
    width: 7rem
}

.nSAA3 .w12fl {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 600;
    gap: .25rem;
    line-height: 1.25rem;
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .nSAA3 .w12fl {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.nSAA3 .w12fl strong {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.nSAA3 .LClzE {
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    width: 100%
}

.nSAA3 .LClzE button {
    border-radius: .375rem;
    flex: 1 1 0%;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .5rem 1rem;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:368px) {
    .nSAA3 .LClzE button {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media (min-width:768px) {
    .nSAA3 .LClzE button {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.nSAA3 .LClzE button.-OwVw {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.nSAA3 .LClzE button._0atah {
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .nSAA3 .LClzE button._0atah {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
}

.nSAA3 .LClzE button.b3fWu {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

._-0MWI {
    padding: 0
}

._-0MWI .HGBd5 {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    flex: 1 1 0%;
    gap: .25rem;
    justify-content: center;
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1));
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.rules-title {
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1rem
}

.rules-box,
.rules-title {
    --tw-text-opacity: 1
}

.rules-box {
    background-color: #ffffff14;
    border-radius: .5rem;
    color: rgb(254 254 254/var(--tw-text-opacity, 1));
    padding: 1.5rem
}

.rules-box * {
    margin-bottom: .5rem
}

.rules-box .rules-rows p {
    color: #fff9;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-bottom: .75rem
}

.rules-box .rules-rows p span {
    background-color: #03de631a;
    font-size: .675rem;
    margin-left: .5rem;
    padding: .25rem;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.rules-box hr {
    color: #fff3;
    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: rgb(255 159 67/var(--tw-border-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.rules-box .rules-warning p {
    border-left-width: 1px;
    border-style: solid;
    margin: 1rem .125rem;
    --tw-border-opacity: 1;
    border-color: rgb(255 159 67/var(--tw-border-opacity, 1));
    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
}

.-Juo9 {
    padding: 1.5rem 2rem;
    text-align: center
}

@media (min-width:768px) {
    .-Juo9 {
        padding: 2rem 2.5rem
    }
}

.-Juo9 .cSy09 {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.-Juo9 .cSy09 h2 {
    font-weight: 700
}

.-Juo9 .cSy09 h2,
.-Juo9 .cSy09 p {
    margin: .75rem
}

.-Juo9 .tln8w {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: 1rem .5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.-Juo9 .yt1sn {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 1rem;
    padding-top: 1rem
}

.-Juo9 .yt1sn button {
    border-radius: .25rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: capitalize
}

.-Juo9 .yt1sn button:first-child {
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1))
}

.-Juo9 .yt1sn button:first-child,
.-Juo9 .yt1sn button:last-child {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.-Juo9 .yt1sn button:last-child {
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1))
}

.hS9Wq {
    height: 100%;
    padding: 0;
    width: 100%
}

.hS9Wq .Eq7b4 {
    border-radius: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (max-width:768px) {
    .hS9Wq .Eq7b4 {
        height: 100% !important
    }
}

.pld-modal-wrapper {
    background-color: transparent;
    border-radius: 0;
    height: auto;
    max-width: none;
    width: auto;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (max-width:768px) {
    .pld-modal-inner {
        align-items: center;
        display: flex;
        justify-content: center
    }
}

.ZiiM1 {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 999999;
    --tw-translate-x: 0px;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ZiiM1,
.ZiiM1.Pmbn- {
    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))
}

.ZiiM1.Pmbn- {
    --tw-translate-x: -280px
}

.ZiiM1 ._2ZSiO {
    align-items: center;
    background-color: #000000e6;
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    left: 100%;
    position: absolute;
    top: 1rem;
    width: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ZiiM1 ._2ZSiO:hover {
    background-color: #000000b3
}

.ZiiM1 .qEWuT {
    height: 100%;
    width: 290px
}

.ZiiM1 .qEWuT ::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.ZiiM1 .qEWuT ::-webkit-scrollbar-track {
    background-color: #ffffff1a
}

.ZiiM1 .qEWuT ::-webkit-scrollbar-thumb {
    background-color: #ffffff26;
    border-color: transparent
}

.ZiiM1 .qEWuT .YwhuO {
    background-color: #000000e6;
    font-size: .875rem;
    height: 100%;
    line-height: 1.25rem;
    overflow: auto;
    padding: 1rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 {
    margin-bottom: 1rem
}

.ZiiM1 .qEWuT .YwhuO ._6GK79:last-child {
    margin-bottom: 0
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .RMdGz {
    background-color: #ffffff1a;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .75rem;
    padding: .5rem .75rem
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .RMdGz .S4lVF {
    color: #fff6;
    font-weight: 500
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .RMdGz .nYknl {
    color: #fff6;
    font-size: .675rem;
    margin-top: .25rem
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .nERhD {
    color: #fff6;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .75rem
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    overflow: hidden
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV:last-child {
    margin-bottom: 0
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SHosE {
    background-color: #fff3;
    padding: .5rem .75rem
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SHosE ._09k8E {
    font-weight: 600
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SHosE .f7Vkm {
    color: #ffffffb3;
    font-size: .75rem;
    line-height: 1rem
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SHosE .-b91M {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(34 187 51/var(--tw-text-opacity, 1))
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k {
    background-color: #ffffff0d;
    padding: 0
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi {
    align-items: center;
    border-color: #ffffff1a;
    border-radius: .25rem;
    border-top: 1px hsla(0, 0%, 100%, .1);
    border-style: solid;
    display: flex;
    justify-content: space-between;
    padding: .5rem
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi .Gpts8 {
    align-items: center;
    display: flex
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi .Gpts8 .v9mqp {
    font-weight: 500
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi .Gpts8 .upu58 {
    display: flex;
    gap: .25rem
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi .Gpts8 .upu58 .xyiNE {
    background-color: #ff9f434d;
    border-radius: .375rem;
    font-size: 10px;
    font-weight: 500;
    margin-left: .5rem;
    padding: 0 .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi .Gpts8 .upu58 ._2BRIk {
    background-color: #f1416c4d;
    border-radius: .25rem;
    font-size: 10px;
    font-weight: 500;
    padding: .125rem .375rem;
    --tw-text-opacity: 1;
    color: rgb(241 65 108/var(--tw-text-opacity, 1))
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi .t0ExR {
    border-radius: .25rem;
    font-size: .675rem;
    font-weight: 700;
    padding: 0 .25rem
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi .t0ExR.Sbis0,
.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi .t0ExR.syEiQ {
    --tw-bg-opacity: 1;
    background-color: rgb(241 65 108/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.ZiiM1 .qEWuT .YwhuO ._6GK79 .uyWzV .SXK-k .jAmWi .t0ExR.fD4O3 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 187 51/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.qRFSC {
    padding: 0
}

.yRRGs {
    align-items: center;
    background-color: #000000b3;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 999
}

.yRRGs,
.yRRGs .XAvk0 {
    width: 100%
}

.yRRGs .XAvk0 {
    border-radius: .5rem;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 82vw;
    overflow: hidden;
    position: relative;
    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;
    z-index: 20;
    --tw-bg-opacity: 1;
    background-color: rgb(0 21 16/var(--tw-bg-opacity, 1));
    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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width:768px) {
    .yRRGs .XAvk0 {
        max-width: 400px
    }
}

.yRRGs .XAvk0 .BuTfF {
    background-color: #ffffff0d;
    padding: 1.5rem
}

.yRRGs .XAvk0 .BuTfF,
.yRRGs .XAvk0 .BuTfF .vTEeN {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.yRRGs .XAvk0 .BuTfF .vTEeN {
    height: 1.5rem;
    margin: 0;
    max-width: 10rem;
    padding: 0
}

.yRRGs .XAvk0 .BuTfF .i4ptq {
    color: #fff9;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0
}

.yRRGs .XAvk0 ._1xL4n {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
    padding: 1rem;
    width: 100%
}

@media (min-width:368px) {
    .yRRGs .XAvk0 ._1xL4n {
        padding: 2rem
    }
}

.yRRGs .XAvk0 ._1xL4n .UQLTR {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-top: -.25rem;
    max-width: 10rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .yRRGs .XAvk0 ._1xL4n .UQLTR {
        font-size: 1.5rem;
        line-height: 2rem;
        max-width: 13rem
    }
}

.yRRGs .XAvk0 ._1xL4n .UH5av {
    gap: 1rem
}

.yRRGs .XAvk0 ._1xL4n .UH5av,
.yRRGs .XAvk0 ._1xL4n .UH5av button {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.yRRGs .XAvk0 ._1xL4n .UH5av button {
    border-radius: .5rem;
    border-style: solid;
    border-width: 1px;
    gap: .25rem;
    height: 2.5rem
}

.yRRGs .XAvk0 ._1xL4n .UH5av button svg {
    font-size: .875rem;
    line-height: 1.25rem
}

.yRRGs .XAvk0 ._1xL4n .UH5av button.pCZTM {
    background-color: #ffffff0d;
    border-color: #ffffff80;
    color: #ffffffb3;
    font-weight: 500
}

.yRRGs .XAvk0 ._1xL4n .UH5av button.OFi5b {
    --tw-border-opacity: 1;
    border-color: rgb(3 222 99/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.yRRGs ._2RRhY {
    background-color: #0000000d;
    height: 100%;
    left: 0;
    pointer-events: auto;
    position: fixed;
    top: 0;
    touch-action: auto;
    width: 100%;
    z-index: 10
}

.BS-Li {
    z-index: 900
}

._1Kgz8 {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 2rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

._1Kgz8 .wCUYQ {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    padding: 0 .25rem .25rem
}

@media (min-width:768px) {
    ._1Kgz8 .wCUYQ {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

._1Kgz8 .vrJeJ {
    color: #ffffffb3;
    padding: .25rem
}

._1Kgz8 .Oa4v0,
._1Kgz8 .vrJeJ {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

._1Kgz8 .Oa4v0 {
    border-bottom: 1px;
    border-color: #fff3;
    border-style: dashed;
    margin-bottom: .5rem;
    padding: .25rem .25rem 1.5rem
}

._1Kgz8 ._6BHGc {
    border-bottom: 1px;
    border-color: #ffffff4d;
    border-style: dashed;
    color: #ffffff80;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    margin-left: .5rem;
    margin-right: auto;
    margin-top: .75rem;
    padding-bottom: .25rem
}

.fw-layer[data-v-21fdc3b6] {
    inset: 0;
    pointer-events: none;
    position: fixed;
    z-index: 999
}

canvas[data-v-21fdc3b6] {
    height: 100vh;
    width: 100vw
}

.HA-nb {
    display: grid;
    flex-direction: column;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: auto 1fr;
    min-height: 100dvh;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (min-width:900px) {
    .HA-nb {
        display: block
    }
}

@media print {
    .HA-nb {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
    }
}

.HA-nb .vEjqt {
    margin: 0 auto;
    max-width: 1825px;
    padding: 10px;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

@media (min-width:900px) {
    .HA-nb .vEjqt {
        display: grid;
        gap: 15px;
        grid-template-columns: 230px calc(100% - 239px)
    }
}

@media (min-width:1350px) {
    .HA-nb .vEjqt {
        gap: 22px;
        grid-template-columns: 240px calc(100% - 253px)
    }
}

@media screen and (min-width:1600px) {
    .HA-nb .vEjqt {
        gap: 30px;
        padding: 30px
    }
}

@media (min-width:900px) {
    .HA-nb .vEjqt.ZsSUH {
        grid-template-columns: 77px calc(100% - 80px)
    }
}

.HA-nb .vEjqt .UrrmK {
    position: relative;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 0
}

@media (min-width:900px) {
    .HA-nb .vEjqt .UrrmK {
        width: calc(100% - 10px)
    }
}

@media (min-width:1800px) {
    .HA-nb .vEjqt .UrrmK {
        margin-top: -2px
    }
}

.HA-nb .S9VkN {
    position: relative;
    top: 0;
    z-index: 90
}

.LTI-q {
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

.LTI-q,
.LTI-q .ViiZr {
    left: 0;
    position: absolute;
    top: 0
}

.LTI-q .ViiZr {
    background: radial-gradient(ellipse at 0 0, rgba(var(--primaryColorRGB), .1) 0, rgba(var(--primaryColorRGB), 0) 60%);
    height: 25%;
    max-width: 980px;
    width: 70%;
    z-index: -2
}

.LTI-q .e2NzG {
    display: none;
    height: 100%;
    max-height: 1500px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: -3;
    --tw-translate-y: 50%;
    background: radial-gradient(ellipse at 100% 50%, rgba(var(--primaryColorRGB), .07) 0, rgba(var(--primaryColorRGB), 0) 70%);
    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))
}

.ohzs9 {
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90
}

@media (min-width:768px) {
    .ohzs9 {
        overflow-y: auto
    }
}

.ohzs9 {
    background: linear-gradient(180deg, var(--bgDarkGradient) 0, var(--bgDarkGradientEnd) 100%)
}

.Wlt-O {
    display: grid;
    flex-direction: column;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: auto 1fr;
    min-height: 100dvh;
    position: relative;
    width: 100%;
    z-index: 200
}

@media (min-width:900px) {
    .Wlt-O {
        display: block
    }
}

@media print {
    .Wlt-O {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
    }
}

.Wlt-O .tf6a- {
    margin: 0 auto;
    max-height: 100vh;
    max-width: 1825px;
    overflow: hidden;
    padding: 10px;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

@media (min-width:900px) {
    .Wlt-O .tf6a- {
        display: grid;
        gap: 15px;
        grid-template-columns: 230px calc(100% - 239px)
    }
}

@media (min-width:1350px) {
    .Wlt-O .tf6a- {
        gap: 22px;
        grid-template-columns: 240px calc(100% - 253px)
    }
}

@media screen and (min-width:1600px) {
    .Wlt-O .tf6a- {
        gap: 30px;
        padding: 30px
    }
}

@media (min-width:900px) {
    .Wlt-O .tf6a-.EUiKr {
        grid-template-columns: 77px calc(100% - 80px)
    }
}

.Wlt-O .tf6a- ._4ZE6n {
    position: relative;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 100
}

.Wlt-O .lBSQa {
    position: relative;
    top: 0;
    z-index: 90
}

.FC-m- {
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

.FC-m-,
.FC-m- .j1kcu {
    left: 0;
    position: absolute;
    top: 0
}

.FC-m- .j1kcu {
    background: radial-gradient(ellipse at 0 0, rgba(var(--primaryColorRGB), .1) 0, rgba(var(--primaryColorRGB), 0) 60%);
    height: 25%;
    max-width: 980px;
    width: 70%;
    z-index: -2
}

.FC-m- .I6M9W {
    display: none;
    height: 100%;
    max-height: 1500px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: -3;
    --tw-translate-y: 50%;
    background: radial-gradient(ellipse at 100% 50%, rgba(var(--primaryColorRGB), .07) 0, rgba(var(--primaryColorRGB), 0) 70%);
    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))
}

@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: #2700ff;
}

: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;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.l6T8l[data-v-0189097b] {
    background-color: #ffffff0d;
    border-radius: .5rem
}

.l6T8l .nEjq9[data-v-0189097b] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .l6T8l .nEjq9[data-v-0189097b] {
        margin-bottom: 1.5rem
    }
}

.l6T8l .ixpwq[data-v-0189097b] {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    height: 10rem;
    width: 100%
}

.l6T8l .ixpwq .WFPTS[data-v-0189097b] {
    height: 100%
}

.ZQIP7[data-v-0189097b] {
    align-items: center;
    background-color: #ffffff0d;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: .25rem;
    justify-content: space-between;
    -o-object-fit: cover;
    object-fit: cover;
    padding: .5rem;
    scroll-snap-align: end;
    width: 100%
}

.ZQIP7[data-v-0189097b]:nth-child(odd) {
    background-color: transparent
}

.ZQIP7 .zakw0[data-v-0189097b] {
    display: flex;
    flex-direction: row;
    gap: .75rem;
    margin-bottom: .25rem;
    width: 100%
}

.ZQIP7 .zakw0 .P1iEd[data-v-0189097b] {
    aspect-ratio: 1/1;
    border-radius: .5rem;
    height: auto;
    max-width: 100%;
    width: 2.25rem
}

.ZQIP7 .zakw0 .VEaCO[data-v-0189097b] {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: .75rem;
    gap: .25rem;
    justify-content: space-between;
    line-height: 1rem;
    overflow: hidden;
    width: 100%
}

.ZQIP7 .zakw0 .VEaCO ._9QlSu[data-v-0189097b] {
    color: #fffc;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.ZQIP7 .zakw0 .VEaCO ._9QlSu[data-v-0189097b],
.ZQIP7 .zakw0 .VEaCO ._9QlSu .sxW36[data-v-0189097b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ZQIP7 .zakw0 .VEaCO ._9QlSu .sxW36[data-v-0189097b] {
    color: #ffffff80;
    display: block;
    font-size: .675rem;
    font-weight: 400;
    line-height: 1rem
}

.ZQIP7 .zakw0 .VEaCO .XkBWO[data-v-0189097b] {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: .75rem;
    gap: .25rem;
    line-height: 1rem;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:768px) {
    .ZQIP7 .zakw0 .VEaCO .XkBWO[data-v-0189097b] {
        font-size: .875rem;
        gap: .5rem;
        line-height: 1.25rem
    }
}

.ZQIP7 .zakw0 .VEaCO .XkBWO .oWzJq[data-v-0189097b] {
    color: #ffffff80;
    font-weight: 600
}

.ZQIP7 .zakw0 .VEaCO .XkBWO ._12LiU[data-v-0189097b] {
    color: #ffffff4d;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    margin-bottom: -1px;
    margin-left: -1px
}

.ZQIP7 .zakw0 .VEaCO .XkBWO .AYoAf[data-v-0189097b] {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 232 0/var(--tw-text-opacity, 1))
}

.ZQIP7 .zakw0 .VEaCO .XkBWO ._-8QG9[data-v-0189097b] {
    align-items: center;
    display: flex;
    font-size: .75rem;
    justify-content: center;
    line-height: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.mF9s6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
    .mF9s6 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.mF9s6 {
    min-height: 40vh
}

.mF9s6 .tR4tf {
    background-color: #00362899;
    border-radius: .5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 28rem;
    width: 100%
}

.mF9s6 .EjhL0 {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mF9s6 .QoQCf {
    display: grid;
    font-size: .75rem;
    gap: 1rem;
    line-height: 1rem;
    padding: 1.5rem
}

@media (min-width:768px) {
    .mF9s6 .QoQCf {
        padding: 2rem
    }
}

.mF9s6 ._9yh6V {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    line-height: 1.25
}

.mF9s6 .jxwRi {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    text-decoration-line: underline
}

.mF9s6 .sW-uY {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    list-style-position: outside;
    list-style-type: decimal;
    margin-left: 1rem
}

.mF9s6 .KaXsR {
    border-radius: .5rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: .75rem 1.25rem
}

.mF9s6 .KaXsR.PU4Pw {
    align-items: center;
    color: #fff9;
    display: flex;
    font-weight: 600;
    gap: .25rem;
    padding-bottom: 0;
    padding-top: 0
}

.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: rgb(3 222 99/var(--tw-text-opacity, 1));
    --darken30: color-mix(in srgb, currentColor 30%, #000)
}

.nWTap.PCWOv {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(3 222 99/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.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: rgb(25 26 26/var(--tw-text-opacity, 1))
}

.cNE1Q {
    padding: 1.5rem;
    text-align: center
}

.H0EWH {
    font-weight: 700;
    margin-top: 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1))
}

.TwarO {
    width: 100%
}

.TwarO+.TwarO {
    margin-top: .5rem
}

.TwarO.dNCV6 {
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity, 1))
}

.Dxjnt,
.dwOcc {
    transition: opacity .3s
}

.CKpcc,
.lPAHh {
    opacity: 0
}

.xcW1P {
    display: flex;
    flex-direction: column
}

.y3DbS {
    flex-shrink: 0
}

iframe {
    flex: 1
}

.xS2j0 {
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    width: 100%
}

.xS2j0 .CKlgc {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    justify-content: flex-start;
    line-height: 1.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.xS2j0 .CKlgc .-zxbR {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 159 67/var(--tw-text-opacity, 1))
}

.xS2j0 .y3g5J {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.xS2j0 .y3g5J ._0WOTO {
    align-items: center;
    background-color: #ffffff0d;
    border-radius: .5rem;
    cursor: pointer;
    display: inline-flex;
    gap: 1.25rem;
    justify-content: space-between;
    padding: .75rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.xS2j0 .y3g5J ._0WOTO .m85SA {
    font-size: .875rem;
    line-height: 1.25rem
}

.xS2j0 .y3g5J ._0WOTO .yyyGA {
    font-size: .75rem;
    line-height: 1rem
}

.xS2j0 .y3g5J ._0WOTO.t6ZOu {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.xS2j0 .y3g5J ._0WOTO.t6ZOu:hover {
    --tw-text-opacity: 1;
    color: rgb(3 222 99/var(--tw-text-opacity, 1));
    opacity: .8
}