@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Geist Fallback;
    src: local(Arial);
    ascent-override: 95.94%;
    descent-override: 28.16%;
    line-gap-override: 0.0%;
    size-adjust: 104.76%
}

.geist_a71539c9-module__T19VSG__className {
    font-family: Geist, Geist Fallback;
    font-style: normal
}

.geist_a71539c9-module__T19VSG__variable {
    --font-geist-sans: "Geist", "Geist Fallback"
}

@font-face {
    font-family: Geist Mono;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Geist Mono;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Geist Mono;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");
    unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F
}

@font-face {
    font-family: Geist Mono;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Geist Mono;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Geist Mono;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Geist Mono Fallback;
    src: local(Arial);
    ascent-override: 74.67%;
    descent-override: 21.92%;
    line-gap-override: 0.0%;
    size-adjust: 134.59%
}

.geist_mono_8d43a2aa-module__8Li5zG__className {
    font-family: Geist Mono, Geist Mono Fallback;
    font-style: normal
}

.geist_mono_8d43a2aa-module__8Li5zG__variable {
    --font-geist-mono: "Geist Mono", "Geist Mono Fallback"
}

@font-face {
    font-family: Fredoka;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../media/ae54dbf20737d617-s.1qipnwisndnl7.woff2)format("woff2");
    unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F
}

@font-face {
    font-family: Fredoka;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../media/a600dfff52a68f19-s.1u3lwjrw57qjh.woff2)format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Fredoka;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../media/1fc3fbc537cada7c-s.p.3ryvcbcsz78_7.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Fredoka Fallback;
    src: local(Arial);
    ascent-override: 95.64%;
    descent-override: 23.17%;
    line-gap-override: 0.0%;
    size-adjust: 101.84%
}

.fredoka_e4a22d5-module__ZBNcLW__className {
    font-family: Fredoka, Fredoka Fallback;
    font-style: normal;
    font-weight: 700
}

.fredoka_e4a22d5-module__ZBNcLW__variable {
    --font-fredoka: "Fredoka", "Fredoka Fallback"
}

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-translate-x:0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-divide-x-reverse: 0;
            --nb-angle: 0deg
        }
    }
}

@layer theme {
    :root,
    :host {
        --font-sans: var(--font-geist-sans);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tight: -.025em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-relaxed: 1.625;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-md: 12px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-geist-sans);
        --default-mono-font-family: var(--font-geist-mono)
    }
}

@layer base {
    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    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;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    ol,
    ul,
    menu {
        list-style: none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }
    ::file-selector-button {
        margin-inline-end: 4px
    }
    ::placeholder {
        opacity: 1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }
        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
    textarea {
        resize: vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }
    ::-webkit-datetime-edit {
        display: inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
    ::-webkit-datetime-edit {
        padding-block: 0
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }
    ::file-selector-button {
        appearance: button
    }
    ::-webkit-inner-spin-button {
        height: auto
    }
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}

@layer components;
@layer utilities {
    .\[container-type\:inline-size\] {
        container-type: inline-size
    }
    .pointer-events-auto {
        pointer-events: auto
    }
    .pointer-events-none {
        pointer-events: none
    }
    .visible {
        visibility: visible
    }
    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
    .absolute {
        position: absolute
    }
    .fixed {
        position: fixed
    }
    .relative {
        position: relative
    }
    .static {
        position: static
    }
    .sticky {
        position: sticky
    }
    .inset-0 {
        inset: 0
    }
    .inset-\[-22\%\] {
        inset: -22%
    }
    .inset-x-0 {
        inset-inline: 0
    }
    .inset-x-1\.5 {
        inset-inline: calc(var(--spacing) * 1.5)
    }
    .inset-x-\[12\%\] {
        inset-inline: 12%
    }
    .inset-y-0 {
        inset-block: 0
    }
    .inset-y-1 {
        inset-block: var(--spacing)
    }
    .-top-0\.5 {
        top: calc(var(--spacing) * -.5)
    }
    .-top-2 {
        top: calc(var(--spacing) * -2)
    }
    .top-0 {
        top: 0
    }
    .top-0\.5 {
        top: calc(var(--spacing) * .5)
    }
    .top-1 {
        top: var(--spacing)
    }
    .top-1\/2 {
        top: 50%
    }
    .top-1\/3 {
        top: 33.3333%
    }
    .top-2 {
        top: calc(var(--spacing) * 2)
    }
    .top-2\.5 {
        top: calc(var(--spacing) * 2.5)
    }
    .top-3 {
        top: calc(var(--spacing) * 3)
    }
    .top-6 {
        top: calc(var(--spacing) * 6)
    }
    .top-8 {
        top: calc(var(--spacing) * 8)
    }
    .top-\[2px\] {
        top: 2px
    }
    .top-\[7\%\] {
        top: 7%
    }
    .top-\[13px\] {
        top: 13px
    }
    .top-\[18\%\] {
        top: 18%
    }
    .top-\[30\%\] {
        top: 30%
    }
    .top-\[calc\(100\%\+10px\)\] {
        top: calc(100% + 10px)
    }
    .-right-0\.5 {
        right: calc(var(--spacing) * -.5)
    }
    .-right-1\.5 {
        right: calc(var(--spacing) * -1.5)
    }
    .-right-2 {
        right: calc(var(--spacing) * -2)
    }
    .-right-16 {
        right: calc(var(--spacing) * -16)
    }
    .-right-20 {
        right: calc(var(--spacing) * -20)
    }
    .-right-24 {
        right: calc(var(--spacing) * -24)
    }
    .right-0 {
        right: 0
    }
    .right-1 {
        right: var(--spacing)
    }
    .right-2\.5 {
        right: calc(var(--spacing) * 2.5)
    }
    .right-3 {
        right: calc(var(--spacing) * 3)
    }
    .right-4 {
        right: calc(var(--spacing) * 4)
    }
    .right-5 {
        right: calc(var(--spacing) * 5)
    }
    .right-6 {
        right: calc(var(--spacing) * 6)
    }
    .right-\[10\%\] {
        right: 10%
    }
    .-bottom-1 {
        bottom: calc(var(--spacing) * -1)
    }
    .bottom-0 {
        bottom: 0
    }
    .bottom-2 {
        bottom: calc(var(--spacing) * 2)
    }
    .bottom-3 {
        bottom: calc(var(--spacing) * 3)
    }
    .bottom-4 {
        bottom: calc(var(--spacing) * 4)
    }
    .bottom-5 {
        bottom: calc(var(--spacing) * 5)
    }
    .bottom-6 {
        bottom: calc(var(--spacing) * 6)
    }
    .bottom-24 {
        bottom: calc(var(--spacing) * 24)
    }
    .bottom-full {
        bottom: 100%
    }
    .-left-16 {
        left: calc(var(--spacing) * -16)
    }
    .-left-20 {
        left: calc(var(--spacing) * -20)
    }
    .-left-24 {
        left: calc(var(--spacing) * -24)
    }
    .left-0 {
        left: 0
    }
    .left-1\/2 {
        left: 50%
    }
    .left-2\.5 {
        left: calc(var(--spacing) * 2.5)
    }
    .left-3 {
        left: calc(var(--spacing) * 3)
    }
    .left-3\.5 {
        left: calc(var(--spacing) * 3.5)
    }
    .left-4 {
        left: calc(var(--spacing) * 4)
    }
    .left-\[10\%\] {
        left: 10%
    }
    .isolate {
        isolation: isolate
    }
    .-z-0 {
        z-index: calc(0 * -1)
    }
    .-z-10 {
        z-index: calc(10 * -1)
    }
    .-z-20 {
        z-index: calc(20 * -1)
    }
    .-z-30 {
        z-index: calc(30 * -1)
    }
    .z-0 {
        z-index: 0
    }
    .z-10 {
        z-index: 10
    }
    .z-20 {
        z-index: 20
    }
    .z-30 {
        z-index: 30
    }
    .z-40 {
        z-index: 40
    }
    .z-50 {
        z-index: 50
    }
    .z-\[1\] {
        z-index: 1
    }
    .z-\[2\] {
        z-index: 2
    }
    .z-\[55\] {
        z-index: 55
    }
    .z-\[60\] {
        z-index: 60
    }
    .z-\[100\] {
        z-index: 100
    }
    .container {
        width: 100%
    }
    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }
    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }
    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }
    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }
    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }
    .m-auto {
        margin: auto
    }
    .-mx-4 {
        margin-inline: calc(var(--spacing) * -4)
    }
    .-mx-5 {
        margin-inline: calc(var(--spacing) * -5)
    }
    .mx-auto {
        margin-inline: auto
    }
    .-mt-0\.5 {
        margin-top: calc(var(--spacing) * -.5)
    }
    .-mt-1 {
        margin-top: calc(var(--spacing) * -1)
    }
    .-mt-1\.5 {
        margin-top: calc(var(--spacing) * -1.5)
    }
    .-mt-5 {
        margin-top: calc(var(--spacing) * -5)
    }
    .mt-0\.5 {
        margin-top: calc(var(--spacing) * .5)
    }
    .mt-1 {
        margin-top: var(--spacing)
    }
    .mt-1\.5 {
        margin-top: calc(var(--spacing) * 1.5)
    }
    .mt-2 {
        margin-top: calc(var(--spacing) * 2)
    }
    .mt-2\.5 {
        margin-top: calc(var(--spacing) * 2.5)
    }
    .mt-3 {
        margin-top: calc(var(--spacing) * 3)
    }
    .mt-3\.5 {
        margin-top: calc(var(--spacing) * 3.5)
    }
    .mt-4 {
        margin-top: calc(var(--spacing) * 4)
    }
    .mt-5 {
        margin-top: calc(var(--spacing) * 5)
    }
    .mt-6 {
        margin-top: calc(var(--spacing) * 6)
    }
    .mt-7 {
        margin-top: calc(var(--spacing) * 7)
    }
    .mt-10 {
        margin-top: calc(var(--spacing) * 10)
    }
    .mt-\[7px\] {
        margin-top: 7px
    }
    .mt-\[9px\] {
        margin-top: 9px
    }
    .mt-auto {
        margin-top: auto
    }
    .mr-1 {
        margin-right: var(--spacing)
    }
    .-mb-4 {
        margin-bottom: calc(var(--spacing) * -4)
    }
    .-mb-5 {
        margin-bottom: calc(var(--spacing) * -5)
    }
    .mb-1 {
        margin-bottom: var(--spacing)
    }
    .mb-1\.5 {
        margin-bottom: calc(var(--spacing) * 1.5)
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2)
    }
    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3)
    }
    .mb-3\.5 {
        margin-bottom: calc(var(--spacing) * 3.5)
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4)
    }
    .mb-5 {
        margin-bottom: calc(var(--spacing) * 5)
    }
    .ml-1 {
        margin-left: var(--spacing)
    }
    .ml-1\.5 {
        margin-left: calc(var(--spacing) * 1.5)
    }
    .ml-2 {
        margin-left: calc(var(--spacing) * 2)
    }
    .ml-10 {
        margin-left: calc(var(--spacing) * 10)
    }
    .ml-auto {
        margin-left: auto
    }
    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .block {
        display: block
    }
    .contents {
        display: contents
    }
    .flex {
        display: flex
    }
    .grid {
        display: grid
    }
    .hidden {
        display: none
    }
    .inline {
        display: inline
    }
    .inline-block {
        display: inline-block
    }
    .inline-flex {
        display: inline-flex
    }
    .table {
        display: table
    }
    .aspect-\[2\/1\] {
        aspect-ratio: 2
    }
    .h-0 {
        height: 0
    }
    .h-1 {
        height: var(--spacing)
    }
    .h-1\.5 {
        height: calc(var(--spacing) * 1.5)
    }
    .h-2 {
        height: calc(var(--spacing) * 2)
    }
    .h-2\.5 {
        height: calc(var(--spacing) * 2.5)
    }
    .h-3 {
        height: calc(var(--spacing) * 3)
    }
    .h-3\.5 {
        height: calc(var(--spacing) * 3.5)
    }
    .h-4 {
        height: calc(var(--spacing) * 4)
    }
    .h-5 {
        height: calc(var(--spacing) * 5)
    }
    .h-6 {
        height: calc(var(--spacing) * 6)
    }
    .h-7 {
        height: calc(var(--spacing) * 7)
    }
    .h-8 {
        height: calc(var(--spacing) * 8)
    }
    .h-9 {
        height: calc(var(--spacing) * 9)
    }
    .h-10 {
        height: calc(var(--spacing) * 10)
    }
    .h-11 {
        height: calc(var(--spacing) * 11)
    }
    .h-12 {
        height: calc(var(--spacing) * 12)
    }
    .h-14 {
        height: calc(var(--spacing) * 14)
    }
    .h-16 {
        height: calc(var(--spacing) * 16)
    }
    .h-20 {
        height: calc(var(--spacing) * 20)
    }
    .h-24 {
        height: calc(var(--spacing) * 24)
    }
    .h-28 {
        height: calc(var(--spacing) * 28)
    }
    .h-56 {
        height: calc(var(--spacing) * 56)
    }
    .h-64 {
        height: calc(var(--spacing) * 64)
    }
    .h-72 {
        height: calc(var(--spacing) * 72)
    }
    .h-80 {
        height: calc(var(--spacing) * 80)
    }
    .h-96 {
        height: calc(var(--spacing) * 96)
    }
    .h-\[3px\] {
        height: 3px
    }
    .h-\[13px\] {
        height: 13px
    }
    .h-\[18px\] {
        height: 18px
    }
    .h-\[22px\] {
        height: 22px
    }
    .h-\[26px\] {
        height: 26px
    }
    .h-\[28\%\] {
        height: 28%
    }
    .h-\[30px\] {
        height: 30px
    }
    .h-\[34\%\] {
        height: 34%
    }
    .h-\[38px\] {
        height: 38px
    }
    .h-\[42px\] {
        height: 42px
    }
    .h-\[68px\] {
        height: 68px
    }
    .h-\[72px\] {
        height: 72px
    }
    .h-\[85dvh\] {
        height: 85dvh
    }
    .h-\[96\%\] {
        height: 96%
    }
    .h-\[100dvh\] {
        height: 100dvh
    }
    .h-\[104px\] {
        height: 104px
    }
    .h-\[142px\] {
        height: 142px
    }
    .h-\[150px\] {
        height: 150px
    }
    .h-\[180px\] {
        height: 180px
    }
    .h-\[190px\] {
        height: 190px
    }
    .h-\[216px\] {
        height: 216px
    }
    .h-\[260px\] {
        height: 260px
    }
    .h-\[440px\] {
        height: 440px
    }
    .h-auto {
        height: auto
    }
    .h-dvh {
        height: 100dvh
    }
    .h-full {
        height: 100%
    }
    .h-px {
        height: 1px
    }
    .\ !max-h-none {
        max-height: none !important
    }
    .max-h-40 {
        max-height: calc(var(--spacing) * 40)
    }
    .max-h-52 {
        max-height: calc(var(--spacing) * 52)
    }
    .max-h-64 {
        max-height: calc(var(--spacing) * 64)
    }
    .max-h-72 {
        max-height: calc(var(--spacing) * 72)
    }
    .max-h-80 {
        max-height: calc(var(--spacing) * 80)
    }
    .max-h-\[85dvh\] {
        max-height: 85dvh
    }
    .max-h-\[calc\(100dvh-2\.5rem\)\] {
        max-height: calc(100dvh - 2.5rem)
    }
    .min-h-0 {
        min-height: 0
    }
    .min-h-\[21px\] {
        min-height: 21px
    }
    .min-h-\[160px\] {
        min-height: 160px
    }
    .min-h-\[420px\] {
        min-height: 420px
    }
    .min-h-dvh {
        min-height: 100dvh
    }
    .min-h-full {
        min-height: 100%
    }
    .w-0 {
        width: 0
    }
    .w-1\.5 {
        width: calc(var(--spacing) * 1.5)
    }
    .w-2 {
        width: calc(var(--spacing) * 2)
    }
    .w-2\.5 {
        width: calc(var(--spacing) * 2.5)
    }
    .w-3 {
        width: calc(var(--spacing) * 3)
    }
    .w-4 {
        width: calc(var(--spacing) * 4)
    }
    .w-5 {
        width: calc(var(--spacing) * 5)
    }
    .w-6 {
        width: calc(var(--spacing) * 6)
    }
    .w-7 {
        width: calc(var(--spacing) * 7)
    }
    .w-8 {
        width: calc(var(--spacing) * 8)
    }
    .w-9 {
        width: calc(var(--spacing) * 9)
    }
    .w-10 {
        width: calc(var(--spacing) * 10)
    }
    .w-11 {
        width: calc(var(--spacing) * 11)
    }
    .w-12 {
        width: calc(var(--spacing) * 12)
    }
    .w-14 {
        width: calc(var(--spacing) * 14)
    }
    .w-16 {
        width: calc(var(--spacing) * 16)
    }
    .w-20 {
        width: calc(var(--spacing) * 20)
    }
    .w-32 {
        width: calc(var(--spacing) * 32)
    }
    .w-36 {
        width: calc(var(--spacing) * 36)
    }
    .w-40 {
        width: calc(var(--spacing) * 40)
    }
    .w-44 {
        width: calc(var(--spacing) * 44)
    }
    .w-48 {
        width: calc(var(--spacing) * 48)
    }
    .w-56 {
        width: calc(var(--spacing) * 56)
    }
    .w-64 {
        width: calc(var(--spacing) * 64)
    }
    .w-72 {
        width: calc(var(--spacing) * 72)
    }
    .w-80 {
        width: calc(var(--spacing) * 80)
    }
    .w-96 {
        width: calc(var(--spacing) * 96)
    }
    .w-\[3px\] {
        width: 3px
    }
    .w-\[18px\] {
        width: 18px
    }
    .w-\[22px\] {
        width: 22px
    }
    .w-\[23\%\] {
        width: 23%
    }
    .w-\[26px\] {
        width: 26px
    }
    .w-\[38px\] {
        width: 38px
    }
    .w-\[44px\] {
        width: 44px
    }
    .w-\[56\%\] {
        width: 56%
    }
    .w-\[62\%\] {
        width: 62%
    }
    .w-\[68\%\] {
        width: 68%
    }
    .w-\[68px\] {
        width: 68px
    }
    .w-\[70px\] {
        width: 70px
    }
    .w-\[72\%\] {
        width: 72%
    }
    .w-\[72px\] {
        width: 72px
    }
    .w-\[74\%\] {
        width: 74%
    }
    .w-\[82\%\] {
        width: 82%
    }
    .w-\[84px\] {
        width: 84px
    }
    .w-\[85\%\] {
        width: 85%
    }
    .w-\[96\%\] {
        width: 96%
    }
    .w-\[104px\] {
        width: 104px
    }
    .w-\[110px\] {
        width: 110px
    }
    .w-\[142px\] {
        width: 142px
    }
    .w-\[150\%\] {
        width: 150%
    }
    .w-\[150px\] {
        width: 150px
    }
    .w-\[180px\] {
        width: 180px
    }
    .w-\[216px\] {
        width: 216px
    }
    .w-\[272px\] {
        width: 272px
    }
    .w-\[440px\] {
        width: 440px
    }
    .w-\[min\(92vw\, 560px\)\] {
        width: min(92vw, 560px)
    }
    .w-\[min\(360px\, calc\(100vw-2rem\)\)\] {
        width: min(360px, 100vw - 2rem)
    }
    .w-auto {
        width: auto
    }
    .w-dvw {
        width: 100dvw
    }
    .w-fit {
        width: fit-content
    }
    .w-full {
        width: 100%
    }
    .w-screen {
        width: 100vw
    }
    .max-w-2xl {
        max-width: var(--container-2xl)
    }
    .max-w-3xl {
        max-width: var(--container-3xl)
    }
    .max-w-5xl {
        max-width: var(--container-5xl)
    }
    .max-w-72\.5 {
        max-width: calc(var(--spacing) * 72.5)
    }
    .max-w-\[26rem\] {
        max-width: 26rem
    }
    .max-w-\[34ch\] {
        max-width: 34ch
    }
    .max-w-\[75\%\] {
        max-width: 75%
    }
    .max-w-\[80\%\] {
        max-width: 80%
    }
    .max-w-\[80vw\] {
        max-width: 80vw
    }
    .max-w-\[160px\] {
        max-width: 160px
    }
    .max-w-\[180px\] {
        max-width: 180px
    }
    .max-w-\[220px\] {
        max-width: 220px
    }
    .max-w-\[236px\] {
        max-width: 236px
    }
    .max-w-\[240px\] {
        max-width: 240px
    }
    .max-w-\[260px\] {
        max-width: 260px
    }
    .max-w-\[268px\] {
        max-width: 268px
    }
    .max-w-\[300px\] {
        max-width: 300px
    }
    .max-w-\[310px\] {
        max-width: 310px
    }
    .max-w-\[320px\] {
        max-width: 320px
    }
    .max-w-\[360px\] {
        max-width: 360px
    }
    .max-w-\[420px\] {
        max-width: 420px
    }
    .max-w-\[440px\] {
        max-width: 440px
    }
    .max-w-\[calc\(36rem\+2\.5rem\)\] {
        max-width: 38.5rem
    }
    .max-w-full {
        max-width: 100%
    }
    .max-w-lg {
        max-width: var(--container-lg)
    }
    .max-w-md {
        max-width: var(--container-md)
    }
    .max-w-sm {
        max-width: var(--container-sm)
    }
    .max-w-xl {
        max-width: var(--container-xl)
    }
    .min-w-0 {
        min-width: 0
    }
    .min-w-4 {
        min-width: calc(var(--spacing) * 4)
    }
    .min-w-5 {
        min-width: calc(var(--spacing) * 5)
    }
    .min-w-\[16px\] {
        min-width: 16px
    }
    .min-w-\[20px\] {
        min-width: 20px
    }
    .min-w-\[130px\] {
        min-width: 130px
    }
    .min-w-\[148px\] {
        min-width: 148px
    }
    .min-w-\[150px\] {
        min-width: 150px
    }
    .min-w-\[190px\] {
        min-width: 190px
    }
    .min-w-\[198px\] {
        min-width: 198px
    }
    .min-w-\[220px\] {
        min-width: 220px
    }
    .min-w-\[720px\] {
        min-width: 720px
    }
    .flex-1 {
        flex: 1
    }
    .shrink-0 {
        flex-shrink: 0
    }
    .grow {
        flex-grow: 1
    }
    .border-collapse {
        border-collapse: collapse
    }
    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }
    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }
    .-translate-y-5 {
        --tw-translate-y: calc(var(--spacing) * -5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }
    .-rotate-90 {
        rotate: -90deg
    }
    .rotate-180 {
        rotate: 180deg
    }
    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
    }
    .animate-pulse {
        animation: var(--animate-pulse)
    }
    .cursor-grab {
        cursor: grab
    }
    .cursor-not-allowed {
        cursor: not-allowed
    }
    .cursor-pointer {
        cursor: pointer
    }
    .touch-none {
        touch-action: none
    }
    .resize-none {
        resize: none
    }
    .resize-y {
        resize: vertical
    }
    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)
    }
    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory
    }
    .snap-start {
        scroll-snap-align: start
    }
    .\[scrollbar-width\:none\] {
        scrollbar-width: none
    }
    .list-decimal {
        list-style-type: decimal
    }
    .appearance-none {
        appearance: none
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .grid-cols-\[1fr_auto_1fr\] {
        grid-template-columns: 1fr auto 1fr
    }
    .flex-col {
        flex-direction: column
    }
    .flex-wrap {
        flex-wrap: wrap
    }
    .items-baseline {
        align-items: baseline
    }
    .items-center {
        align-items: center
    }
    .items-end {
        align-items: flex-end
    }
    .items-start {
        align-items: flex-start
    }
    .justify-between {
        justify-content: space-between
    }
    .justify-center {
        justify-content: center
    }
    .justify-end {
        justify-content: flex-end
    }
    .justify-evenly {
        justify-content: space-evenly
    }
    .justify-start {
        justify-content: flex-start
    }
    .gap-0\.5 {
        gap: calc(var(--spacing) * .5)
    }
    .gap-1 {
        gap: var(--spacing)
    }
    .gap-1\.5 {
        gap: calc(var(--spacing) * 1.5)
    }
    .gap-2 {
        gap: calc(var(--spacing) * 2)
    }
    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5)
    }
    .gap-3 {
        gap: calc(var(--spacing) * 3)
    }
    .gap-3\.5 {
        gap: calc(var(--spacing) * 3.5)
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4)
    }
    .gap-5 {
        gap: calc(var(--spacing) * 5)
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6)
    }
    .gap-7 {
        gap: calc(var(--spacing) * 7)
    }
    .gap-x-1\.5 {
        column-gap: calc(var(--spacing) * 1.5)
    }
    .gap-x-2\.5 {
        column-gap: calc(var(--spacing) * 2.5)
    }
    .gap-x-3 {
        column-gap: calc(var(--spacing) * 3)
    }
    .gap-y-0\.5 {
        row-gap: calc(var(--spacing) * .5)
    }
    .gap-y-1\.5 {
        row-gap: calc(var(--spacing) * 1.5)
    }
    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2)
    }
    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))
    }
    :where(.divide-white\/\[0\.06\]>:not(:last-child)) {
        border-color: #ffffff0f
    }
    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-white\/\[0\.06\]>: not(:last-child)) {
            border-color:color-mix(in oklab, var(--color-white) 6%, transparent)
        }
    }
    :where(.divide-white\/\[0\.07\]>:not(:last-child)) {
        border-color: #ffffff12
    }
    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-white\/\[0\.07\]>: not(:last-child)) {
            border-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)
        }
    }
    .self-end {
        align-self: flex-end
    }
    .justify-self-center {
        justify-self: center
    }
    .justify-self-end {
        justify-self: flex-end
    }
    .justify-self-start {
        justify-self: flex-start
    }
    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    .overflow-auto {
        overflow: auto
    }
    .overflow-hidden {
        overflow: hidden
    }
    .overflow-visible {
        overflow: visible
    }
    .overflow-x-auto {
        overflow-x: auto
    }
    .overflow-x-hidden {
        overflow-x: hidden
    }
    .overflow-y-auto {
        overflow-y: auto
    }
    .overscroll-contain {
        overscroll-behavior: contain
    }
    .\ !rounded-none {
        border-radius: 0 !important
    }
    .rounded {
        border-radius: .25rem
    }
    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }
    .rounded-\[5px\] {
        border-radius: 5px
    }
    .rounded-\[8px\] {
        border-radius: 8px
    }
    .rounded-\[9px\] {
        border-radius: 9px
    }
    .rounded-\[10px\] {
        border-radius: 10px
    }
    .rounded-\[11px\] {
        border-radius: 11px
    }
    .rounded-\[12px\] {
        border-radius: 12px
    }
    .rounded-\[13px\] {
        border-radius: 13px
    }
    .rounded-\[14px\] {
        border-radius: 14px
    }
    .rounded-\[15px\] {
        border-radius: 15px
    }
    .rounded-\[16px\] {
        border-radius: 16px
    }
    .rounded-\[17px\] {
        border-radius: 17px
    }
    .rounded-\[18px\] {
        border-radius: 18px
    }
    .rounded-\[20px\] {
        border-radius: 20px
    }
    .rounded-\[22\%\] {
        border-radius: 22%
    }
    .rounded-\[24px\] {
        border-radius: 24px
    }
    .rounded-\[28px\] {
        border-radius: 28px
    }
    .rounded-full {
        border-radius: 3.40282e38px
    }
    .rounded-lg {
        border-radius: var(--radius-lg)
    }
    .rounded-md {
        border-radius: var(--radius-md)
    }
    .rounded-xl {
        border-radius: var(--radius-xl)
    }
    .rounded-t-\[24px\] {
        border-top-left-radius: 24px;
        border-top-right-radius: 24px
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }
    .border-\[1\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 1.5px
    }
    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }
    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }
    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }
    .border-\[\#1e201f\] {
        border-color: #1e201f
    }
    .border-\[rgba\(63\, 224\, 107\, 0\.5\)\] {
        border-color: #3fe06b80
    }
    .border-current {
        border-color: currentColor
    }
    .border-t-transparent {
        border-top-color: #0000
    }
    .bg-\[rgba\(6\, 26\, 16\, 0\.6\)\] {
        background-color: #061a1099
    }
    .bg-black\/15 {
        background-color: #00000026
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/15 {
            background-color: color-mix(in oklab, var(--color-black) 15%, transparent)
        }
    }
    .bg-transparent {
        background-color: #0000
    }
    .bg-white {
        background-color: var(--color-white)
    }
    .object-contain {
        object-fit: contain
    }
    .object-cover {
        object-fit: cover
    }
    .object-bottom {
        object-position: bottom
    }
    .object-left {
        object-position: left
    }
    .p-0 {
        padding: 0
    }
    .p-0\.5 {
        padding: calc(var(--spacing) * .5)
    }
    .p-1 {
        padding: var(--spacing)
    }
    .p-1\.5 {
        padding: calc(var(--spacing) * 1.5)
    }
    .p-2 {
        padding: calc(var(--spacing) * 2)
    }
    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5)
    }
    .p-3 {
        padding: calc(var(--spacing) * 3)
    }
    .p-3\.5 {
        padding: calc(var(--spacing) * 3.5)
    }
    .p-4 {
        padding: calc(var(--spacing) * 4)
    }
    .p-5 {
        padding: calc(var(--spacing) * 5)
    }
    .p-6 {
        padding: calc(var(--spacing) * 6)
    }
    .p-8 {
        padding: calc(var(--spacing) * 8)
    }
    .p-\[2px\] {
        padding: 2px
    }
    .px-0 {
        padding-inline: 0
    }
    .px-1 {
        padding-inline: var(--spacing)
    }
    .px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5)
    }
    .px-2 {
        padding-inline: calc(var(--spacing) * 2)
    }
    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5)
    }
    .px-3 {
        padding-inline: calc(var(--spacing) * 3)
    }
    .px-3\.5 {
        padding-inline: calc(var(--spacing) * 3.5)
    }
    .px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }
    .px-5 {
        padding-inline: calc(var(--spacing) * 5)
    }
    .px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }
    .px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }
    .py-0\.5 {
        padding-block: calc(var(--spacing) * .5)
    }
    .py-1 {
        padding-block: var(--spacing)
    }
    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5)
    }
    .py-2 {
        padding-block: calc(var(--spacing) * 2)
    }
    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5)
    }
    .py-3 {
        padding-block: calc(var(--spacing) * 3)
    }
    .py-3\.5 {
        padding-block: calc(var(--spacing) * 3.5)
    }
    .py-4 {
        padding-block: calc(var(--spacing) * 4)
    }
    .py-5 {
        padding-block: calc(var(--spacing) * 5)
    }
    .py-6 {
        padding-block: calc(var(--spacing) * 6)
    }
    .py-10 {
        padding-block: calc(var(--spacing) * 10)
    }
    .py-12 {
        padding-block: calc(var(--spacing) * 12)
    }
    .py-\[3px\] {
        padding-block: 3px
    }
    .py-\[12px\] {
        padding-block: 12px
    }
    .py-\[13px\] {
        padding-block: 13px
    }
    .pt-1 {
        padding-top: var(--spacing)
    }
    .pt-2 {
        padding-top: calc(var(--spacing) * 2)
    }
    .pt-3 {
        padding-top: calc(var(--spacing) * 3)
    }
    .pt-3\.5 {
        padding-top: calc(var(--spacing) * 3.5)
    }
    .pt-4 {
        padding-top: calc(var(--spacing) * 4)
    }
    .pt-5 {
        padding-top: calc(var(--spacing) * 5)
    }
    .pt-6 {
        padding-top: calc(var(--spacing) * 6)
    }
    .pt-8 {
        padding-top: calc(var(--spacing) * 8)
    }
    .pt-\[calc\(env\(safe-area-inset-top\)\+1\.25rem\)\] {
        padding-top: calc(env(safe-area-inset-top) + 1.25rem)
    }
    .pr-2\.5 {
        padding-right: calc(var(--spacing) * 2.5)
    }
    .pr-3 {
        padding-right: calc(var(--spacing) * 3)
    }
    .pr-9 {
        padding-right: calc(var(--spacing) * 9)
    }
    .pb-0\.5 {
        padding-bottom: calc(var(--spacing) * .5)
    }
    .pb-1 {
        padding-bottom: var(--spacing)
    }
    .pb-1\.5 {
        padding-bottom: calc(var(--spacing) * 1.5)
    }
    .pb-2 {
        padding-bottom: calc(var(--spacing) * 2)
    }
    .pb-2\.5 {
        padding-bottom: calc(var(--spacing) * 2.5)
    }
    .pb-3 {
        padding-bottom: calc(var(--spacing) * 3)
    }
    .pb-3\.5 {
        padding-bottom: calc(var(--spacing) * 3.5)
    }
    .pb-4 {
        padding-bottom: calc(var(--spacing) * 4)
    }
    .pb-5 {
        padding-bottom: calc(var(--spacing) * 5)
    }
    .pb-6 {
        padding-bottom: calc(var(--spacing) * 6)
    }
    .pb-10 {
        padding-bottom: calc(var(--spacing) * 10)
    }
    .pb-12 {
        padding-bottom: calc(var(--spacing) * 12)
    }
    .pb-14 {
        padding-bottom: calc(var(--spacing) * 14)
    }
    .pb-\[104px\] {
        padding-bottom: 104px
    }
    .pb-\[max\(0\.25rem\, env\(safe-area-inset-bottom\)\)\] {
        padding-bottom: max(.25rem, env(safe-area-inset-bottom))
    }
    .pl-2 {
        padding-left: calc(var(--spacing) * 2)
    }
    .pl-3\.5 {
        padding-left: calc(var(--spacing) * 3.5)
    }
    .pl-5 {
        padding-left: calc(var(--spacing) * 5)
    }
    .pl-\[26px\] {
        padding-left: 26px
    }
    .text-center {
        text-align: center
    }
    .text-left {
        text-align: left
    }
    .text-right {
        text-align: right
    }
    .align-middle {
        vertical-align: middle
    }
    .font-mono {
        font-family: var(--font-geist-mono)
    }
    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }
    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }
    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }
    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }
    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }
    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }
    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }
    .text-\[0\.8rem\] {
        font-size: .8rem
    }
    .text-\[0\.85rem\] {
        font-size: .85rem
    }
    .text-\[1\.45rem\] {
        font-size: 1.45rem
    }
    .text-\[1rem\] {
        font-size: 1rem
    }
    .text-\[2rem\] {
        font-size: 2rem
    }
    .text-\[8\.5px\] {
        font-size: 8.5px
    }
    .text-\[8px\] {
        font-size: 8px
    }
    .text-\[9\.5px\] {
        font-size: 9.5px
    }
    .text-\[9px\] {
        font-size: 9px
    }
    .text-\[10\.5px\] {
        font-size: 10.5px
    }
    .text-\[10px\] {
        font-size: 10px
    }
    .text-\[11\.5px\] {
        font-size: 11.5px
    }
    .text-\[11px\] {
        font-size: 11px
    }
    .text-\[12\.5px\] {
        font-size: 12.5px
    }
    .text-\[12px\] {
        font-size: 12px
    }
    .text-\[13\.5px\] {
        font-size: 13.5px
    }
    .text-\[13px\] {
        font-size: 13px
    }
    .text-\[14px\] {
        font-size: 14px
    }
    .text-\[15px\] {
        font-size: 15px
    }
    .text-\[16px\] {
        font-size: 16px
    }
    .text-\[17px\] {
        font-size: 17px
    }
    .text-\[18px\] {
        font-size: 18px
    }
    .text-\[19px\] {
        font-size: 19px
    }
    .text-\[20px\] {
        font-size: 20px
    }
    .text-\[22px\] {
        font-size: 22px
    }
    .text-\[26px\] {
        font-size: 26px
    }
    .text-\[30px\] {
        font-size: 30px
    }
    .text-\[34px\] {
        font-size: 34px
    }
    .text-\[36px\] {
        font-size: 36px
    }
    .text-\[clamp\(20px\, 7cqw\, 34px\)\] {
        font-size: clamp(20px, 7cqw, 34px)
    }
    .leading-\[0\.95\] {
        --tw-leading: .95;
        line-height: .95
    }
    .leading-\[1\.02\] {
        --tw-leading: 1.02;
        line-height: 1.02
    }
    .leading-\[1\.7\] {
        --tw-leading: 1.7;
        line-height: 1.7
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }
    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }
    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }
    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }
    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }
    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }
    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }
    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }
    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }
    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }
    .tracking-\[0\.01em\] {
        --tw-tracking: .01em;
        letter-spacing: .01em
    }
    .tracking-\[0\.1em\] {
        --tw-tracking: .1em;
        letter-spacing: .1em
    }
    .tracking-\[0\.02em\] {
        --tw-tracking: .02em;
        letter-spacing: .02em
    }
    .tracking-\[0\.04em\] {
        --tw-tracking: .04em;
        letter-spacing: .04em
    }
    .tracking-\[0\.06em\] {
        --tw-tracking: .06em;
        letter-spacing: .06em
    }
    .tracking-\[0\.07em\] {
        --tw-tracking: .07em;
        letter-spacing: .07em
    }
    .tracking-\[0\.08em\] {
        --tw-tracking: .08em;
        letter-spacing: .08em
    }
    .tracking-\[0\.12em\] {
        --tw-tracking: .12em;
        letter-spacing: .12em
    }
    .tracking-\[0\.13em\] {
        --tw-tracking: .13em;
        letter-spacing: .13em
    }
    .tracking-\[0\.14em\] {
        --tw-tracking: .14em;
        letter-spacing: .14em
    }
    .tracking-\[0\.16em\] {
        --tw-tracking: .16em;
        letter-spacing: .16em
    }
    .tracking-\[0\.18em\] {
        --tw-tracking: .18em;
        letter-spacing: .18em
    }
    .tracking-\[0\.24em\] {
        --tw-tracking: .24em;
        letter-spacing: .24em
    }
    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }
    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }
    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }
    .\[overflow-wrap\:anywhere\] {
        overflow-wrap: anywhere
    }
    .break-words {
        overflow-wrap: break-word
    }
    .break-all {
        word-break: break-all
    }
    .whitespace-normal {
        white-space: normal
    }
    .whitespace-nowrap {
        white-space: nowrap
    }
    .whitespace-pre-wrap {
        white-space: pre-wrap
    }
    .text-\[\#00e5a8\] {
        color: #00e5a8
    }
    .text-\[\#052b16\] {
        color: #052b16
    }
    .text-\[\#ffd166\] {
        color: #ffd166
    }
    .text-\[\#ffe14a\] {
        color: #ffe14a
    }
    .text-\[var\(--nb-ink-muted\)\] {
        color: var(--nb-ink-muted)
    }
    .text-\[var\(--nb-panel-active-bar\)\] {
        color: var(--nb-panel-active-bar)
    }
    .text-\[var\(--nb-panel-cyan\)\] {
        color: var(--nb-panel-cyan)
    }
    .text-white {
        color: var(--color-white)
    }
    .text-white\/45 {
        color: #ffffff73
    }
    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/45 {
            color: color-mix(in oklab, var(--color-white) 45%, transparent)
        }
    }
    .text-white\/50 {
        color: #ffffff80
    }
    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/50 {
            color: color-mix(in oklab, var(--color-white) 50%, transparent)
        }
    }
    .text-white\/70 {
        color: #ffffffb3
    }
    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
    }
    .text-white\/75 {
        color: #ffffffbf
    }
    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/75 {
            color: color-mix(in oklab, var(--color-white) 75%, transparent)
        }
    }
    .text-white\/80 {
        color: #fffc
    }
    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/80 {
            color: color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }
    .text-white\/85 {
        color: #ffffffd9
    }
    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/85 {
            color: color-mix(in oklab, var(--color-white) 85%, transparent)
        }
    }
    .uppercase {
        text-transform: uppercase
    }
    .italic {
        font-style: italic
    }
    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }
    .underline {
        text-decoration-line: underline
    }
    .underline-offset-2 {
        text-underline-offset: 2px
    }
    .underline-offset-4 {
        text-underline-offset: 4px
    }
    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .opacity-40 {
        opacity: .4
    }
    .opacity-45 {
        opacity: .45
    }
    .opacity-50 {
        opacity: .5
    }
    .opacity-60 {
        opacity: .6
    }
    .opacity-80 {
        opacity: .8
    }
    .opacity-90 {
        opacity: .9
    }
    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_25px_60px_-25px_rgba\(0\, 0\, 0\, 0\.65\)\] {
        --tw-shadow: 0 25px 60px -25px var(--tw-shadow-color, #000000a6);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }
    .blur {
        --tw-blur: blur(8px);
        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, )
    }
    .drop-shadow {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
        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, )
    }
    .drop-shadow-\[0_0_8px_rgba\(255\, 196\, 60\, 0\.55\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #ffc43c8c));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_0_8px_rgba\(255\, 225\, 74\, 0\.75\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #ffe14abf));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_0_12px_rgba\(255\, 214\, 76\, 0\.55\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, #ffd64c8c));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_0_14px_rgba\(255\, 80\, 40\, 0\.9\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 14px var(--tw-drop-shadow-color, #ff5028e6));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_1px_1px_rgba\(0\, 0\, 0\, 0\.7\)\] {
        --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #000000b3));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_1px_2px_rgba\(40\, 0\, 60\, 0\.8\)\] {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #28003ccc));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_1px_3px_rgba\(0\, 0\, 0\, 0\.8\)\] {
        --tw-drop-shadow-size: drop-shadow(0 1px 3px var(--tw-drop-shadow-color, #000c));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_1px_3px_rgba\(0\, 10\, 40\, 0\.9\)\] {
        --tw-drop-shadow-size: drop-shadow(0 1px 3px var(--tw-drop-shadow-color, #000a28e6));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_2px_4px_rgba\(0\, 60\, 20\, 0\.6\)\] {
        --tw-drop-shadow-size: drop-shadow(0 2px 4px var(--tw-drop-shadow-color, #003c1499));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_2px_4px_rgba\(0\, 60\, 20\, 0\.55\)\] {
        --tw-drop-shadow-size: drop-shadow(0 2px 4px var(--tw-drop-shadow-color, #003c148c));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_6px_14px_rgba\(0\, 0\, 0\, 0\.45\)\] {
        --tw-drop-shadow-size: drop-shadow(0 6px 14px var(--tw-drop-shadow-color, #00000073));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_8px_18px_rgba\(0\, 0\, 0\, 0\.55\)\] {
        --tw-drop-shadow-size: drop-shadow(0 8px 18px var(--tw-drop-shadow-color, #0000008c));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_10px_20px_rgba\(0\, 0\, 0\, 0\.6\)\] {
        --tw-drop-shadow-size: drop-shadow(0 10px 20px var(--tw-drop-shadow-color, #0009));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_10px_26px_rgba\(0\, 0\, 0\, 0\.5\)\] {
        --tw-drop-shadow-size: drop-shadow(0 10px 26px var(--tw-drop-shadow-color, #00000080));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .drop-shadow-\[0_12px_28px_rgba\(0\, 0\, 0\, 0\.6\)\] {
        --tw-drop-shadow-size: drop-shadow(0 12px 28px var(--tw-drop-shadow-color, #0009));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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, )
    }
    .grayscale {
        --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, )
    }
    .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, )
    }
    .backdrop-blur {
        --tw-backdrop-blur: blur(8px);
        -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, )
    }
    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -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 {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-\[transform\,
    border-color\,
    background-color\] {
        transition-property: transform, border-color, background-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-\[transform\,
    box-shadow\] {
        transition-property: transform, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-\[width\] {
        transition-property: width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }
    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }
    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }
    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }
    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }
    .select-none {
        -webkit-user-select: none;
        user-select: none
    }
    .\[text-shadow\:0_1px_2px_rgba\(0\, 0\, 0\, 0\.9\)\] {
        text-shadow: 0 1px 2px #000000e6
    }
    .\[text-shadow\:0_1px_2px_rgba\(0\, 0\, 0\, 0\.95\)\,
    0_0_8px_rgba\(0\, 0\, 0\, 0\.7\)\] {
        text-shadow: 0 1px 2px #000000f2, 0 0 8px #000000b3
    }
    .placeholder\:text-\[13px\]::placeholder {
        font-size: 13px
    }
    .placeholder\:text-\[15px\]::placeholder {
        font-size: 15px
    }
    .placeholder\:font-normal::placeholder {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }
    .placeholder\:text-\[color\:\#93a095\]::placeholder {
        color: #93a095
    }
    .placeholder\:text-\[color\:var\(--nb-ink-muted\)\]::placeholder,
    .placeholder\:text-\[var\(--nb-ink-muted\)\]::placeholder {
        color: var(--nb-ink-muted)
    }
    .first\:mt-0:first-child {
        margin-top: 0
    }
    .first\:border-t-0:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }
    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }
    @media (hover:hover) {
        .hover\:scale-105:hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y)
        }
        .hover\:border-\[rgba\(120\, 255\, 150\, 0\.9\)\]:hover {
            border-color: #78ff96e6
        }
        .hover\:bg-\[rgba\(10\, 46\, 26\, 0\.75\)\]:hover {
            background-color: #0a2e1abf
        }
        .hover\:bg-\[rgba\(47\, 214\, 111\, 0\.14\)\]:hover {
            background-color: #2fd66f24
        }
        .hover\:bg-\[rgba\(255\, 93\, 108\, 0\.08\)\]:hover {
            background-color: #ff5d6c14
        }
        .hover\:bg-\[rgba\(255\, 93\, 108\, 0\.12\)\]:hover {
            background-color: #ff5d6c1f
        }
        .hover\:bg-\[rgba\(255\, 93\, 108\, 0\.14\)\]:hover {
            background-color: #ff5d6c24
        }
        .hover\:bg-white\/5:hover {
            background-color: #ffffff0d
        }
        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/5:hover {
                background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
            }
        }
        .hover\:bg-white\/10:hover {
            background-color: #ffffff1a
        }
        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/10:hover {
                background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
            }
        }
        .hover\:bg-white\/\[0\.03\]:hover {
            background-color: #ffffff08
        }
        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.03\]:hover {
                background-color: color-mix(in oklab, var(--color-white) 3%, transparent)
            }
        }
        .hover\:text-\[\#5eeba0\]:hover {
            color: #5eeba0
        }
        .hover\:text-\[\#ff8b96\]:hover {
            color: #ff8b96
        }
        .hover\:text-\[var\(--nb-ink-primary\)\]:hover {
            color: var(--nb-ink-primary)
        }
        .hover\:underline:hover {
            text-decoration-line: underline
        }
    }
    .active\:scale-90:active {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }
    .active\:scale-95:active {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }
    .active\:scale-\[0\.97\]:active {
        scale: .97
    }
    .active\:scale-\[0\.98\]:active {
        scale: .98
    }
    .active\:scale-\[0\.99\]:active {
        scale: .99
    }
    .active\:scale-\[0\.985\]:active {
        scale: .985
    }
    .active\:cursor-grabbing:active {
        cursor: grabbing
    }
    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }
    .disabled\:opacity-30:disabled {
        opacity: .3
    }
    .disabled\:opacity-40:disabled {
        opacity: .4
    }
    .disabled\:opacity-50:disabled {
        opacity: .5
    }
    .disabled\:opacity-60:disabled {
        opacity: .6
    }
    @media (min-width:390px) {
        .min-\[390px\]\:h-8 {
            height: calc(var(--spacing) * 8)
        }
        .min-\[390px\]\:w-9 {
            width: calc(var(--spacing) * 9)
        }
        .min-\[390px\]\:text-\[17px\] {
            font-size: 17px
        }
    }
    @media (min-width:40rem) {
        .sm\:top-\[16px\] {
            top: 16px
        }
        .sm\:top-\[20\%\] {
            top: 20%
        }
        .sm\:right-6 {
            right: calc(var(--spacing) * 6)
        }
        .sm\:col-span-2 {
            grid-column: span 2/span 2
        }
        .sm\:-mx-6 {
            margin-inline: calc(var(--spacing) * -6)
        }
        .sm\:my-2 {
            margin-block: calc(var(--spacing) * 2)
        }
        .sm\:-mt-2 {
            margin-top: calc(var(--spacing) * -2)
        }
        .sm\:mt-8 {
            margin-top: calc(var(--spacing) * 8)
        }
        .sm\:mr-2 {
            margin-right: calc(var(--spacing) * 2)
        }
        .sm\:-mb-6 {
            margin-bottom: calc(var(--spacing) * -6)
        }
        .sm\:mb-6 {
            margin-bottom: calc(var(--spacing) * 6)
        }
        .sm\:block {
            display: block
        }
        .sm\:flex {
            display: flex
        }
        .sm\:grid {
            display: grid
        }
        .sm\:hidden {
            display: none
        }
        .sm\:inline {
            display: inline
        }
        .sm\:h-5 {
            height: calc(var(--spacing) * 5)
        }
        .sm\:h-8 {
            height: calc(var(--spacing) * 8)
        }
        .sm\:h-10 {
            height: calc(var(--spacing) * 10)
        }
        .sm\:h-\[16px\] {
            height: 16px
        }
        .sm\:h-\[52px\] {
            height: 52px
        }
        .sm\:h-\[70dvh\] {
            height: 70dvh
        }
        .sm\:h-\[84px\] {
            height: 84px
        }
        .sm\:h-\[132px\] {
            height: 132px
        }
        .sm\:h-\[640px\] {
            height: 640px
        }
        .sm\:h-\[calc\(100dvh-1rem\)\] {
            height: calc(100dvh - 1rem)
        }
        .sm\:h-auto {
            height: auto
        }
        .sm\:\ !max-h-\[85dvh\] {
            max-height: 85dvh !important
        }
        .sm\:max-h-\[80dvh\] {
            max-height: 80dvh
        }
        .sm\:min-h-\[25px\] {
            min-height: 25px
        }
        .sm\:w-5 {
            width: calc(var(--spacing) * 5)
        }
        .sm\:w-8 {
            width: calc(var(--spacing) * 8)
        }
        .sm\:w-10 {
            width: calc(var(--spacing) * 10)
        }
        .sm\:w-\[52px\] {
            width: 52px
        }
        .sm\:w-\[132px\] {
            width: 132px
        }
        .sm\:w-\[168px\] {
            width: 168px
        }
        .sm\:w-\[640px\] {
            width: 640px
        }
        .sm\:w-auto {
            width: auto
        }
        .sm\:max-w-\[380px\] {
            max-width: 380px
        }
        .sm\:max-w-\[460px\] {
            max-width: 460px
        }
        .sm\:max-w-xs {
            max-width: var(--container-xs)
        }
        .sm\:shrink {
            flex-shrink: 1
        }
        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .sm\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
        .sm\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }
        .sm\:grid-cols-\[1fr_1fr_1fr_auto\] {
            grid-template-columns: 1fr 1fr 1fr auto
        }
        .sm\:grid-cols-\[1fr_100px_120px_120px_auto\] {
            grid-template-columns: 1fr 100px 120px 120px auto
        }
        .sm\:grid-cols-\[1fr_140px_160px_auto\] {
            grid-template-columns: 1fr 140px 160px auto
        }
        .sm\:grid-cols-\[120px_1fr_1fr\] {
            grid-template-columns: 120px 1fr 1fr
        }
        .sm\:grid-cols-\[140px_1fr_auto\] {
            grid-template-columns: 140px 1fr auto
        }
        .sm\:flex-row {
            flex-direction: row
        }
        .sm\:flex-wrap {
            flex-wrap: wrap
        }
        .sm\:items-center {
            align-items: center
        }
        .sm\:items-end {
            align-items: flex-end
        }
        .sm\:justify-between {
            justify-content: space-between
        }
        .sm\:justify-end {
            justify-content: flex-end
        }
        .sm\:gap-2 {
            gap: calc(var(--spacing) * 2)
        }
        .sm\:gap-2\.5 {
            gap: calc(var(--spacing) * 2.5)
        }
        .sm\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }
        .sm\:gap-3\.5 {
            gap: calc(var(--spacing) * 3.5)
        }
        .sm\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }
        .sm\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }
        :where(.sm\:divide-x>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
        }
        :where(.sm\:divide-y-0>:not(:last-child)) {
            --tw-divide-y-reverse: 0;
            border-bottom-style: var(--tw-border-style);
            border-top-style: var(--tw-border-style);
            border-top-width: calc(0px * var(--tw-divide-y-reverse));
            border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)))
        }
        .sm\:overflow-visible {
            overflow: visible
        }
        .sm\:\ !rounded-\[24px\] {
            border-radius: 24px !important
        }
        .sm\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }
        .sm\:rounded-\[18px\] {
            border-radius: 18px
        }
        .sm\:rounded-\[20px\] {
            border-radius: 20px
        }
        .sm\:rounded-\[22px\] {
            border-radius: 22px
        }
        .sm\:rounded-\[24px\] {
            border-radius: 24px
        }
        .sm\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }
        .sm\:object-top {
            object-position: top
        }
        .sm\:p-6 {
            padding: calc(var(--spacing) * 6)
        }
        .sm\:px-0 {
            padding-inline: 0
        }
        .sm\:px-3 {
            padding-inline: calc(var(--spacing) * 3)
        }
        .sm\:px-3\.5 {
            padding-inline: calc(var(--spacing) * 3.5)
        }
        .sm\:px-5 {
            padding-inline: calc(var(--spacing) * 5)
        }
        .sm\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }
        .sm\:py-3 {
            padding-block: calc(var(--spacing) * 3)
        }
        .sm\:py-5 {
            padding-block: calc(var(--spacing) * 5)
        }
        .sm\:py-16 {
            padding-block: calc(var(--spacing) * 16)
        }
        .sm\:pt-2 {
            padding-top: calc(var(--spacing) * 2)
        }
        .sm\:pt-4 {
            padding-top: calc(var(--spacing) * 4)
        }
        .sm\:pt-12 {
            padding-top: calc(var(--spacing) * 12)
        }
        .sm\:pr-3\.5 {
            padding-right: calc(var(--spacing) * 3.5)
        }
        .sm\:pb-5 {
            padding-bottom: calc(var(--spacing) * 5)
        }
        .sm\:pb-16 {
            padding-bottom: calc(var(--spacing) * 16)
        }
        .sm\:pb-20 {
            padding-bottom: calc(var(--spacing) * 20)
        }
        .sm\:pb-\[1px\] {
            padding-bottom: 1px
        }
        .sm\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }
        .sm\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height))
        }
        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }
        .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }
        .sm\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
        .sm\:text-\[10\.5px\] {
            font-size: 10.5px
        }
        .sm\:text-\[10px\] {
            font-size: 10px
        }
        .sm\:text-\[11px\] {
            font-size: 11px
        }
        .sm\:text-\[12\.5px\] {
            font-size: 12.5px
        }
        .sm\:text-\[12px\] {
            font-size: 12px
        }
        .sm\:text-\[13px\] {
            font-size: 13px
        }
        .sm\:text-\[14px\] {
            font-size: 14px
        }
        .sm\:text-\[17px\] {
            font-size: 17px
        }
        .sm\:text-\[18px\] {
            font-size: 18px
        }
        .sm\:text-\[19px\] {
            font-size: 19px
        }
        .sm\:leading-\[0\.98\] {
            --tw-leading: .98;
            line-height: .98
        }
        .sm\:tracking-\[0\.09em\] {
            --tw-tracking: .09em;
            letter-spacing: .09em
        }
    }
    @media (min-width:48rem) {
        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .md\:grid-cols-\[minmax\(0\, 1fr\)_minmax\(0\, 1\.1fr\)\] {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr)
        }
    }
    @media (min-width:64rem) {
        .lg\:top-\[18px\] {
            top: 18px
        }
        .lg\:mt-4 {
            margin-top: calc(var(--spacing) * 4)
        }
        .lg\:flex {
            display: flex
        }
        .lg\:hidden {
            display: none
        }
        .lg\:h-9 {
            height: calc(var(--spacing) * 9)
        }
        .lg\:h-\[20px\] {
            height: 20px
        }
        .lg\:h-\[62px\] {
            height: 62px
        }
        .lg\:h-\[162px\] {
            height: 162px
        }
        .lg\:min-h-0 {
            min-height: 0
        }
        .lg\:w-9 {
            width: calc(var(--spacing) * 9)
        }
        .lg\:w-\[62px\] {
            width: 62px
        }
        .lg\:w-\[162px\] {
            width: 162px
        }
        .lg\:w-\[200px\] {
            width: 200px
        }
        .lg\:w-\[320px\] {
            width: 320px
        }
        .lg\:max-w-3xl {
            max-width: var(--container-3xl)
        }
        .lg\:max-w-4xl {
            max-width: var(--container-4xl)
        }
        .lg\:shrink-0 {
            flex-shrink: 0
        }
        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }
        .lg\:flex-row {
            flex-direction: row
        }
        .lg\:flex-wrap {
            flex-wrap: wrap
        }
        .lg\:items-center {
            align-items: center
        }
        .lg\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }
        .lg\:gap-x-8 {
            column-gap: calc(var(--spacing) * 8)
        }
        .lg\:gap-y-3 {
            row-gap: calc(var(--spacing) * 3)
        }
        .lg\:p-8 {
            padding: calc(var(--spacing) * 8)
        }
        .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }
        .lg\:px-10 {
            padding-inline: calc(var(--spacing) * 10)
        }
        .lg\:text-7xl {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading, var(--text-7xl--line-height))
        }
        .lg\:text-\[11\.5px\] {
            font-size: 11.5px
        }
        .lg\:text-\[12px\] {
            font-size: 12px
        }
        .lg\:text-\[13px\] {
            font-size: 13px
        }
        .lg\:text-\[14px\] {
            font-size: 14px
        }
        .lg\:text-\[19px\] {
            font-size: 19px
        }
        .lg\:text-\[20px\] {
            font-size: 20px
        }
        .lg\:text-\[22px\] {
            font-size: 22px
        }
    }
    @media (min-width:80rem) {
        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
        .xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }
        .xl\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }
    }
    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none
    }
}

:root {
    --bw-bg: #131413;
    --bw-bg-soft: #1a1c1a;
    --bw-surface: #1e201f;
    --bw-surface-2: #262826;
    --bw-border: #3a3d3a;
    --bw-text: #eef1ff;
    --bw-text-dim: #9aa3c7;
    --bw-primary: #00db05;
    --bw-primary-2: #00a804;
    --bw-accent: #00db05;
    --bw-accent-2: #00c2ff;
    --bw-danger: #ff5470;
    --bw-warning: #ffb547;
    --bw-gold: #ffd166;
    --bw-panel-from: #103a16e0;
    --bw-panel-to: #081e0ced;
    --bw-panel-edge: #00db054d;
    --bw-action: #ffd93b;
    --bw-action-2: #ffb020;
    --bw-action-ink: #3a2600;
    --bw-radius: 14px;
    --bw-shadow: 0 10px 40px #00000073;
    --bw-panel-bg-image: url(../../../snake/assets/imagens/background.png);
    --bw-panel-bg-overlay: linear-gradient(180deg, #0e0f0e1f 0%, #0e0f0e47 100%);
    --nb-bg-from: var(--bw-bg);
    --nb-bg-via: var(--bw-bg-soft);
    --nb-bg-to: var(--bw-surface);
    --nb-board-surface: var(--bw-surface);
    --nb-cell: var(--bw-surface-2);
    --nb-cell-border: var(--bw-border);
    --nb-ink-primary: var(--bw-text);
    --nb-ink-muted: var(--bw-text-dim);
    --nb-ink-accent: var(--bw-accent);
    --nb-valid: var(--bw-accent);
    --nb-invalid: var(--bw-danger);
    --nb-preview-valid: var(--bw-accent-2);
    --nb-piece-red: #f2455c;
    --nb-piece-orange: #ffa726;
    --nb-piece-green: #2ecc71;
    --nb-piece-blue: #3b82f6;
    --nb-piece-purple: #9b59d0;
    --nb-piece-yellow: #f7d54a;
    --nb-panel-bg: var(--bw-bg);
    --nb-panel-sidebar: var(--bw-bg-soft);
    --nb-panel-sidebar-border: var(--bw-border);
    --nb-panel-card: var(--bw-surface);
    --nb-panel-card-hover: var(--bw-surface-2);
    --nb-panel-card-border: var(--bw-border);
    --nb-panel-active-bg: #00db0529;
    --nb-panel-active-bar: var(--bw-primary);
    --nb-panel-cyan: var(--bw-accent-2);
    --background: var(--bw-bg);
    --foreground: var(--bw-text)
}

* {
    -webkit-tap-highlight-color: transparent
}

html,
body {
    overscroll-behavior: none;
    height: 100%
}

body {
    background-color: var(--bw-bg);
    background-image: radial-gradient(120% 120% at 50% 0%, var(--bw-surface) 0%, var(--bw-bg-soft) 45%, var(--bw-bg) 100%);
    color: var(--nb-ink-primary);
    font-family: var(--font-sans), system-ui, sans-serif;
    touch-action: pan-y
}

.nb-scroll-layer {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.bw-panel-bg {
    z-index: 0;
    background-color: var(--bw-bg);
    position: relative
}

.bw-panel-bg:before {
    content: "";
    z-index: -1;
    pointer-events: none;
    background: var(--bw-panel-bg-overlay), var(--bw-panel-bg-image) center top / cover no-repeat;
    will-change: transform;
    backface-visibility: hidden;
    position: fixed;
    inset: 0;
    transform: translateZ(0)
}

.nb-no-scroll {
    touch-action: none;
    overscroll-behavior: none;
    overflow: hidden
}

::selection {
    background: var(--nb-ink-accent);
    color: #131413
}

.nb-snake-cashout-screen-glow {
    pointer-events: none;
    border-radius: inherit;
    animation: 1.45s ease-in-out infinite nb-snake-cashout-screen-glow-pulse;
    box-shadow: inset 0 0 22px 8px #00db05bf, inset 0 0 58px 20px #00db056b, inset 0 0 120px 38px #00db052e
}

@keyframes nb-snake-cashout-screen-glow-pulse {
    0%,
    to {
        opacity: .62;
        filter: brightness(.95)
    }
    50% {
        opacity: 1;
        filter: brightness(1.25)
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-snake-cashout-screen-glow {
        animation: none
    }
}

@media (max-width:480px) {
    html {
        font-size: 15px
    }
}

.nb-led {
    isolation: isolate;
    position: relative
}

.nb-led__content {
    z-index: 1;
    position: relative
}

.nb-led__svg {
    z-index: 2;
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: visible
}

.nb-led__base-ring-stroke {
    fill: none;
    stroke: #40dcb43d
}

.nb-led__beam {
    fill: none;
    stroke-linecap: round;
    filter: drop-shadow(0 0 3px #5affdcd9)drop-shadow(0 0 7px #00beff73);
    animation-name: nb-led-dash;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.nb-led__svg--medium .nb-led__beam {
    filter: drop-shadow(0 0 4px #5affdc)drop-shadow(0 0 10px #00c8ff99)
}

@keyframes nb-led-dash {
    0% {
        stroke-dashoffset: 0
    }
    to {
        stroke-dashoffset: -100px
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-led__beam {
        animation: none;
        opacity: 0 !important
    }
    .nb-led__base-ring-stroke {
        stroke: #5affdc80
    }
}

.nb-hero-led .nb-led__base-ring-stroke {
    stroke: #78e6826b
}

.nb-hero-led .nb-led__beam:nth-of-type(2) {
    stroke: #eefff0;
    filter: drop-shadow(0 0 2px #a0f5aa)drop-shadow(0 0 4px #00db05b3)
}

.nb-hero-led .nb-led__beam:nth-of-type(3) {
    stroke: #5adc6499;
    filter: drop-shadow(0 0 2px #00db0580)
}

.nb-hero-led .nb-led__beam:nth-of-type(4) {
    stroke: #00db0547;
    filter: drop-shadow(0 0 1.5px #00db0540)
}

.nb-auth-input {
    transition: box-shadow .2s, background .2s
}

.nb-auth-input:focus {
    background: #ffffff12;
    outline: none;
    box-shadow: inset 0 0 0 1.5px #38e0dcd9, 0 0 0 3px #2ed66f1f, 0 0 14px #38e0dc59
}

@media (prefers-reduced-motion:reduce) {
    .nb-auth-input {
        transition: none
    }
}

.nb-auth-field {
    border: 2px solid #e1e8e2;
    transition: border-color .15s, box-shadow .15s, background-color .15s
}

.nb-auth-field:focus {
    border-color: #3fe06b;
    box-shadow: 0 0 0 4px #3fe06b2e;
    background-color: #fff !important
}

.nb-auth-submit {
    transition: transform 80ms, box-shadow 80ms, filter .15s;
    box-shadow: 0 5px #0b7a2a, 0 12px 24px -8px #16b33f99
}

.nb-auth-submit:hover:not(:disabled) {
    filter: brightness(1.06)
}

.nb-auth-submit:active:not(:disabled) {
    transform: translateY(4px);
    box-shadow: 0 1px #0b7a2a, 0 6px 14px -8px #16b33f99
}

.nb-header-btn-light {
    transition: transform 80ms, box-shadow 80ms, filter .15s;
    box-shadow: 0 4px #9fb8a6, 0 10px 20px -8px #0000008c
}

.nb-header-btn-light:hover {
    filter: brightness(1.04)
}

.nb-header-btn-light:active {
    transform: translateY(3px);
    box-shadow: 0 1px #9fb8a6, 0 5px 12px -8px #0000008c
}

@media (prefers-reduced-motion:reduce) {
    .nb-header-btn-light,
    .nb-auth-field,
    .nb-auth-submit {
        transition: none
    }
}

.nb-online-badge {
    background: #000000d1;
    border: 1.5px solid #38bdffe6;
    box-shadow: 0 0 8px #38bdff8c, 0 0 16px #38bdff4d, inset 0 0 6px #38bdff26
}

.nb-online-badge__count {
    color: #ff3b4e;
    animation: 1.6s ease-in-out infinite nb-online-count-pulse;
    display: inline-block
}

@keyframes nb-online-count-pulse {
    0%,
    to {
        text-shadow: 0 0 4px #ff3b4e66;
        transform: scale(1)
    }
    50% {
        text-shadow: 0 0 10px #ff3b4ee6, 0 0 18px #ff3b4e80;
        transform: scale(1.18)
    }
}

@property --nb-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg
}

.nb-rainbow-border {
    background: conic-gradient(from var(--nb-angle, 0deg), #fff6c8, #ffd166, #d98f1f, #ffd166, #fff6c8);
    animation: 3.5s linear infinite nb-rainbow-spin;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 14px #ffd16680
}

.nb-rainbow-border:after {
    content: "";
    z-index: 2;
    border-radius: inherit;
    mix-blend-mode: screen;
    pointer-events: none;
    background: linear-gradient(108deg, #0000 32%, #ffffd666 47%, #ffec8052 56%, #0000 71%);
    animation: 5.5s ease-in-out infinite nb-gold-sweep;
    position: absolute;
    inset: 2px;
    transform: translate(-130%)
}

@keyframes nb-rainbow-spin {
    to {
        --nb-angle: 360deg
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-rainbow-border,
    .nb-rainbow-border:after {
        animation: none
    }
}

.nb-meta-border {
    background: conic-gradient(from var(--nb-angle, 0deg), #123626, #00c290, #baffd9, #00c290, #123626);
    animation: 3.5s linear infinite nb-rainbow-spin;
    position: relative;
    box-shadow: 0 0 26px #00e5a880, 0 0 60px #00e5a838
}

@media (prefers-reduced-motion:reduce) {
    .nb-meta-border {
        animation: none
    }
}

.nb-reward-glow {
    animation: 2s ease-in-out infinite nb-reward-glow-pulse
}

@keyframes nb-reward-glow-pulse {
    0%,
    to {
        text-shadow: 0 0 3px #ffc63380, 0 0 7px #ffc6334d
    }
    50% {
        text-shadow: 0 0 5px #ffc633a6, 0 0 11px #ffc63366
    }
}

.nb-soft-pulse {
    animation: 1.8s ease-out infinite nb-soft-pulse-ring
}

@keyframes nb-soft-pulse-ring {
    0% {
        opacity: .35;
        transform: scale(1)
    }
    70%,
    to {
        opacity: 0;
        transform: scale(1.7)
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-soft-pulse {
        opacity: 0;
        animation: none
    }
}

.nb-dot-pulse {
    animation: 1.8s ease-in-out infinite nb-dot-pulse
}

@keyframes nb-dot-pulse {
    0%,
    to {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 2px .5px #00e5a873
    }
    50% {
        opacity: .9;
        transform: scale(1.15);
        box-shadow: 0 0 4px 1px #00e5a8a6
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-dot-pulse {
        animation: none
    }
}

.nb-online-pill-glow {
    animation: 1.8s ease-in-out infinite nb-online-pill-glow
}

@keyframes nb-online-pill-glow {
    0%,
    to {
        box-shadow: inset 0 0 0 1px #00e5a84d, 0 0 6px -3px #2ed66f4d
    }
    50% {
        box-shadow: inset 0 0 0 1px #00e5a873, 0 0 8px -2px #2ed66f6b
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-online-pill-glow {
        animation: none
    }
}

.nb-play-btn-glow {
    animation: 2s ease-in-out infinite nb-play-btn-glow-pulse
}

@keyframes nb-play-btn-glow-pulse {
    0%,
    to {
        transform: scale(1);
        box-shadow: 0 10px 26px -10px #ffb02099, 0 0 8px 1px #ffd93b4d
    }
    50% {
        transform: scale(1.015);
        box-shadow: 0 12px 32px -9px #ffb020bf, 0 0 14px 3px #ffd93b80
    }
}

.nb-play-btn-glow--green {
    animation-name: nb-play-btn-glow-pulse-green
}

@keyframes nb-play-btn-glow-pulse-green {
    0%,
    to {
        transform: scale(1);
        box-shadow: 0 8px 20px -12px #00e57866, 0 0 6px #3fe06b33
    }
    50% {
        transform: scale(1.015);
        box-shadow: 0 10px 24px -10px #00e57880, 0 0 10px 1px #3fe06b4d
    }
}

.nb-game-card {
    background: linear-gradient(165deg, #0a2e1aeb, #06180ef0);
    border: 1.5px solid #3fe06b73;
    transition: border-color .25s, box-shadow .25s;
    position: relative;
    box-shadow: inset 0 1px #aaffbe2e, inset 0 -10px 24px #00000059, 0 14px 30px -20px #3fe06b4d
}

.nb-game-card:hover {
    border-color: #78ff96d9;
    box-shadow: inset 0 1px #aaffbe3d, inset 0 -10px 24px #00000059, 0 0 18px -6px #3fe06b59
}

.nb-game-number {
    color: #0000;
    filter: drop-shadow(0 2px #003c14e6)drop-shadow(0 0 6px #3fe06b40);
    background: linear-gradient(#eaffb0 0%, #7dff8a 45%, #22c55e 100%);
    -webkit-background-clip: text;
    background-clip: text
}

.nb-live-dot {
    animation: 1.4s ease-in-out infinite nb-live-pulse
}

@keyframes nb-live-pulse {
    0%,
    to {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: .45;
        transform: scale(.75)
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-live-dot,
    .nb-reward-glow,
    .nb-play-btn-glow {
        animation: none
    }
}

.nb-hero-title-text {
    font-family: var(--font-fredoka), "Arial Rounded MT Bold", "Trebuchet MS", var(--font-geist-sans), sans-serif;
    letter-spacing: 0
}

.nb-hero-white-text {
    color: #fff7fb;
    text-shadow: 0 .035em #ffffff57, 0 .09em .14em #27104b5c, 0 0 .22em #ffffff2e
}

.nb-hero-bubble-text {
    display: inline-block;
    position: relative;
    transform: translateZ(0)
}

.nb-hero-bubble-text--gold {
    color: #ffd451;
    text-shadow: 0 .04em #ffb42f, 0 .075em #df7a00, 0 .14em .16em #4d165c6b, 0 0 .22em #ffe25a75;
    animation: 2.9s ease-in-out infinite nb-hero-bubble-float
}

.nb-hero-bubble-text--cash {
    color: #1df0c2;
    text-shadow: 0 .04em #00c99b, 0 .075em #008b71, 0 .14em .16em #0c414e66, 0 0 .22em #1df0c27a;
    animation: 2.7s ease-in-out infinite nb-hero-bubble-float
}

@keyframes nb-hero-bubble-float {
    0%,
    to {
        transform: scale(1)
    }
    50% {
        transform: scale(1.014)translateY(-.01em)
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-hero-bubble-text {
        animation: none
    }
}

@media (max-width:639px) {
    .nb-anim-skip-mobile:not(:active) {
        opacity: 1 !important;
        transform: none !important
    }
}

.nb-testimonial-card {
    transition: filter .25s
}

.nb-testimonial-card:hover {
    filter: brightness(1.05);
    animation: 9s ease-in-out infinite nb-testimonial-glow
}

@keyframes nb-testimonial-glow {
    0%,
    to {
        box-shadow: inset 0 0 0 1px #7c5cff66, 0 12px 22px -14px #7c5cff59
    }
    33% {
        box-shadow: inset 0 0 0 1px #ff547061, 0 12px 22px -14px #ff547052
    }
    66% {
        box-shadow: inset 0 0 0 1px #ffd16661, 0 12px 22px -14px #ffd16652
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-testimonial-card {
        transition: none
    }
    .nb-testimonial-card:hover {
        animation: none
    }
}

.nb-deposit-backdrop {
    -webkit-backdrop-filter: blur(14px)saturate(1.1) !important;
    backdrop-filter: blur(14px)saturate(1.1) !important;
    background: #030716c7 !important
}

.nb-deposit-sheet {
    border: 2px solid #435392c7;
    background: linear-gradient(#0b0c0b 0%, #1e201f 44%, #1a1c1a 100%) !important;
    box-shadow: 0 34px 90px #000000a3, 0 0 0 1px #647bd22e, inset 0 0 0 1px #ffffff05 !important
}

.nb-deposit-sheet:before {
    content: "";
    filter: blur(18px);
    opacity: .72;
    pointer-events: none;
    background: radial-gradient(circle at 18% 12%, #ffda5938, #0000 20%), radial-gradient(circle at 72% 4%, #ff74582e, #0000 26%), radial-gradient(circle at 90% 18%, #5f8fff29, #0000 23%);
    height: 45%;
    position: absolute;
    inset: -22% -14% auto
}

.nb-gold-border {
    background: linear-gradient(120deg, #ffde4efa, #ffab19eb, #ffde4efa);
    box-shadow: 0 0 18px #ffc72357, 0 0 2px #ffee97f2, inset 0 0 0 1px #fff6c452
}

.nb-gold-border:after {
    content: "";
    z-index: 2;
    border-radius: inherit;
    mix-blend-mode: screen;
    pointer-events: none;
    background: linear-gradient(108deg, #0000 35%, #ffffd647 47%, #ffec8033 56%, #0000 68%);
    animation: 3.1s ease-in-out infinite nb-gold-sweep;
    position: absolute;
    inset: 2px;
    transform: translate(-130%)
}

.nb-bonus-card:before {
    content: "";
    z-index: -1;
    filter: blur(2px);
    background: linear-gradient(112deg, #0000 20%, #ffea752e 42%, #ffd73e70 50%, #ffea7524 60%, #0000 78%), radial-gradient(circle at 60% 58%, #ffe15b57, #0000 36%);
    animation: 4s ease-in-out infinite nb-bonus-glow;
    position: absolute;
    inset: -45% -18%;
    transform: translate(-12%)rotate(2deg)
}

.nb-bonus-card:after {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(#ffffff0a, #0000 45%), radial-gradient(circle at 50% 105%, #0000004d, #0000 42%);
    position: absolute;
    inset: 0
}

@keyframes nb-gold-sweep {
    0%,
    15% {
        opacity: 0;
        transform: translate(-130%)
    }
    35% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    65% {
        opacity: 0
    }
    to {
        opacity: 0;
        transform: translate(130%)
    }
}

@keyframes nb-bonus-glow {
    0%,
    to {
        opacity: .78;
        transform: translate(-18%)rotate(2deg)
    }
    50% {
        opacity: 1;
        transform: translate(10%)rotate(2deg)
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-gold-border:after,
    .nb-bonus-card:before {
        animation: none
    }
}

.bw-congrats-sparkles {
    z-index: 4;
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.bw-congrats-sparkles:before {
    content: "";
    background: radial-gradient(circle at 18% 34%, #ffe67533, #0000 4%), radial-gradient(circle at 82% 28%, #ffffff2e, #0000 3.5%), radial-gradient(circle at 62% 76%, #ffb30029, #0000 4%), radial-gradient(circle at 30% 82%, #00e5a81f, #0000 4%);
    animation: 7s ease-in-out infinite bw-congrats-drift;
    position: absolute;
    inset: -30%
}

.bw-congrats-sparkle {
    background: #fff7a6;
    border-radius: 999px;
    animation: 2.4s ease-in-out infinite bw-congrats-twinkle;
    display: block;
    position: absolute;
    transform: rotate(45deg)scale(.7);
    box-shadow: 0 0 8px #ffde41f2, 0 0 18px #ff8e0073
}

.bw-congrats-sparkle:before,
.bw-congrats-sparkle:after {
    content: "";
    background: inherit;
    border-radius: 999px;
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%)
}

.bw-congrats-sparkle:before {
    width: 280%;
    height: 42%
}

.bw-congrats-sparkle:after {
    width: 42%;
    height: 280%
}

.bw-congrats-amount {
    color: #0000;
    filter: drop-shadow(0 3px #5e2300e6)drop-shadow(0 0 14px #ffc2299e);
    text-shadow: none;
    background: linear-gradient(#fff7a6 0%, #ffd53d 38%, #ff9d00 74%, #ff6b00 100%);
    -webkit-background-clip: text;
    background-clip: text;
    animation: 2.1s ease-in-out infinite bw-congrats-amount-pop;
    display: inline-block
}

@keyframes bw-congrats-twinkle {
    0%,
    to {
        opacity: .22;
        transform: rotate(45deg)scale(.55)
    }
    45% {
        opacity: 1;
        transform: rotate(45deg)scale(1.08)
    }
}

@keyframes bw-congrats-drift {
    0%,
    to {
        opacity: .55;
        transform: translate(-1%, -1%)rotate(0)
    }
    50% {
        opacity: .95;
        transform: translate(1%, 1.5%)rotate(4deg)
    }
}

@keyframes bw-congrats-amount-pop {
    0%,
    to {
        filter: drop-shadow(0 3px #5e2300e6)drop-shadow(0 0 12px #ffc22980);
        transform: scale(1)
    }
    50% {
        filter: drop-shadow(0 3px #5e2300e6)drop-shadow(0 0 22px #ffd74bd1);
        transform: scale(1.035)
    }
}

@media (prefers-reduced-motion:reduce) {
    .bw-congrats-sparkles:before,
    .bw-congrats-sparkle,
    .bw-congrats-amount {
        animation: none
    }
}

.nb-panel-bg {
    background-color: var(--nb-panel-bg);
    background-image: linear-gradient(#ffffff08 1px, #0000 1px), linear-gradient(90deg, #ffffff08 1px, #0000 1px), radial-gradient(60% 40% at 0 0, #00db0524, #0000 60%), radial-gradient(50% 35% at 100% 0, #00c2ff1a, #0000 60%);
    background-size: 36px 36px, 36px 36px, auto, auto
}

.nb-panel-gerente {
    --nb-panel-bg: #0c0d0c;
    --nb-panel-sidebar: #101110;
    --nb-panel-sidebar-border: #00db0524;
    --nb-panel-card: #161716;
    --nb-panel-card-hover: #1c1e1c;
    --nb-panel-card-border: #00db0529;
    --nb-panel-cyan: var(--bw-accent);
    background-image: none
}

.nb-panel-gerente .nb-panel-card:hover {
    box-shadow: 0 16px 40px -20px #0009, 0 0 0 1px #00db0538
}

.nb-panel-scroll {
    scrollbar-width: thin;
    scrollbar-color: #ffffff24 transparent
}

.nb-panel-scroll::-webkit-scrollbar {
    width: 8px
}

.nb-panel-scroll::-webkit-scrollbar-thumb {
    background: #ffffff24;
    border-radius: 999px
}

.nb-panel-card {
    background-color: var(--nb-panel-card);
    border-color: var(--nb-panel-card-border);
    transition: background-color .18s, box-shadow .18s, transform .18s
}

.nb-panel-card:hover {
    background-color: var(--nb-panel-card-hover);
    transform: translateY(-2px);
    box-shadow: 0 16px 40px -20px #0009, 0 0 0 1px #00c2ff29
}

.nb-panel-nav-item {
    transition: background-color .15s, color .15s
}

.nb-focusable:focus-visible,
.nb-focus-within:focus-within {
    outline-offset: 2px;
    outline: 2px solid #00c2ffb3
}

.nb-tooltip {
    position: relative
}

.nb-tooltip:after {
    content: attr(data-tooltip);
    white-space: nowrap;
    color: var(--nb-ink-primary);
    opacity: 0;
    pointer-events: none;
    z-index: 30;
    background: #1a1c1a;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 600;
    transition: opacity .12s, transform .12s;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translate(-50%)translateY(2px);
    box-shadow: 0 6px 16px -4px #0009, 0 0 0 1px #ffffff14
}

.nb-tooltip:hover:after,
.nb-tooltip:focus-visible:after {
    opacity: 1;
    transform: translate(-50%)translateY(0)
}

@media (prefers-reduced-motion:reduce) {
    .nb-tooltip:after {
        transition: none
    }
}

.nb-spinner {
    animation: .7s linear infinite nb-spin
}

@keyframes nb-spin {
    to {
        transform: rotate(360deg)
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-spinner {
        animation: none !important
    }
}

.nb-liquid-glass {
    isolation: isolate;
    -webkit-backdrop-filter: blur(14px)saturate(140%);
    background: #ffffff0d;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #ffffff24, inset 0 1px #ffffff29, 0 8px 20px -12px #040a1e8c
}

.nb-liquid-glass:before {
    content: "";
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(155deg, #ffffff24, #0000 42%);
    position: absolute;
    inset: 0
}

.nb-liquid-glass:after {
    content: "";
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(#0000 65%, #4f9eff14);
    position: absolute;
    inset: 0
}

.bw-board-fit {
    width: 100%;
    max-width: var(--bw-board-w, min(28rem, calc((100dvh - 17rem) * .653)))
}

@media (min-width:640px) {
    .bw-board-fit {
        max-width: var(--bw-board-w, min(28rem, calc((100dvh - 19rem) * .653)))
    }
}

.nb-jogar-led .nb-led__base-ring-stroke {
    stroke: #00db054d
}

.nb-jogar-led .nb-led__beam {
    stroke: #cdffcd;
    filter: drop-shadow(0 0 4px #00db05)drop-shadow(0 0 10px #00a80499)
}

.nb-bottom-nav-item {
    color: #ffffffeb;
    filter: drop-shadow(0 0 6px #ffffff47);
    transition: filter .2s, color .2s
}

.nb-bottom-nav-item:active {
    color: #fff;
    filter: drop-shadow(0 0 9px #ffffff73)
}

.nb-roleta-spin-btn {
    filter: drop-shadow(0 0 10px #00ff8859);
    animation: 2.2s ease-in-out infinite nb-roleta-spin-btn-pulse
}

@keyframes nb-roleta-spin-btn-pulse {
    0%,
    to {
        filter: drop-shadow(0 0 8px #00ff884d)
    }
    50% {
        filter: drop-shadow(0 0 18px #0f89)
    }
}

.nb-roleta-float {
    will-change: transform;
    animation: 9s ease-in-out infinite nb-roleta-float-move
}

.nb-roleta-float-slow {
    will-change: transform;
    animation: 13s ease-in-out infinite nb-roleta-float-move
}

@keyframes nb-roleta-float-move {
    0%,
    to {
        transform: translateY(0)scale(1)
    }
    50% {
        transform: translateY(-14px)scale(1.03)
    }
}

.nb-roleta-halo {
    filter: blur(16px);
    background: radial-gradient(circle, #be8cff80 0%, #602cc838 54%, #0000 72%);
    border-radius: 999px;
    animation: 3.4s ease-in-out infinite nb-roleta-halo-pulse;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@keyframes nb-roleta-halo-pulse {
    0%,
    to {
        opacity: .75;
        transform: translate(-50%, -50%)scale(1)
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%)scale(1.05)
    }
}

.nb-roleta-sheen {
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: .55;
    background: conic-gradient(#0000 0deg, #ffffff05 14deg, #fff6d26b 26deg, #ffffff05 40deg, #0000 54deg 180deg, #ffffff05 194deg, #beebff47 206deg, #ffffff05 218deg, #0000 232deg 360deg);
    border-radius: 999px;
    animation: 7s linear infinite nb-roleta-sheen-spin;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-image: radial-gradient(circle, #0000 27%, #000 34% 96%, #0000 100%);
    mask-image: radial-gradient(circle, #0000 27%, #000 34% 96%, #0000 100%)
}

.nb-roleta-sheen--fast {
    opacity: .85;
    animation-duration: 1.1s
}

@keyframes nb-roleta-sheen-spin {
    to {
        transform: translate(-50%, -50%)rotate(360deg)
    }
}

.nb-roleta-slice-glow {
    pointer-events: none;
    opacity: 0;
    mix-blend-mode: screen;
    animation: nb-roleta-slice-glow-pulse var(--nb-slice-glow-cycle, 7.2s) ease-in-out infinite;
    animation-delay: var(--nb-slice-glow-delay, 0s);
    background: conic-gradient(from -22.5deg, #fff6cd66 0deg, #ffe48242 22deg, #ffe27824 45deg, #0000 45deg 360deg);
    border-radius: 999px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-mask-image: radial-gradient(circle, #0000 27%, #000 34% 96%, #0000 100%);
    mask-image: radial-gradient(circle, #0000 27%, #000 34% 96%, #0000 100%)
}

@keyframes nb-roleta-slice-glow-pulse {
    0%,
    to {
        opacity: 0
    }
    4% {
        opacity: 1
    }
    7% {
        opacity: .72
    }
    13% {
        opacity: 0
    }
}

.nb-roleta-win-slice {
    pointer-events: none;
    mix-blend-mode: screen;
    background: conic-gradient(from -22.5deg, #fff4be8c 0deg, #ffe2784d 45deg, #0000 45deg 360deg);
    border-radius: 999px;
    animation: 3.2s ease-in-out both nb-roleta-win-slice-pulse;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-image: radial-gradient(circle, #0000 27%, #000 34% 96%, #0000 100%);
    mask-image: radial-gradient(circle, #0000 27%, #000 34% 96%, #0000 100%)
}

@keyframes nb-roleta-win-slice-pulse {
    0% {
        opacity: 0
    }
    8% {
        opacity: 1
    }
    26% {
        opacity: .42
    }
    40% {
        opacity: .95
    }
    56% {
        opacity: .36
    }
    70% {
        opacity: .82
    }
    86% {
        opacity: .28
    }
    to {
        opacity: 0
    }
}

.nb-roleta-hub,
.nb-roleta-hub * {
    filter: none !important
}

.nb-roleta-hub {
    transform-origin: 50%;
    will-change: transform;
    backface-visibility: hidden;
    animation: 3.4s ease-in-out infinite nb-roleta-hub-shake
}

@keyframes nb-roleta-hub-shake {
    0% {
        transform: rotate(0)scale(1)
    }
    8% {
        transform: rotate(-2.2deg)scale(1.045)
    }
    18% {
        transform: rotate(1.7deg)scale(1.028)
    }
    27% {
        transform: rotate(-1.1deg)scale(1.034)
    }
    36% {
        transform: rotate(.6deg)scale(1.014)
    }
    45% {
        transform: rotate(0)scale(1.018)
    }
    56%,
    to {
        transform: rotate(0)scale(1)
    }
}

.nb-roleta-star-glow {
    pointer-events: none;
    mix-blend-mode: screen;
    background: radial-gradient(circle, #fff6cd9e 0%, #ffd65c57 30%, #ffb02824 48%, #0000 66%);
    border-radius: 999px;
    width: 78%;
    height: 78%;
    animation: 2.4s ease-in-out infinite nb-roleta-star-glow-pulse;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@keyframes nb-roleta-star-glow-pulse {
    0%,
    to {
        opacity: .4;
        transform: translate(-50%, -50%)scale(.9)
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%)scale(1.1)
    }
}

.nb-roleta-spark {
    width: var(--nb-spark-size, 6px);
    height: var(--nb-spark-size, 6px);
    margin: calc(var(--nb-spark-size, 6px) / -2) 0 0 calc(var(--nb-spark-size, 6px) / -2);
    opacity: 0;
    animation: nb-roleta-spark-burst 1.15s cubic-bezier(.15, .7, .3, 1) var(--nb-spark-delay, 0s) forwards;
    border-radius: 999px;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 12px 3px
}

@keyframes nb-roleta-spark-burst {
    0% {
        opacity: 0;
        transform: translate(0)scale(.3)
    }
    14% {
        opacity: 1;
        transform: translate(calc(var(--nb-spark-x) * .22), calc(var(--nb-spark-y) * .22)) scale(1.15)
    }
    to {
        opacity: 0;
        transform: translate(var(--nb-spark-x), var(--nb-spark-y)) scale(.35)
    }
}

.nb-rolet-fab-icon {
    transform-origin: 50% 85%;
    animation: 2.8s ease-in-out infinite nb-rolet-fab-shake
}

@keyframes nb-rolet-fab-shake {
    0%,
    54%,
    to {
        transform: rotate(0)scale(1)
    }
    60% {
        transform: rotate(-6deg)scale(1.06)
    }
    68% {
        transform: rotate(5deg)scale(1.06)
    }
    76% {
        transform: rotate(-3.5deg)scale(1.03)
    }
    85% {
        transform: rotate(2deg)scale(1.01)
    }
}

.nb-rolet-fab-glow {
    pointer-events: none;
    filter: blur(9px);
    background: radial-gradient(circle, #ffce5480 0%, #ff962838 45%, #0000 70%);
    animation: 2.8s ease-in-out infinite nb-rolet-fab-glow-pulse
}

@keyframes nb-rolet-fab-glow-pulse {
    0%,
    to {
        opacity: .65;
        transform: scale(.94)
    }
    50% {
        opacity: 1;
        transform: scale(1.08)
    }
}

.nb-rolet-fab-spark {
    opacity: 0;
    pointer-events: none;
    animation: nb-rolet-fab-spark-twinkle 2.6s ease-in-out var(--nb-fab-spark-delay, 0s) infinite;
    background: #fff6c8;
    border-radius: 999px;
    position: absolute;
    box-shadow: 0 0 8px 2px #ffd05af2
}

@keyframes nb-rolet-fab-spark-twinkle {
    0%,
    to {
        opacity: 0;
        transform: translateY(2px)scale(.35)
    }
    30% {
        opacity: 1;
        transform: translateY(-4px)scale(1.15)
    }
    60% {
        opacity: 0;
        transform: translateY(-11px)scale(.4)
    }
}

.nb-roleta-win-title {
    color: #0000;
    filter: drop-shadow(0 1px #1c083cf2)drop-shadow(0 -1px #1c083ccc)drop-shadow(1px 0 #1c083ccc)drop-shadow(-1px 0 #1c083ccc)drop-shadow(0 3px 6px #0000008c)drop-shadow(0 0 10px #ad8cff8c);
    background: linear-gradient(#fff 0% 52%, #d8cffb 100%);
    -webkit-background-clip: text;
    background-clip: text;
    animation: .62s cubic-bezier(.2, 1.5, .4, 1) both nb-roleta-win-title-in
}

@keyframes nb-roleta-win-title-in {
    0% {
        opacity: 0;
        letter-spacing: .02em;
        transform: scale(.7)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.nb-roleta-prize-shake {
    transform-origin: 50% 82%;
    animation: 2.1s ease-in-out infinite nb-roleta-prize-shake
}

@keyframes nb-roleta-prize-shake {
    0%,
    to {
        transform: rotate(0)scale(1)
    }
    12% {
        transform: rotate(-3.4deg)scale(1.035)
    }
    26% {
        transform: rotate(2.8deg)scale(1.015)
    }
    38% {
        transform: rotate(-1.8deg)scale(1.03)
    }
    50% {
        transform: rotate(1.1deg)scale(1.01)
    }
    62% {
        transform: rotate(-.5deg)scale(1.02)
    }
    74%,
    92% {
        transform: rotate(0)scale(1)
    }
}

.nb-roleta-ticker {
    animation: nb-roleta-ticker-down var(--nb-ticker-duration, 26s) linear infinite;
    will-change: transform
}

@keyframes nb-roleta-ticker-down {
    0% {
        transform: translateY(-50%)
    }
    to {
        transform: translateY(0)
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-roleta-spin-btn,
    .nb-roleta-slice-glow,
    .nb-roleta-float,
    .nb-roleta-float-slow,
    .nb-roleta-halo,
    .nb-roleta-sheen,
    .nb-roleta-win-slice,
    .nb-roleta-hub,
    .nb-roleta-star-glow,
    .nb-roleta-spark,
    .nb-roleta-prize-shake,
    .nb-roleta-win-title,
    .nb-rolet-fab-icon,
    .nb-rolet-fab-glow,
    .nb-rolet-fab-spark,
    .nb-roleta-ticker {
        animation: none
    }
}

.nb-mission-fab-glow {
    pointer-events: none;
    filter: blur(9px);
    background: radial-gradient(circle, #00db0585 0%, #00a8043d 45%, #0000 70%);
    animation: 2.8s ease-in-out infinite nb-rolet-fab-glow-pulse
}

.nb-mission-fab-spark {
    opacity: 0;
    pointer-events: none;
    animation: nb-rolet-fab-spark-twinkle 2.6s ease-in-out var(--nb-fab-spark-delay, 0s) infinite;
    background: #e4ffe6;
    border-radius: 999px;
    position: absolute;
    box-shadow: 0 0 8px 2px #00db05f2
}

.nb-vip-badge-glow {
    pointer-events: none;
    filter: blur(12px);
    background: radial-gradient(circle, #ffe082b8 0%, #ffb83866 32%, #609eff3d 52%, #0000 72%);
    border-radius: 999px;
    width: 146%;
    height: 146%;
    animation: 2.6s ease-in-out infinite nb-vip-badge-glow-pulse;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@keyframes nb-vip-badge-glow-pulse {
    0%,
    to {
        opacity: .55;
        transform: translate(-50%, -50%)scale(.92)
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%)scale(1.08)
    }
}

.nb-vip-badge-shake {
    transform-origin: 50% 78%;
    animation: 3.6s ease-in-out infinite nb-vip-badge-shake-move
}

@keyframes nb-vip-badge-shake-move {
    0% {
        transform: rotate(0)scale(1)
    }
    7% {
        transform: rotate(-2.6deg)scale(1.04)
    }
    17% {
        transform: rotate(2deg)scale(1.025)
    }
    26% {
        transform: rotate(-1.3deg)scale(1.03)
    }
    35% {
        transform: rotate(.7deg)scale(1.012)
    }
    44% {
        transform: rotate(0)scale(1.016)
    }
    55%,
    to {
        transform: rotate(0)scale(1)
    }
}

.nb-vip-badge-spark {
    opacity: 0;
    pointer-events: none;
    animation: nb-vip-badge-spark-twinkle 2.8s ease-in-out var(--nb-vip-spark-delay, 0s) infinite;
    background: #fff6c8;
    border-radius: 999px;
    position: absolute;
    box-shadow: 0 0 8px 2px #ffd05af2
}

@keyframes nb-vip-badge-spark-twinkle {
    0%,
    to {
        opacity: 0;
        transform: translateY(2px)scale(.3)
    }
    28% {
        opacity: 1;
        transform: translateY(-3px)scale(1.15)
    }
    58% {
        opacity: 0;
        transform: translateY(-10px)scale(.4)
    }
}

.nb-vip-badge-sparkle {
    animation: 4.2s ease-in-out infinite nb-vip-badge-sparkle-breathe
}

@keyframes nb-vip-badge-sparkle-breathe {
    0%,
    to {
        opacity: .3
    }
    50% {
        opacity: .62
    }
}

.nb-vip-pulse {
    animation: 2.2s ease-out infinite nb-vip-pulse-ring
}

@keyframes nb-vip-pulse-ring {
    0% {
        box-shadow: 0 0 #ffc7478c
    }
    70% {
        box-shadow: 0 0 0 9px #ffc74700
    }
    to {
        box-shadow: 0 0 #ffc74700
    }
}

.nb-vip-xp-pop {
    animation: 1.1s cubic-bezier(.18, .86, .28, 1) forwards nb-vip-xp-pop-move
}

@keyframes nb-vip-xp-pop-move {
    0% {
        opacity: 0;
        transform: translate(-50%, 6px)scale(.7)
    }
    22% {
        opacity: 1;
        transform: translate(-50%, -4px)scale(1.08)
    }
    45% {
        transform: translate(-50%, -12px)scale(1)
    }
    to {
        opacity: 0;
        transform: translate(-50%, -26px)scale(.98)
    }
}

.nb-vip-bar-shine {
    background: linear-gradient(100deg, #0000 20%, #ffffff80 42%, #ffffffe6 50%, #ffffff80 58%, #0000 80%);
    animation: 2.8s ease-in-out infinite nb-vip-bar-shine-move;
    position: absolute;
    inset: 0;
    transform: translate(-100%)
}

@keyframes nb-vip-bar-shine-move {
    0% {
        transform: translate(-100%)
    }
    55%,
    to {
        transform: translate(100%)
    }
}

.nb-admin-side-drawer {
    animation: .22s cubic-bezier(.18, .86, .32, 1) both nb-admin-side-drawer-in
}

@keyframes nb-admin-side-drawer-in {
    0% {
        opacity: 0;
        transform: translate(36px)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-admin-side-drawer,
    .nb-vip-pulse,
    .nb-vip-badge-glow,
    .nb-vip-badge-shake,
    .nb-vip-badge-sparkle,
    .nb-vip-badge-spark,
    .nb-vip-xp-pop,
    .nb-vip-bar-shine {
        animation: none
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-divide-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

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