@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ec159349637c90ad-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/513657b02c5c193f-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/fd4db3eb5472fc27-s.woff2) format("woff2");
    unicode-range: U+1f??;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/51ed15f9841b9f9d-s.woff2) format("woff2");
    unicode-range: U+0370-0377, U+037a-037f, U+0384-038a, U+038c, U+038e-03a1, U+03a3-03ff;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/05a31a2ca4975f99-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/d6b16ce4a6175f26-s.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/ec159349637c90ad-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/513657b02c5c193f-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/fd4db3eb5472fc27-s.woff2) format("woff2");
    unicode-range: U+1f??;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/51ed15f9841b9f9d-s.woff2) format("woff2");
    unicode-range: U+0370-0377, U+037a-037f, U+0384-038a, U+038c, U+038e-03a1, U+03a3-03ff;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/05a31a2ca4975f99-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/d6b16ce4a6175f26-s.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/ec159349637c90ad-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/513657b02c5c193f-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/fd4db3eb5472fc27-s.woff2) format("woff2");
    unicode-range: U+1f??;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/51ed15f9841b9f9d-s.woff2) format("woff2");
    unicode-range: U+0370-0377, U+037a-037f, U+0384-038a, U+038c, U+038e-03a1, U+03a3-03ff;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/05a31a2ca4975f99-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/d6b16ce4a6175f26-s.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ec159349637c90ad-s.woff2) format("woff2");
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/513657b02c5c193f-s.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/fd4db3eb5472fc27-s.woff2) format("woff2");
    unicode-range: U+1f??;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/51ed15f9841b9f9d-s.woff2) format("woff2");
    unicode-range: U+0370-0377, U+037a-037f, U+0384-038a, U+038c, U+038e-03a1, U+03a3-03ff;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/05a31a2ca4975f99-s.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/d6b16ce4a6175f26-s.woff2) format("woff2");
    unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff;
}
@font-face {
    font-family: __Inter_469f07;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
    font-family: __Inter_Fallback_469f07;
    src: local("Arial");
    ascent-override: 90.2%;
    descent-override: 22.48%;
    line-gap-override: 0%;
    size-adjust: 107.4%;
}
.__className_469f07 {
    font-family: __Inter_469f07, __Inter_Fallback_469f07;
    font-style: normal;
}
.__variable_469f07 {
    --font-inter: "__Inter_469f07", "__Inter_Fallback_469f07";
}

/*
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    border: 0 solid #e5e7eb;
}
:after,
:before {
    --tw-content: "";
}
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
}
body {
    line-height: inherit;
}
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;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}
fieldset {
    margin: 0;
}
fieldset,
legend {
    padding: 0;
}
menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog {
    padding: 0;
}
textarea {
    resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}
[role="button"],
button {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}
img,
video {
    max-width: 100%;
    height: auto;
}
[hidden] {
    display: none;
}
:root {
    --breakpoint-mobile: 767px;
    --breakpoint-tablet: 1080px;
    --breakpoint-laptop: 1440px;
    --breakpoint-desktop: 1800px;
    --header-height: 74px;
    --header-padding-y: 16px;
    --header-margin: 40px;
    --footer-height: 160px;
    --footer-margin: 80px;
    --main-padding: 37px;
    --content-min-height: calc(100vh - var(--header-height) - var(--footer-margin) - var(--header-margin) - var(--footer-height) - var(--main-padding) - env(safe-area-inset-bottom) - 5px);
    --max-content-width: 1040px;
    --max-page-width: 1440px;
    --radius: 12px;
    --yellow: 244 204 100;
    --pink: 235 86 194;
    --pink-2: 188 125 228;
    --blue: 86 101 235;
    --orange: 235 118 11;
    --red: 244 100 117;
    --purple: 134 69 239;
    --green: 100 244 140;
    --light-white: 255 255 255;
    --light-1: 218 218 234;
    --light-2: 137 144 169;
    --light-3: 60 70 107;
    --dark-1: 15 20 39;
    --dark-2: 19 25 48;
    --dark-3: 24 31 56;
    --dark-4: 39 51 95;
    --dark-bg: 12 16 31;
    --input-outline-color: 48 38 71;
    --input-focus-border-color: 188 125 228;
    --gradient-bg: linear-gradient(180deg, rgba(120, 54, 222, 0.06), rgba(120, 53, 222, 0));
    --gradient-orange: conic-gradient(from -125deg at 50% 50%, #eec14d 0deg, #b979eb 65deg, #b979eb 100deg, #eec14d 360deg);
    --gradient-purple: conic-gradient(from -125deg at 50% 50%, #2c5ede 0deg, #7e32de 65deg, #7e32de 100deg, #2c5ede 360deg);
    --gradient-badge-default: conic-gradient(from 180deg at 50% 50%, #bc7de4 14deg, #7e32de 130deg, #2c5ede 266deg, #bc7de4 360deg);
    --gradient-badge-orange: conic-gradient(from 180deg at 50% 50%, #ffd159 44deg, #fa5f55 300deg);
    --failed-transaction-gradient: radial-gradient(100% 100% at 50% 0%, rgba(244, 100, 117, 0.05) 0%, rgba(244, 100, 117, 0) 100%), rgb(var(--dark-1));
    --gradient-text: linear-gradient(-80deg, #e5bcff 9%, #bc7de4 10%);
    --gradient-text-yellow: linear-gradient(-80deg, #ffecbc 9%, #f4cc64 10%);
}
*,
:after,
:before {
    box-sizing: border-box;
}
::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
}
::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--light-3) / var(--tw-bg-opacity));
}
::-webkit-scrollbar-thumb {
    border-radius: calc(var(--radius) - 2px);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--light-2) / var(--tw-bg-opacity));
}
input,
textarea {
    font-family: var(--font-inter);
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
html {
    height: calc(100% + env(safe-area-inset-top));
}
body,
html {
    width: 100%;
}
body {
    -webkit-text-size-adjust: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    height: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-bg) / var(--tw-bg-opacity));
    padding: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(var(--light-1) / var(--tw-text-opacity));
}
@media not all and (min-width: 767px) {
    body {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }
}
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
}
@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}
.default-page {
    display: flex;
    min-height: var(--content-min-height);
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.visible {
    visibility: visible;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.-inset-10 {
    inset: -2.5rem;
}
.inset-0 {
    inset: 0;
}
.-bottom-0 {
    bottom: 0;
}
.-bottom-0\.5 {
    bottom: -0.125rem;
}
.-bottom-10 {
    bottom: -2.5rem;
}
.-bottom-14 {
    bottom: -3.5rem;
}
.-bottom-2 {
    bottom: -0.5rem;
}
.-bottom-20 {
    bottom: -5rem;
}
.-left-10 {
    left: -2.5rem;
}
.-left-5 {
    left: -1.25rem;
}
.-left-6 {
    left: -1.5rem;
}
.-left-8 {
    left: -2rem;
}
.-right-1 {
    right: -0.25rem;
}
.-right-10 {
    right: -2.5rem;
}
.-right-20 {
    right: -5rem;
}
.-right-4 {
    right: -1rem;
}
.-right-5 {
    right: -1.25rem;
}
.-right-6 {
    right: -1.5rem;
}
.-top-1\/2 {
    top: -50%;
}
.-top-10 {
    top: -2.5rem;
}
.-top-2 {
    top: -0.5rem;
}
.-top-4 {
    top: -1rem;
}
.bottom-0 {
    bottom: 0;
}
.bottom-1 {
    bottom: 0.25rem;
}
.bottom-3 {
    bottom: 0.75rem;
}
.bottom-4 {
    bottom: 1rem;
}
.bottom-6 {
    bottom: 1.5rem;
}
.left-0 {
    left: 0;
}
.left-3 {
    left: 0.75rem;
}
.left-4 {
    left: 1rem;
}
.left-6 {
    left: 1.5rem;
}
.left-\[50\%\] {
    left: 50%;
}
.right-0 {
    right: 0;
}
.right-10 {
    right: 2.5rem;
}
.right-12 {
    right: 3rem;
}
.right-3 {
    right: 0.75rem;
}
.right-4 {
    right: 1rem;
}
.right-5 {
    right: 1.25rem;
}
.right-6 {
    right: 1.5rem;
}
.right-8 {
    right: 2rem;
}
.top-0 {
    top: 0;
}
.top-1 {
    top: 0.25rem;
}
.top-10 {
    top: 2.5rem;
}
.top-12 {
    top: 3rem;
}
.top-14 {
    top: 3.5rem;
}
.top-2 {
    top: 0.5rem;
}
.top-2\.5 {
    top: 0.625rem;
}
.top-3 {
    top: 0.75rem;
}
.top-4 {
    top: 1rem;
}
.top-5 {
    top: 1.25rem;
}
.top-6 {
    top: 1.5rem;
}
.top-8 {
    top: 2rem;
}
.top-\[50\%\] {
    top: 50%;
}
.top-\[55px\] {
    top: 55px;
}
.-z-10 {
    z-index: -10;
}
.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-\[1001\] {
    z-index: 1001;
}
.z-\[9979\] {
    z-index: 9979;
}
.z-\[9989\] {
    z-index: 9989;
}
.z-\[9999\] {
    z-index: 9999;
}
.z-\[999\] {
    z-index: 999;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-full {
    grid-column: 1/-1;
}
.-mb-5 {
    margin-bottom: -1.25rem;
}
.-mr-2 {
    margin-right: -0.5rem;
}
.-mr-2\.5 {
    margin-right: -0.625rem;
}
.mb-\[--header-margin\] {
    margin-bottom: var(--header-margin);
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.mr-3 {
    margin-right: 0.75rem;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-20 {
    margin-top: 5rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-7 {
    margin-top: 1.75rem;
}
.mt-\[--footer-margin\] {
    margin-top: var(--footer-margin);
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.grid {
    display: grid;
}
.hidden {
    display: none;
}
.aspect-square {
    aspect-ratio: 1/1;
}
.h-0 {
    height: 0;
}
.h-0\.5 {
    height: 0.125rem;
}
.h-1 {
    height: 0.25rem;
}
.h-1\.5 {
    height: 0.375rem;
}
.h-10 {
    height: 2.5rem;
}
.h-11 {
    height: 2.75rem;
}
.h-12 {
    height: 3rem;
}
.h-14 {
    height: 3.5rem;
}
.h-16 {
    height: 4rem;
}
.h-2 {
    height: 0.5rem;
}
.h-20 {
    height: 5rem;
}
.h-3 {
    height: 0.75rem;
}
.h-4 {
    height: 1rem;
}
.h-5 {
    height: 1.25rem;
}
.h-6 {
    height: 1.5rem;
}
.h-8 {
    height: 2rem;
}
.h-\[--header-height\] {
    height: var(--header-height);
}
.h-\[100dvh\] {
    height: 100dvh;
}
.h-\[102px\] {
    height: 102px;
}
.h-\[104px\] {
    height: 104px;
}
.h-\[106px\] {
    height: 106px;
}
.h-\[130px\] {
    height: 130px;
}
.h-\[132px\] {
    height: 132px;
}
.h-\[18px\] {
    height: 18px;
}
.h-\[2\.25rem\] {
    height: 2.25rem;
}
.h-\[207px\] {
    height: 207px;
}
.h-\[20px\] {
    height: 20px;
}
.h-\[222\.8px\] {
    height: 222.8px;
}
.h-\[22px\] {
    height: 22px;
}
.h-\[230px\] {
    height: 230px;
}
.h-\[240px\] {
    height: 240px;
}
.h-\[26px\] {
    height: 26px;
}
.h-\[287px\] {
    height: 287px;
}
.h-\[30px\] {
    height: 30px;
}
.h-\[34px\] {
    height: 34px;
}
.h-\[42px\] {
    height: 42px;
}
.h-\[441px\] {
    height: 441px;
}
.h-\[44px\] {
    height: 44px;
}
.h-\[45px\] {
    height: 45px;
}
.h-\[48px\] {
    height: 48px;
}
.h-\[492px\] {
    height: 492px;
}
.h-\[511px\] {
    height: 511px;
}
.h-\[52px\] {
    height: 52px;
}
.h-\[54px\] {
    height: 54px;
}
.h-\[5px\] {
    height: 5px;
}
.h-\[63px\] {
    height: 63px;
}
.h-\[64px\] {
    height: 64px;
}
.h-\[84px\] {
    height: 84px;
}
.h-\[88px\] {
    height: 88px;
}
.h-\[900px\] {
    height: 900px;
}
.h-\[calc\(100\%-80px\)\] {
    height: calc(100% - 80px);
}
.h-auto {
    height: auto;
}
.h-full {
    height: 100%;
}
.h-max {
    height: -moz-max-content;
    height: max-content;
}
.max-h-\[18px\] {
    max-height: 18px;
}
.max-h-\[441px\] {
    max-height: 441px;
}
.min-h-0 {
    min-height: 0;
}
.min-h-\[133px\] {
    min-height: 133px;
}
.min-h-\[200px\] {
    min-height: 200px;
}
.min-h-\[30px\] {
    min-height: 30px;
}
.min-h-\[40vh\] {
    min-height: 40vh;
}
.min-h-\[80vh\] {
    min-height: 80vh;
}
.min-h-\[42px\] {
    min-height: 42px;
}
.min-h-\[54px\] {
    min-height: 54px;
}
.min-h-\[60px\] {
    min-height: 60px;
}
.w-0 {
    width: 0;
}
.w-1\/12 {
    width: 8.333333%;
}
.w-1\/2 {
    width: 50%;
}
.w-10 {
    width: 2.5rem;
}
.w-11 {
    width: 2.75rem;
}
.w-12 {
    width: 3rem;
}
.w-14 {
    width: 3.5rem;
}
.w-16 {
    width: 4rem;
}
.w-20 {
    width: 5rem;
}
.w-3 {
    width: 0.75rem;
}
.w-4 {
    width: 1rem;
}
.w-48 {
    width: 12rem;
}
.w-5 {
    width: 1.25rem;
}
.w-6 {
    width: 1.5rem;
}
.w-8 {
    width: 2rem;
}
.w-\[100px\] {
    width: 100px;
}
.w-\[103px\] {
    width: 103px;
}
.w-\[124px\] {
    width: 124px;
}
.w-\[132px\] {
    width: 132px;
}
.w-\[16\%\] {
    width: 16%;
}
.w-\[187px\] {
    width: 200px;
}
.w-\[190px\] {
    width: 190px;
}
.w-\[191px\] {
    width: 191px;
}
.w-\[2\.25rem\] {
    width: 2.25rem;
}
.w-\[206px\] {
    width: 206px;
}
.w-\[20px\] {
    width: 20px;
}
.w-\[22px\] {
    width: 22px;
}
.w-\[240px\] {
    width: 240px;
}
.w-\[250px\] {
    width: 250px;
}
.w-\[264px\] {
    width: 264px;
}
.w-\[270px\] {
    width: 270px;
}
.w-\[280px\] {
    width: 280px;
}
.w-\[320px\] {
    width: 320px;
}
.w-\[337px\] {
    width: 337px;
}
.w-\[33px\] {
    width: 33px;
}
.w-\[34px\] {
    width: 34px;
}
.w-\[428px\] {
    width: 428px;
}
.w-\[42px\] {
    width: 42px;
}
.w-\[460px\] {
    width: 460px;
}
.w-\[590px\] {
    width: 590px;
}
.w-\[690px\] {
    width: 690px;
}
.w-\[52px\] {
    width: 52px;
}
.w-\[53px\] {
    width: 53px;
}
.w-\[54px\] {
    width: 54px;
}
.w-\[63px\] {
    width: 63px;
}
.w-\[64px\] {
    width: 64px;
}
.w-\[79px\] {
    width: 79px;
}
.w-\[84px\] {
    width: 84px;
}
.w-\[866px\] {
    width: 866px;
}
.w-\[88px\] {
    width: 88px;
}
.w-auto {
    width: auto;
}
.w-full {
    width: 100%;
}
.w-max {
    width: -moz-max-content;
    width: max-content;
}
.min-w-\[--item-width\] {
    min-width: var(--item-width);
}
.min-w-\[106px\] {
    min-width: 106px;
}
.min-w-\[180px\] {
    min-width: 180px;
}
.min-w-\[185px\] {
    min-width: 185px;
}
.min-w-\[201px\] {
    min-width: 201px;
}
.min-w-\[300px\] {
    min-width: 300px;
}
.min-w-\[34px\] {
    min-width: 34px;
}
.min-w-\[44px\] {
    min-width: 44px;
}
.min-w-\[62px\] {
    min-width: 62px;
}
.min-w-\[9\.75rem\] {
    min-width: 9.75rem;
}
.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content;
}
.max-w-\[--max-content-width\] {
    max-width: var(--max-content-width);
}
.max-w-\[--max-page-width\] {
    max-width: var(--max-page-width);
}
.max-w-\[1040px\] {
    max-width: 1040px;
}
.max-w-\[138px\] {
    max-width: 138px;
}
.max-w-\[185px\] {
    max-width: 185px;
}
.max-w-\[1920px\] {
    max-width: 1920px;
}
.max-w-\[195px\] {
    max-width: 195px;
}
.max-w-\[200px\] {
    max-width: 200px;
}
.max-w-\[201px\] {
    max-width: 201px;
}
.max-w-\[260px\] {
    max-width: 260px;
}
.max-w-\[34px\] {
    max-width: 34px;
}
.max-w-\[350px\] {
    max-width: 350px;
}
.max-w-\[364px\] {
    max-width: 364px;
}
.max-w-\[366px\] {
    max-width: 366px;
}
.max-w-\[460px\] {
    max-width: 460px;
}
.max-w-\[525px\] {
    max-width: 525px;
}
.max-w-\[calc\(100vw-20px\)\] {
    max-width: calc(100vw - 20px);
}
.max-w-lg {
    max-width: 32rem;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0;
}
.flex-grow,
.grow {
    flex-grow: 1;
}
.origin-center {
    transform-origin: center;
}
.origin-left {
    transform-origin: left;
}
.-translate-x-0 {
    --tw-translate-x: -0px;
}
.-translate-x-0,
.-translate-x-0\.5 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-0\.5 {
    --tw-translate-x: -0.125rem;
}
.-translate-y-0 {
    --tw-translate-y: -0px;
}
.-translate-y-0,
.-translate-y-0\.5 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0\.5 {
    --tw-translate-y: -0.125rem;
}
.-translate-y-5 {
    --tw-translate-y: -1.25rem;
}
.-translate-y-5,
.translate-x-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
}
.translate-y-2 {
    --tw-translate-y: 0.5rem;
}
.translate-y-2,
.translate-y-2\.5 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2\.5 {
    --tw-translate-y: 0.625rem;
}
.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
}
.-rotate-12,
.translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-12 {
    --tw-rotate: -12deg;
}
.-rotate-45 {
    --tw-rotate: -45deg;
}
.-rotate-45,
.-rotate-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
    --tw-rotate: -90deg;
}
.-rotate-\[135deg\] {
    --tw-rotate: -135deg;
}
.-rotate-\[135deg\],
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
    --tw-rotate: 180deg;
}
.rotate-45 {
    --tw-rotate: 45deg;
}
.rotate-45,
.rotate-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
    --tw-rotate: 90deg;
}
.rotate-\[135deg\] {
    --tw-rotate: 135deg;
}
.rotate-\[135deg\],
.rotate-\[25deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[25deg\] {
    --tw-rotate: 25deg;
}
.rotate-\[35deg\] {
    --tw-rotate: 35deg;
}
.rotate-\[35deg\],
.rotate-\[360deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[360deg\] {
    --tw-rotate: 360deg;
}
.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
}
.scale-110,
.scale-125 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
}
.scale-50 {
    --tw-scale-x: 0.5;
    --tw-scale-y: 0.5;
}
.scale-50,
.scale-75 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75 {
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75;
}
.scale-\[\.8\] {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
}
.scale-\[0\.8\],
.scale-\[\.8\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.8\] {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
}
.scale-\[1\.39\] {
    --tw-scale-x: 1.39;
    --tw-scale-y: 1.39;
}
.scale-\[1\.39\],
.scale-\[1\.49\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.49\] {
    --tw-scale-x: 1.49;
    --tw-scale-y: 1.49;
}
.-scale-x-100 {
    --tw-scale-x: -1;
}
.-scale-x-100,
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-appear-fade {
    animation: appear-fade 0.3s ease-out forwards;
}
@keyframes bg-disappear {
    0% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.animate-bg-disappear {
    animation: bg-disappear 4s ease-out;
}
@keyframes bounce {
    0%,
    to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}
.animate-bounce {
    animation: bounce 1s infinite;
}
@keyframes brightness-shine {
    0% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.8;
    }
}
.animate-brightness-shine {
    animation: brightness-shine 2.5s ease-in-out infinite;
}
@keyframes loader-dash {
    0% {
        stroke-dasharray: 0, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 140, 150;
        stroke-dashoffset: -50;
    }
    to {
        stroke-dasharray: 140, 150;
        stroke-dashoffset: -145;
    }
}
@keyframes loader-rotate {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.animate-loader {
    animation: loader-dash 2s ease infinite, loader-rotate 2s linear infinite;
}
@keyframes modal-fade {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.animate-modal-fade {
    animation: modal-fade 0.3s ease-out forwards;
}
.animate-none {
    animation: none;
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}
.animate-spin {
    animation: spin 1s linear infinite;
}
.animate-text-shine {
    animation: text-shine 12s linear infinite;
}
.cursor-auto {
    cursor: auto;
}
.cursor-pointer {
    cursor: pointer;
}
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.resize-none {
    resize: none;
}
.resize {
    resize: both;
}
.list-none {
    list-style-type: 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-\[1fr\2c 380px\] {
    grid-template-columns: 1fr 380px;
}
.grid-cols-\[1fr\2c auto\2c auto\] {
    grid-template-columns: 1fr auto auto;
}
.grid-cols-\[200px\2c 1fr\] {
    grid-template-columns: 200px 1fr;
}
.grid-rows-\[--card-height\2c auto\] {
    grid-template-rows: var(--card-height, auto);
}
.grid-rows-\[1fr\2c auto\] {
    grid-template-rows: 1fr auto;
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-0 {
    gap: 0;
}
.gap-0\.5 {
    gap: 0.125rem;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-1\.5 {
    gap: 0.375rem;
}
.gap-10 {
    gap: 2.5rem;
}
.gap-12 {
    gap: 3rem;
}
.gap-14 {
    gap: 3.5rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-20 {
    gap: 5rem;
}
.gap-3 {
    gap: 0.75rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-\[--items-gap\] {
    gap: var(--items-gap);
}
.gap-\[28px\] {
    gap: 28px;
}
.gap-px {
    gap: 1px;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-scroll {
    overflow: scroll;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.overscroll-contain {
    overscroll-behavior: contain;
}
.whitespace-normal {
    white-space: normal;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.rounded-2xl {
    border-radius: calc(var(--radius) + 4px);
}
.rounded-3xl {
    border-radius: calc(var(--radius) + 6px);
}
.rounded-\[100\%\] {
    border-radius: 100%;
}
.rounded-\[28px\] {
    border-radius: 28px;
}
.rounded-\[42px\] {
    border-radius: 42px;
}
.rounded-\[4px\] {
    border-radius: 4px;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: var(--radius);
}
.rounded-md {
    border-radius: calc(var(--radius) - 2px);
}
.rounded-none {
    border-radius: 0;
}
.rounded-sm {
    border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
    border-radius: calc(var(--radius) + 2px);
}
.rounded-xs {
    border-radius: calc(var(--radius) - 6px);
}
.rounded-b-xs {
    border-bottom-right-radius: calc(var(--radius) - 6px);
    border-bottom-left-radius: calc(var(--radius) - 6px);
}
.rounded-l-lg {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
}
.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.rounded-r-lg {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}
.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}
.rounded-t-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
    border-top-right-radius: calc(var(--radius) - 4px);
}
.rounded-t-xs {
    border-top-left-radius: calc(var(--radius) - 6px);
    border-top-right-radius: calc(var(--radius) - 6px);
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0;
}
.border-2 {
    border-width: 2px;
}
.border-none {
    border-style: none;
}
.border-dark-1 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--dark-1) / var(--tw-border-opacity));
}
.border-dark-2 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--dark-2) / var(--tw-border-opacity));
}
.border-dark-3 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--dark-3) / var(--tw-border-opacity));
}
.bg-\[\#0A0E1A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 14 26 / var(--tw-bg-opacity));
}
.bg-\[\#131930\] {
    --tw-bg-opacity: 1;
    background-color: rgb(19 25 48 / var(--tw-bg-opacity));
}
.bg-\[\#403d3a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(64 61 58 / var(--tw-bg-opacity));
}
.bg-\[\#463766\] {
    --tw-bg-opacity: 1;
    background-color: rgb(70 55 102 / var(--tw-bg-opacity));
}
.bg-\[\#7736DF4D\] {
    background-color: #7736df4d;
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/40 {
    background-color: rgba(0, 0, 0, 0.4);
}
.bg-black\/80 {
    background-color: rgba(0, 0, 0, 0.8);
}
.bg-dark-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-1) / var(--tw-bg-opacity));
}
.bg-dark-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-2) / var(--tw-bg-opacity));
}
.bg-dark-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-3) / var(--tw-bg-opacity));
}
.bg-dark-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-4) / var(--tw-bg-opacity));
}
.bg-dark-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-bg) / var(--tw-bg-opacity));
}
.bg-light-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--light-1) / var(--tw-bg-opacity));
}
.bg-light-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--light-2) / var(--tw-bg-opacity));
}
.bg-light-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--light-3) / var(--tw-bg-opacity));
}
.bg-pink-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--pink-2) / var(--tw-bg-opacity));
}
.bg-pink-2\/60 {
    background-color: rgb(var(--pink-2) / 0.6);
}
.bg-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--purple) / var(--tw-bg-opacity));
}
.bg-purple\/20 {
    background-color: rgb(var(--purple) / 0.2);
}
.bg-red\/10 {
    background-color: rgb(var(--red) / 0.1);
}
.bg-transparent {
    background-color: transparent;
}
.bg-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--yellow) / var(--tw-bg-opacity));
}
.bg-yellow\/10 {
    background-color: rgb(var(--yellow) / 0.1);
}
.bg-opacity-30 {
    --tw-bg-opacity: 0.3;
}
.bg-\[conic-gradient\(from_180deg_at_50\.32\%_50\%\2c \#7E32DE_44\.75364446640015deg\2c \#2C5EDE_184\.3730092048645deg\2c \#BC7DE4_300\.36501455307007deg\2c \#7E32DE_360deg\)\] {
    background-image: conic-gradient(from 180deg at 50.32% 50%, #7e32de 44.75364446640015deg, #2c5ede 184.3730092048645deg, #bc7de4 300.36501455307007deg, #7e32de 1turn);
}
.bg-gradient-badge {
    background-image: var(--gradient-badge-default);
}
.bg-gradient-orange {
    background-image: var(--gradient-orange);
}
.bg-gradient-purple {
    background-image: var(--gradient-purple);
}
.bg-gradient-text {
    background-image: var(--gradient-text);
}
.bg-gradient-text-yellow {
    background-image: var(--gradient-text-yellow);
}
.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-none {
    background-image: none;
}
.from-dark-1 {
    --tw-gradient-from: rgb(var(--dark-1) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--dark-1) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-dark-3 {
    --tw-gradient-from: rgb(var(--dark-3) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--dark-3) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[rgba\(39_43_76\)\] {
    --tw-gradient-to: #272b4c var(--tw-gradient-to-position);
}
.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}
.fill-light-2 {
    fill: rgb(var(--light-2) / 1);
}
.fill-none {
    fill: none;
}
.stroke-light-3 {
    stroke: rgb(var(--light-3) / 1);
}
.stroke-2 {
    stroke-width: 2;
}
.stroke-\[2\.5\] {
    stroke-width: 2.5;
}
.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}
.p-0 {
    padding: 0;
}
.p-0\.5 {
    padding: 0.125rem;
}
.p-1 {
    padding: 0.25rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-8 {
    padding: 2rem;
}
.p-\[--main-padding\] {
    padding: var(--main-padding);
}
.p-px {
    padding: 1px;
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.py-\[--header-padding-y\] {
    padding-top: var(--header-padding-y);
    padding-bottom: var(--header-padding-y);
}
.py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px;
}
.py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.pb-0 {
    padding-bottom: 0;
}
.pb-1 {
    padding-bottom: 0.25rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pb-20 {
    padding-bottom: 5rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pl-6 {
    padding-left: 1.5rem;
}
.pl-8 {
    padding-left: 2rem;
}
.pr-0 {
    padding-right: 0;
}
.pr-11 {
    padding-right: 2.75rem;
}
.pr-6 {
    padding-right: 1.5rem;
}
.pt-0 {
    padding-top: 0;
}
.pt-3 {
    padding-top: 0.75rem;
}
.pt-5 {
    padding-top: 1.25rem;
}
.pt-7 {
    padding-top: 1.75rem;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.font-inter {
    font-family: var(--font-inter);
}
.\!text-\[28px\] {
    font-size: 28px !important;
}
.\!text-\[54px\] {
    font-size: 54px !important;
}
.text-2xl {
    font-size: 16px;
    line-height: 2rem;
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-\[28px\] {
    font-size: 28px;
}
.text-\[32px\] {
    font-size: 32px;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.font-bold {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-semibold {
    font-weight: 600;
}
.lowercase {
    text-transform: lowercase;
}
.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);
}
.leading-120 {
    line-height: 120%;
}
.leading-160 {
    line-height: 160%;
}
.leading-none {
    line-height: 1;
}
.tracking-tight {
    letter-spacing: -0.025em;
}
.text-dark-bg {
    --tw-text-opacity: 1;
    color: rgb(var(--dark-bg) / var(--tw-text-opacity));
}
.text-green {
    --tw-text-opacity: 1;
    color: rgb(var(--green) / var(--tw-text-opacity));
}
.text-light-1 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-1) / var(--tw-text-opacity));
}
.text-light-2 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-2) / var(--tw-text-opacity));
}
.text-light-3 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-3) / var(--tw-text-opacity));
}
.text-purple {
    --tw-text-opacity: 1;
    color: rgb(var(--purple) / var(--tw-text-opacity));
}
.text-red {
    --tw-text-opacity: 1;
    color: rgb(var(--red) / var(--tw-text-opacity));
}
.text-transparent {
    color: transparent;
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow {
    --tw-text-opacity: 1;
    color: rgb(var(--yellow) / var(--tw-text-opacity));
}
.underline {
    text-decoration-line: underline;
}
.opacity-0 {
    opacity: 0;
}
.opacity-100 {
    opacity: 1;
}
.opacity-30 {
    opacity: 0.3;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-80 {
    opacity: 0.8;
}
.shadow-\[0px_0px_12px_0px_rgba\(119\2c 54\2c 223\2c 0\.20\)\] {
    --tw-shadow: 0px 0px 12px 0px rgba(119, 54, 223, 0.2);
    --tw-shadow-colored: 0px 0px 12px 0px var(--tw-shadow-color);
}
.shadow-\[0px_0px_12px_0px_rgba\(119\2c 54\2c 223\2c 0\.20\)\],
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
}
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background));
}
.blur {
    --tw-blur: blur(8px);
}
.blur,
.blur-\[0\.4rem\] {
    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);
}
.blur-\[0\.4rem\] {
    --tw-blur: blur(0.4rem);
}
.blur-lg {
    --tw-blur: blur(16px);
}
.blur-lg,
.blur-md {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-md {
    --tw-blur: blur(12px);
}
.blur-sm {
    --tw-blur: blur(4px);
}
.blur-sm,
.drop-shadow-\[0px_2px_6px_\#0C101F\] {
    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-\[0px_2px_6px_\#0C101F\] {
    --tw-drop-shadow: drop-shadow(0px 2px 6px #0c101f);
}
.drop-shadow-\[0px_5px_10px_0px_rgba\(12\2c 16\2c 31\2c 0\.50\)\] {
    --tw-drop-shadow: drop-shadow(0px 5px 10px 0px rgba(12, 16, 31, 0.5));
}
.drop-shadow-\[0px_5px_10px_0px_rgba\(12\2c 16\2c 31\2c 0\.50\)\],
.hue-rotate-30 {
    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);
}
.hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(30deg);
}
.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);
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-none {
    transition-property: none;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.\!duration-1000 {
    transition-duration: 1s !important;
}
.duration-1000 {
    transition-duration: 1s;
}
.duration-200 {
    transition-duration: 0.2s;
}
.duration-2000 {
    transition-duration: 2s;
}
.duration-300 {
    transition-duration: 0.3s;
}
.duration-500 {
    transition-duration: 0.5s;
}
.duration-700 {
    transition-duration: 0.7s;
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    }
}
@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    }
}
.\!duration-1000 {
    animation-duration: 1s !important;
}
.duration-1000 {
    animation-duration: 1s;
}
.duration-200 {
    animation-duration: 0.2s;
}
.duration-2000 {
    animation-duration: 2s;
}
.duration-300 {
    animation-duration: 0.3s;
}
.duration-500 {
    animation-duration: 0.5s;
}
.duration-700 {
    animation-duration: 0.7s;
}
.ease-in-out {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.running {
    animation-play-state: running;
}
.radial-mask-gradient {
    -webkit-mask-image: radial-gradient(#000, transparent 75%);
    mask-image: radial-gradient(#000, transparent 75%);
}
.input-outer {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--dark-3) / var(--tw-border-opacity));
    outline-style: solid;
    outline-width: 0;
    outline-color: transparent;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.input-outer:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(var(--input-focus-border-color) / var(--tw-border-opacity));
    outline-width: 4px;
    outline-color: rgb(var(--input-outline-color) / 1);
}
.card-bg-gradient:before {
    content: "";
    position: absolute;
    z-index: -10;
    aspect-ratio: 1/1 !important;
    width: 100%;
    --tw-rotate: 300deg;
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-blur: blur(12px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.card-bg-gradient {
    position: relative;
    overflow: hidden;
    background-color: transparent;
}
.text-gradient-bg-size {
    background-size: 350% 350%;
    background-position: -350%;
    -webkit-background-clip: text;
    background-clip: text;
}
.placeholder\:text-light-1::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--light-1) / var(--tw-text-opacity));
}
.placeholder\:text-light-1::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--light-1) / var(--tw-text-opacity));
}
.placeholder\:opacity-20::-moz-placeholder {
    opacity: 0.2;
}
.placeholder\:opacity-20::placeholder {
    opacity: 0.2;
}
.placeholder\:opacity-30::-moz-placeholder {
    opacity: 0.3;
}
.placeholder\:opacity-30::placeholder {
    opacity: 0.3;
}
.placeholder\:\!transition-all::-moz-placeholder {
    -moz-transition-property: all !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 0.15s !important;
}
.placeholder\:\!transition-all::placeholder {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 0.15s !important;
}
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
}
.before\:-top-1:before {
    content: var(--tw-content);
    top: -0.25rem;
}
.before\:-top-1\.5:before {
    content: var(--tw-content);
    top: -0.375rem;
}
.before\:left-0:before {
    content: var(--tw-content);
    left: 0;
}
.before\:right-0:before {
    content: var(--tw-content);
    right: 0;
}
.before\:-z-10:before {
    content: var(--tw-content);
    z-index: -10;
}
.before\:h-1:before {
    content: var(--tw-content);
    height: 0.25rem;
}
.before\:h-1\.5:before {
    content: var(--tw-content);
    height: 0.375rem;
}
.before\:bg-dark-bg:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-bg) / var(--tw-bg-opacity));
}
.before\:bg-gradient-badge:before {
    content: var(--tw-content);
    background-image: var(--gradient-badge-default);
}
.before\:bg-gradient-badge-orange:before {
    content: var(--tw-content);
    background-image: var(--gradient-badge-orange);
}
.after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
}
.after\:inset-px:after {
    content: var(--tw-content);
    inset: 1px;
}
.after\:-right-2:after {
    content: var(--tw-content);
    right: -0.5rem;
}
.after\:right-0:after {
    content: var(--tw-content);
    right: 0;
}
.after\:z-0:after {
    content: var(--tw-content);
    z-index: 0;
}
.after\:aspect-square:after {
    content: var(--tw-content);
    aspect-ratio: 1/1;
}
.after\:h-3:after {
    content: var(--tw-content);
    height: 0.75rem;
}
.after\:h-4:after {
    content: var(--tw-content);
    height: 1rem;
}
.after\:w-3:after {
    content: var(--tw-content);
    width: 0.75rem;
}
.after\:w-4:after {
    content: var(--tw-content);
    width: 1rem;
}
.after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 9999px;
}
.after\:rounded-lg:after {
    content: var(--tw-content);
    border-radius: var(--radius);
}
.after\:bg-\[\#463766\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(70 55 102 / var(--tw-bg-opacity));
}
.after\:bg-\[\#BC7DE4\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(188 125 228 / var(--tw-bg-opacity));
}
.after\:bg-dark-1:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-1) / var(--tw-bg-opacity));
}
.after\:content-\[\"\"\]:after,
.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
}
.last-of-type\:mr-0:last-of-type {
    margin-right: 0;
}
.last-of-type\:pb-6:last-of-type {
    padding-bottom: 1.5rem;
}
.hover\:-translate-y-0:hover {
    --tw-translate-y: -0px;
}
.hover\:-translate-y-0:hover,
.hover\:-translate-y-0\.5:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
}
.hover\:rotate-45:hover {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-dark-3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-3) / var(--tw-bg-opacity));
}
.hover\:text-light-2:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--light-2) / var(--tw-text-opacity));
}
.hover\:no-underline:hover {
    text-decoration-line: none;
}
.hover\:opacity-100:hover {
    opacity: 1;
}
.hover\:opacity-60:hover {
    opacity: 0.6;
}
.hover\:opacity-80:hover {
    opacity: 0.8;
}
.hover\:placeholder\:opacity-30:hover::-moz-placeholder {
    opacity: 0.3;
}
.hover\:placeholder\:opacity-30:hover::placeholder {
    opacity: 0.3;
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
}
.active\:rotate-90:active {
    --tw-rotate: 90deg;
}
.active\:rotate-90:active,
.active\:scale-90:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-90:active {
    --tw-scale-x: 0.9;
    --tw-scale-y: 0.9;
}
.active\:scale-95:active {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:opacity-60:active {
    opacity: 0.6;
}
.active\:opacity-80:active {
    opacity: 0.8;
}
.disabled\:pointer-events-none:disabled {
    pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}
.disabled\:opacity-40:disabled {
    opacity: 0.4;
}
.disabled\:opacity-50:disabled {
    opacity: 0.5;
}
.group:hover .group-hover\:border-dark-4,
.group\/selection-button:hover .group-hover\/selection-button\:border-dark-4 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--dark-4) / var(--tw-border-opacity));
}
.group:hover .group-hover\:opacity-60 {
    opacity: 0.6;
}
.group.toaster .group-\[\.toaster\]\:rounded-lg {
    border-radius: var(--radius);
}
.group.toaster .group-\[\.toaster\]\:border-none {
    border-style: none;
}
.group.toaster .group-\[\.toaster\]\:bg-dark-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-2) / var(--tw-bg-opacity));
}
.group.toaster .group-\[\.toaster\]\:p-5 {
    padding: 1.25rem;
}
.group.toaster .group-\[\.toaster\]\:font-inter {
    font-family: var(--font-inter);
}
.group.toast .group-\[\.toast\]\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.group.toast .group-\[\.toast\]\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.group.toast .group-\[\.toast\]\:font-semibold {
    font-weight: 600;
}
.group.toast .group-\[\.toast\]\:leading-160 {
    line-height: 160%;
}
.group.toast .group-\[\.toast\]\:text-light-1 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-1) / var(--tw-text-opacity));
}
.group.toast .group-\[\.toast\]\:text-light-2 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-2) / var(--tw-text-opacity));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
    cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
    opacity: 0.7;
}
.data-\[active\=true\]\:pointer-events-none[data-active="true"],
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"],
.data-\[is-loading\=true\]\:pointer-events-none[data-is-loading="true"],
.data-\[is-pending\=true\]\:pointer-events-none[data-is-pending="true"],
.data-\[show\=false\]\:pointer-events-none[data-show="false"] {
    pointer-events: none;
}
.data-\[is-editing\=true\]\:pointer-events-auto[data-is-editing="true"] {
    pointer-events: auto;
}
.data-\[modal\=true\]\:static[data-modal="true"] {
    position: static;
}
.data-\[is-markdown\=true\]\:right-0[data-is-markdown="true"] {
    right: 0;
}
.data-\[show\=false\]\:h-0[data-show="false"] {
    height: 0;
}
.data-\[is-fullscreen\=true\]\:min-h-\[10vh\][data-is-fullscreen="true"] {
    min-height: 10vh;
}
.data-\[modal\=true\]\:w-full[data-modal="true"] {
    width: 100%;
}
.data-\[show\=false\]\:translate-y-3[data-show="false"],
.data-\[switching\=true\]\:translate-y-3[data-switching="true"] {
    --tw-translate-y: 0.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
.data-\[is-editing\=true\]\:animate-pulse[data-is-editing="true"] {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes appear-fade {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.data-\[state\=active\]\:animate-appear-fade[data-state="active"] {
    animation: appear-fade 0.3s ease-out forwards;
}
.data-\[from-modal\=true\]\:\!flex-col[data-from-modal="true"] {
    flex-direction: column !important;
}
.data-\[from-modal\=true\]\:\!items-start[data-from-modal="true"] {
    align-items: flex-start !important;
}
.data-\[is-markdown\=true\]\:gap-3[data-is-markdown="true"] {
    gap: 0.75rem;
}
.data-\[is-activated\=true\]\:rounded-b-xs[data-is-activated="true"] {
    border-bottom-right-radius: calc(var(--radius) - 6px);
    border-bottom-left-radius: calc(var(--radius) - 6px);
}
.data-\[active\=false\]\:bg-transparent[data-active="false"] {
    background-color: transparent;
}
.data-\[active\=true\]\:bg-\[\#463766\][data-active="true"] {
    --tw-bg-opacity: 1;
    background-color: rgb(70 55 102 / var(--tw-bg-opacity));
}
.data-\[front\=false\]\:\!bg-dark-1[data-front="false"] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--dark-1) / var(--tw-bg-opacity)) !important;
}
.data-\[state\=active\]\:bg-dark-3[data-state="active"] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--dark-3) / var(--tw-bg-opacity));
}
.data-\[gold\=true\]\:to-\[rgba\(47_49_61\)\][data-gold="true"] {
    --tw-gradient-to: #2f313d var(--tw-gradient-to-position);
}
.data-\[state\=active\]\:\!fill-light-1[data-state="active"] {
    fill: rgb(var(--light-1) / 1) !important;
}
.data-\[active\=false\]\:text-light-3[data-active="false"] {
    --tw-text-opacity: 1;
    color: rgb(var(--light-3) / var(--tw-text-opacity));
}
.data-\[active\=true\]\:text-light-1[data-active="true"],
.data-\[state\=active\]\:text-light-1[data-state="active"] {
    --tw-text-opacity: 1;
    color: rgb(var(--light-1) / var(--tw-text-opacity));
}
.data-\[active\=true\]\:\!opacity-50[data-active="true"] {
    opacity: 0.5 !important;
}
.data-\[claimed\=true\]\:opacity-50[data-claimed="true"],
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: 0.5;
}
.data-\[failed\=true\]\:opacity-30[data-failed="true"] {
    opacity: 0.3;
}
.data-\[fetching\=true\]\:opacity-70[data-fetching="true"] {
    opacity: 0.7;
}
.data-\[is-fetching\=true\]\:opacity-50[data-is-fetching="true"] {
    opacity: 0.5;
}
.data-\[is-fetching\=true\]\:opacity-70[data-is-fetching="true"] {
    opacity: 0.7;
}
.data-\[is-loading\=true\]\:opacity-50[data-is-loading="true"],
.data-\[is-pending\=true\]\:opacity-50[data-is-pending="true"] {
    opacity: 0.5;
}
.data-\[no-balance\=true\]\:opacity-40[data-no-balance="true"] {
    opacity: 0.4;
}
.data-\[show\=false\]\:opacity-0[data-show="false"] {
    opacity: 0;
}
.data-\[statistics-loading\=false\]\:opacity-100[data-statistics-loading="false"] {
    opacity: 1;
}
.data-\[switching\=true\]\:\!opacity-0[data-switching="true"],
.data-\[unavailable\=true\]\:\!opacity-0[data-unavailable="true"] {
    opacity: 0 !important;
}
.data-\[visible\=false\]\:opacity-0[data-visible="false"] {
    opacity: 0;
}
.data-\[unavailable\=false\]\:transition-all[data-unavailable="false"] {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
    animation-name: enter;
    animation-duration: 0.15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation-name: exit;
    animation-duration: 0.15s;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: 0.95;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
    --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
    --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
    --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
    --tw-enter-translate-y: -48%;
}
.group\/controls[data-visible="false"] .group-data-\[visible\=false\]\/controls\:pointer-events-none {
    pointer-events: none;
}
.group\/card[data-current="true"] .group-data-\[current\=true\]\/card\:bottom-1 {
    bottom: 0.25rem;
}
.group[data-from-modal="true"] .group-data-\[from-modal\=true\]\:w-full {
    width: 100%;
}
.group[data-active="false"] .group-data-\[active\=false\]\:translate-y-4 {
    --tw-translate-y: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/card[data-next="true"] .group-data-\[next\=true\]\/card\:\!-translate-y-2 {
    --tw-translate-y: -0.5rem !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.group\/selection-button[data-is-active="false"] .group-data-\[is-active\=false\]\/selection-button\:scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/selection-button[data-is-active="false"] .group-data-\[is-active\=false\]\/selection-button\:scale-90 {
    --tw-scale-x: 0.9;
    --tw-scale-y: 0.9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-active="true"] .group-data-\[active\=true\]\:animate-text-shine {
    animation: text-shine 12s linear infinite;
}
@keyframes text-shine {
    0% {
        background-position: 350%;
    }
    to {
        background-position: -350%;
    }
}
.group\/selection-button[data-is-active="true"] .group-data-\[is-active\=true\]\/selection-button\:animate-text-shine {
    animation: text-shine 12s linear infinite;
}
.group\/markdown[data-is-markdown="true"] .group-data-\[is-markdown\=true\]\/markdown\:flex-row {
    flex-direction: row;
}
.group[data-modal="true"] .group-data-\[modal\=true\]\:justify-end {
    justify-content: flex-end;
}
.group\/markdown[data-is-markdown="true"] .group-data-\[is-markdown\=true\]\/markdown\:justify-between {
    justify-content: space-between;
}
.group[data-active="true"] .group-data-\[active\=true\]\:bg-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--purple) / var(--tw-bg-opacity));
}
.group[data-active="true"] .group-data-\[active\=true\]\:bg-gradient-text,
.group\/selection-button[data-is-active="true"] .group-data-\[is-active\=true\]\/selection-button\:bg-gradient-text {
    background-image: var(--gradient-text);
}
.group[data-active="true"] .group-data-\[active\=true\]\:bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}
.group\/markdown[data-is-markdown="true"] .group-data-\[is-markdown\=true\]\/markdown\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.group[data-active="false"] .group-data-\[active\=false\]\:text-light-2 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-2) / var(--tw-text-opacity));
}
.group[data-active="true"] .group-data-\[active\=true\]\:text-light-1 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-1) / var(--tw-text-opacity));
}
.group[data-active="true"] .group-data-\[active\=true\]\:text-transparent {
    color: transparent;
}
.group\/selection-button[data-is-active="false"] .group-data-\[is-active\=false\]\/selection-button\:text-light-2 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-2) / var(--tw-text-opacity));
}
.group\/selection-button[data-is-active="false"] .group-data-\[is-active\=false\]\/selection-button\:text-light-3 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-3) / var(--tw-text-opacity));
}
.group\/selection-button[data-is-active="true"] .group-data-\[is-active\=true\]\/selection-button\:text-light-1 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-1) / var(--tw-text-opacity));
}
.group\/selection-button[data-is-active="true"] .group-data-\[is-active\=true\]\/selection-button\:text-light-2 {
    --tw-text-opacity: 1;
    color: rgb(var(--light-2) / var(--tw-text-opacity));
}
.group\/selection-button[data-is-active="true"] .group-data-\[is-active\=true\]\/selection-button\:text-transparent {
    color: transparent;
}
.group[data-active="true"] .group-data-\[active\=true\]\:opacity-100 {
    opacity: 1;
}
.group\/selection-button[data-is-active="false"] .group-data-\[is-active\=false\]\/selection-button\:brightness-90 {
    --tw-brightness: brightness(0.9);
    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);
}
.group\/selection-button[data-is-active="false"] .group-data-\[is-active\=false\]\/selection-button\: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);
}
@media not all and (min-width: 1439px) {
    .max-lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
}
@media not all and (min-width: 1080px) {
    .max-md\:pointer-events-auto {
        pointer-events: auto;
    }
    .max-md\:mr-0 {
        margin-right: 0;
    }
    .max-md\:hidden {
        display: none;
    }
    .max-md\:min-h-0 {
        min-height: 0;
    }
    .max-md\:w-full {
        width: 100%;
    }
    .max-md\:scale-\[1\.45\] {
        --tw-scale-x: 1.45;
        --tw-scale-y: 1.45;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .max-md\:text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
    }
    .max-md\:opacity-60 {
        opacity: 0.6;
    }
}
@media not all and (min-width: 767px) {
    .max-sm\:pointer-events-auto {
        pointer-events: auto;
    }
    .max-sm\:-bottom-10 {
        bottom: -2.5rem;
    }
    .max-sm\:-bottom-2 {
        bottom: -2.5rem;
    }
    .max-sm\:-left-16 {
        left: -6rem;
    }
    .max-sm\:-left-24 {
        left: -6rem;
    }
    .max-sm\:-left-8 {
        left: -2rem;
    }
    .max-sm\:-right-1\/2 {
        right: -50%;
    }
    .max-sm\:bottom-2 {
        bottom: 0.5rem;
    }
    .max-sm\:right-8 {
        right: 7rem;
    }
    .max-sm\:-order-1 {
        order: -1;
    }
    .max-sm\:col-auto {
        grid-column: auto;
    }
    .max-sm\:-mx-32 {
        margin-left: -8rem;
        margin-right: -8rem;
    }
    .max-sm\:-mb-5 {
        margin-bottom: -1.25rem;
    }
    .max-sm\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .max-sm\:mt-0 {
        margin-top: 0;
    }
    .max-sm\:mt-8 {
        margin-top: 2rem;
    }
    .max-sm\:block {
        display: block;
    }
    .max-sm\:hidden {
        display: none;
    }
    .max-sm\:h-\[140px\] {
        height: 140px;
    }
    .max-sm\:h-\[300px\] {
        height: 300px;
    }
    .max-sm\:h-\[48px\] {
        height: 48px;
    }
    .max-sm\:h-\[64px\] {
        height: 64px;
    }
    .max-sm\:h-\[68px\] {
        height: 68px;
    }
    .max-sm\:h-auto {
        height: auto;
    }
    .max-sm\:h-full {
        height: 100%;
    }
    .max-sm\:max-h-none {
        max-height: none;
    }
    .max-sm\:w-\[100px\] {
        width: 100px;
    }
    .max-sm\:w-\[140px\] {
        width: 140px;
    }
    .max-sm\:w-\[300px\] {
        width: 300px;
    }
    .max-sm\:w-\[48px\] {
        width: 48px;
    }
    .max-sm\:w-\[64px\] {
        width: 64px;
    }
    .max-sm\:w-full {
        width: 100%;
    }
    .max-sm\:w-max {
        width: -moz-max-content;
        width: max-content;
    }
    .max-sm\:w-screen {
        width: 100vw;
    }
    .max-sm\:min-w-\[120px\] {
        min-width: 120px;
    }
    .max-sm\:max-w-\[300px\] {
        max-width: 300px;
    }
    .max-sm\:max-w-\[80vw\] {
        max-width: 80vw;
    }
    .max-sm\:max-w-none {
        max-width: none;
    }
    .max-sm\:-translate-x-10 {
        --tw-translate-x: -2.5rem;
    }
    .max-sm\:-translate-x-10,
    .max-sm\:-translate-x-5 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .max-sm\:-translate-x-5 {
        --tw-translate-x: -1.25rem;
    }
    .max-sm\:-rotate-12 {
        --tw-rotate: -12deg;
    }
    .max-sm\:-rotate-12,
    .max-sm\:rotate-90 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .max-sm\:rotate-90 {
        --tw-rotate: 90deg;
    }
    .max-sm\:\!scale-75 {
        --tw-scale-x: 0.75 !important;
        --tw-scale-y: 0.75 !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }
    .max-sm\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
    }
    .max-sm\:scale-125,
    .max-sm\:scale-\[\.45\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .max-sm\:scale-\[\.45\] {
        --tw-scale-x: 0.45;
        --tw-scale-y: 0.45;
    }
    .max-sm\:-scale-x-100 {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    @keyframes modal-up {
        0% {
            transform: translateY(100%);
        }
        to {
            transform: translateY(0);
        }
    }
    .max-sm\:animate-modal-up {
        animation: modal-up 0.3s ease-out;
    }
    .max-sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-sm\:grid-rows-\[auto\2c auto\2c auto\] {
        grid-template-rows: auto auto auto;
    }
    .max-sm\:grid-rows-\[auto\2c auto\] {
        grid-template-rows: auto auto;
    }
    .max-sm\:flex-row {
        flex-direction: row;
    }
    .max-sm\:flex-col {
        flex-direction: column;
    }
    .max-sm\:items-start {
        align-items: flex-start;
    }
    .max-sm\:items-center {
        align-items: center;
    }
    .max-sm\:\!justify-start {
        justify-content: flex-start !important;
    }
    .max-sm\:justify-start {
        justify-content: flex-start;
    }
    .max-sm\:justify-center {
        justify-content: center;
    }
    .max-sm\:justify-between {
        justify-content: space-between;
    }
    .max-sm\:gap-0 {
        gap: 0;
    }
    .max-sm\:gap-12 {
        gap: 3rem;
    }
    .max-sm\:gap-16 {
        gap: 4rem;
    }
    .max-sm\:gap-4 {
        gap: 1rem;
    }
    .max-sm\:gap-5 {
        gap: 1.25rem;
    }
    .max-sm\:gap-8 {
        gap: 2rem;
    }
    .max-sm\:overflow-visible {
        overflow: visible;
    }
    .max-sm\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .max-sm\:rounded-t-lg {
        border-top-left-radius: var(--radius);
        border-top-right-radius: var(--radius);
    }
    .max-sm\:bg-transparent {
        background-color: transparent;
    }
    .max-sm\:p-0 {
        padding: 0;
    }
    .max-sm\:p-5 {
        padding: 1.25rem;
    }
    .max-sm\:p-6 {
        padding: 1.5rem;
    }
    .max-sm\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .max-sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .max-sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .max-sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .max-sm\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .max-sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .max-sm\:pb-1 {
        padding-bottom: 0.25rem;
    }
    .max-sm\:pb-10 {
        padding-bottom: 2.5rem;
    }
    .max-sm\:pb-3 {
        padding-bottom: 0.75rem;
    }
    .max-sm\:pb-6 {
        padding-bottom: 1.5rem;
    }
    .max-sm\:pl-6 {
        padding-left: 1.5rem;
    }
    .max-sm\:pr-\[3rem\] {
        padding-right: 3rem;
    }
    .max-sm\:pt-0 {
        padding-top: 0;
    }
    .max-sm\:pt-6 {
        padding-top: 1.5rem;
    }
    .max-sm\:pt-7 {
        padding-top: 1.75rem;
    }
    .max-sm\:text-center {
        text-align: center;
    }
    .max-sm\:text-start {
        text-align: start;
    }
    .max-sm\:\!text-\[40px\] {
        font-size: 40px !important;
    }
    .max-sm\:text-\[28px\] {
        font-size: 28px;
    }
    .max-sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .max-sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .max-sm\:opacity-30 {
        opacity: 0.3;
    }
    .max-sm\:after\:hidden:after {
        content: var(--tw-content);
        display: none;
    }
    .data-\[active\=true\]\:max-sm\:mb-0[data-active="true"] {
        margin-bottom: 0;
    }
    .data-\[visible-mobile\=false\]\:max-sm\:hidden[data-visible-mobile="false"] {
        display: none;
    }
    .data-\[failed\=true\]\:max-sm\:flex-col[data-failed="true"] {
        flex-direction: column;
    }
    .data-\[add-space\=true\]\:max-sm\:pb-24[data-add-space="true"] {
        padding-bottom: 6rem;
    }
    .group[data-failed="true"] .group-data-\[failed\=true\]\:max-sm\:h-\[44px\] {
        height: 44px;
    }
    .group[data-failed="true"] .group-data-\[failed\=true\]\:max-sm\:w-\[44px\] {
        width: 44px;
    }
}
@media (max-width: 330px) {
    .max-\[330px\]\:h-auto {
        height: auto;
    }
    .max-\[330px\]\:max-h-none {
        max-height: none;
    }
}
@media (min-width: 767px) {
    .sm\:mt-10 {
        margin-top: 2.5rem;
    }
    .sm\:h-full {
        height: 100%;
    }
    .sm\:scale-75 {
        --tw-scale-x: 0.75;
        --tw-scale-y: 0.75;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    @keyframes brightness-shine {
        0% {
            opacity: 0.8;
        }
        50% {
            opacity: 1;
        }
        to {
            opacity: 0.8;
        }
    }
    .sm\:animate-brightness-shine {
        animation: brightness-shine 2.5s ease-in-out infinite;
    }
    @keyframes modal-sheet {
        0% {
            transform: translateX(100%);
        }
        to {
            transform: translateX(0);
        }
    }
    .sm\:animate-modal-sheet {
        animation: modal-sheet 0.4s ease;
    }
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:justify-end {
        justify-content: flex-end;
    }
    .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:rounded-lg {
        border-radius: var(--radius);
    }
    .sm\:border-l {
        border-left-width: 1px;
    }
    .sm\:bg-dark-bg {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--dark-bg) / var(--tw-bg-opacity));
    }
    .sm\:p-8 {
        padding: 2rem;
    }
    .sm\:pl-\[10rem\] {
        padding-left: 10rem;
    }
    .sm\:text-left {
        text-align: left;
    }
    .group.toaster .group-\[\.toaster\]\:sm\:w-\[340px\] {
        width: 340px;
    }
    .data-\[is-markdown\=true\]\:sm\:absolute[data-is-markdown="true"] {
        position: absolute;
    }
    .data-\[visible-desktop\=false\]\:sm\:hidden[data-visible-desktop="false"] {
        display: none;
    }
    .data-\[is-markdown\=true\]\:sm\:w-\[380px\][data-is-markdown="true"] {
        width: 380px;
    }
}
@media (min-width: 1080px) {
    .md\:hidden {
        display: none;
    }
}
.\[\&\>\*\]\:pointer-events-auto > * {
    pointer-events: auto;
}
.\[\&\>\*\]\:z-10 > * {
    z-index: 10;
}
@keyframes icon-spin {
    0% {
        opacity: 0;
        transform: rotate(-180deg);
    }
    50% {
        opacity: 0.8;
        transform: rotate(0);
    }
    to {
        opacity: 1;
        transform: rotate(180deg);
    }
}
.\[\&\>svg\]\:animate-icon-spin > svg {
    animation: icon-spin 3s ease;
}
.\[\&\>svg_path\]\:\!fill-light-3 > svg path {
    fill: rgb(var(--light-3) / 1) !important;
}
.\[\&\>svg_path\]\:fill-\[var\(--colour\)\] > svg path {
    fill: var(--colour);
}
.\[\&\>svg_path\]\:fill-dark-bg > svg path {
    fill: rgb(var(--dark-bg) / 1);
}
.\[\&\>svg_path\]\:fill-light-1 > svg path {
    fill: rgb(var(--light-1) / 1);
}
.\[\&\>svg_path\]\:fill-light-2 > svg path {
    fill: rgb(var(--light-2) / 1);
}
.\[\&\>svg_path\]\:fill-light-3 > svg path {
    fill: rgb(var(--light-3) / 1);
}
.\[\&\>svg_path\]\:fill-red > svg path {
    fill: rgb(var(--red) / 1);
}
.\[\&\>svg_path\]\:fill-yellow > svg path {
    fill: rgb(var(--yellow) / 1);
}
.\[\&\>svg_path\]\:transition-all > svg path {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.\[\&\>svg_path\]\:transition-colors > svg path {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.\[\&\>svg_path\]\:duration-200 > svg path {
    transition-duration: 0.2s;
}
.\[\&\>svg_path\]\:duration-300 > svg path {
    transition-duration: 0.3s;
}
.\[\&\>svg_path\]\:duration-200 > svg path {
    animation-duration: 0.2s;
}
.\[\&\>svg_path\]\:duration-300 > svg path {
    animation-duration: 0.3s;
}
.\[\&\>svg_path\]\:hover\:\!fill-\[var\(--colour\)\]:hover > svg path {
    fill: var(--colour) !important;
}
.\[\&\>svg_path\]\:hover\:fill-light-2:hover > svg path {
    fill: rgb(var(--light-2) / 1);
}
.\[\&\>svg_path\]\:data-\[active\=true\]\:\!fill-purple[data-active="true"] > svg path {
    fill: rgb(var(--purple) / 1) !important;
}
.group[data-active="true"] .group-data-\[active\=true\]\:\[\&\>svg_path\]\:fill-light-1 > svg path {
    fill: rgb(var(--light-1) / 1);
}
.\[\&_\*\]\:pointer-events-none * {
    pointer-events: none;
}
.\[\&_path\]\:\!fill-light-3 path {
    fill: rgb(var(--light-3) / 1) !important;
}
.\[\&_path\]\:\!fill-none path {
    fill: none !important;
}
.\[\&_path\]\:\!fill-transparent path {
    fill: transparent !important;
}
.\[\&_path\]\:fill-\[\#BC7DE4\] path,
.\[\&_path\]\:fill-\[rgba\(188\2c 125\2c 228\2c 1\)\] path {
    fill: #bc7de4;
}
.\[\&_path\]\:fill-dark-bg path {
    fill: rgb(var(--dark-bg) / 1);
}
.\[\&_path\]\:fill-green path {
    fill: rgb(var(--green) / 1);
}
.\[\&_path\]\:fill-light-1 path {
    fill: rgb(var(--light-1) / 1);
}
.\[\&_path\]\:fill-light-2 path {
    fill: rgb(var(--light-2) / 1);
}
.\[\&_path\]\:fill-light-3 path {
    fill: rgb(var(--light-3) / 1);
}
.\[\&_path\]\:fill-red path {
    fill: rgb(var(--red) / 1);
}
.\[\&_path\]\:fill-white path {
    fill: #fff;
}
.\[\&_path\]\:fill-yellow path {
    fill: rgb(var(--yellow) / 1);
}
.\[\&_path\]\:\!stroke-dark-bg path {
    stroke: rgb(var(--dark-bg) / 1) !important;
}
.\[\&_path\]\:stroke-dark-bg path {
    stroke: rgb(var(--dark-bg) / 1);
}
.\[\&_path\]\:stroke-light-1 path {
    stroke: rgb(var(--light-1) / 1);
}
.\[\&_path\]\:stroke-light-2 path {
    stroke: rgb(var(--light-2) / 1);
}
.\[\&_path\]\:stroke-light-3 path {
    stroke: rgb(var(--light-3) / 1);
}
.\[\&_path\]\:stroke-white path {
    stroke: #fff;
}
.\[\&_path\]\:transition-colors path {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.\[\&_path\]\:data-\[active\=false\]\:fill-light-3[data-active="false"] path {
    fill: rgb(var(--light-3) / 1);
}
.\[\&_path\]\:data-\[active\=true\]\:fill-light-1[data-active="true"] path {
    fill: rgb(var(--light-1) / 1);
}
.group[data-active="true"] .\[\&_path\]\:group-data-\[active\=true\]\:fill-\[\#BC7DE4\] path {
    fill: #bc7de4;
}
.group\/selection-button[data-is-active="true"] .\[\&_path\]\:group-data-\[is-active\=true\]\/selection-button\:fill-yellow path {
    fill: rgb(var(--yellow) / 1);
}
.group[data-active="true"] .group-data-\[active\=true\]\:\[\&_path\]\:\!fill-yellow path {
    fill: rgb(var(--yellow) / 1) !important;
}
.group\/selection-button[data-is-active="false"] .group-data-\[is-active\=false\]\/selection-button\:\[\&_path\]\:fill-light-2 path {
    fill: rgb(var(--light-2) / 1);
}
.\[\&_rect\]\:fill-dark-1 rect {
    fill: rgb(var(--dark-1) / 1);
}
.\[\&_svg_path\]\:fill-light-3 svg path {
    fill: rgb(var(--light-3) / 1);
}
.\[\&_svg_path\]\:stroke-light-3 svg path {
    stroke: rgb(var(--light-3) / 1);
}
.\[\&_svg_path\]\:transition-all svg path {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.\[\&_svg_path\]\:data-\[state\=active\]\:fill-light-1[data-state="active"] svg path {
    fill: rgb(var(--light-1) / 1);
}

.liveContainer {
    overflow-x: hidden;
}
.burger-btn {
    display: none;
}

.modal {
    display: none;
}

.modal-content {
    position: absolute;
    bottom: 0;
}

.faq-modal {
    display: none;
}

.faq-mobile {
    display: none;
}

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

@media(max-width:769px) {
    .nav-btn {
        display: none;
    }

    .burger-btn {
        display: flex;
    }

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

@media(max-width:1800px) {
    .faq-pc {
        display: none;
    }

    .faq-mobile {
        display: flex;
    }
}