@font-face{
    font-family:__minecrafter_9095e8;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/1bdd4f40b9a06f8e-s.p.ttf) format("truetype");
    font-display:swap
}
@font-face{
    font-family:__minecrafter_Fallback_9095e8;
    src:local("Arial");
    ascent-override:52.20%;
    descent-override:17.40%;
    line-gap-override:0.00%;
    size-adjust:143.67%
}
@font-face{
    font-family:__satoshi_000962;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/d9396795aa5ec363-s.p.woff2) format("woff2");
    font-display:swap
}
@font-face{
    font-family:__satoshi_Fallback_000962;
    src:local("Arial");
    ascent-override:92.36%;
    descent-override:21.95%;
    line-gap-override:9.14%;
    size-adjust:109.35%
}
.__variable_000962{
    --font-satoshi:"__satoshi_000962","__satoshi_Fallback_000962"
}
@font-face{
    font-family:__League_Spartan_c9ae48;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/9445aca19675892f-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:__League_Spartan_c9ae48;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/5e24ed3b309e571b-s.woff2) format("woff2");
    unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:__League_Spartan_c9ae48;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/ae0a0c671023eecc-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+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}
@font-face{
    font-family:__League_Spartan_Fallback_c9ae48;
    src:local("Arial");
    ascent-override:75.36%;
    descent-override:23.69%;
    line-gap-override:0.00%;
    size-adjust:92.88%
}
.__variable_c9ae48{
    --font-league:"__League_Spartan_c9ae48","__League_Spartan_Fallback_c9ae48"
}
@font-face{
    font-family:__IBM_Plex_Mono_134341;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/ebec2867f40f78ec-s.woff2) format("woff2");
    unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}
@font-face{
    font-family:__IBM_Plex_Mono_134341;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/d607327a37a507c7-s.woff2) format("woff2");
    unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}
@font-face{
    font-family:__IBM_Plex_Mono_134341;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/2e1b830192b7974a-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:__IBM_Plex_Mono_134341;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/3aa27b2eb5f698f7-s.woff2) format("woff2");
    unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:__IBM_Plex_Mono_134341;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/3478b6abef19b3b3-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+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}
@font-face{
    font-family:__IBM_Plex_Mono_Fallback_134341;
    src:local("Arial");
    ascent-override:75.41%;
    descent-override:20.23%;
    line-gap-override:0.00%;
    size-adjust:135.93%
}
.__variable_134341{
    --font-ibm-mono:"__IBM_Plex_Mono_134341","__IBM_Plex_Mono_Fallback_134341"
}
@font-face{
    font-family:__Abhaya_Libre_3df482;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/9b174b79d9b4926c-s.woff2) format("woff2");
    unicode-range:U+0964-0965,U+0d81-0df4,U+1cf2,U+200c-200d,U+25cc,U+111e1-111f4
}
@font-face{
    font-family:__Abhaya_Libre_3df482;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/a111c6b042c5fbde-s.woff2) format("woff2");
    unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:__Abhaya_Libre_3df482;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/34b8cd6f73814ef9-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+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}
@font-face{
    font-family:__Abhaya_Libre_Fallback_3df482;
    src:local("Times New Roman");
    ascent-override:83.07%;
    descent-override:33.61%;
    line-gap-override:0.00%;
    size-adjust:101.10%
}
.__variable_3df482{
    --font-abhaya-libre:"__Abhaya_Libre_3df482","__Abhaya_Libre_Fallback_3df482"
}
@font-face{
    font-family:__Inter_9c5a89;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");
    unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}
@font-face{
    font-family:__Inter_9c5a89;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");
    unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}
@font-face{
    font-family:__Inter_9c5a89;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");
    unicode-range:U+1f??
}
@font-face{
    font-family:__Inter_9c5a89;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/581909926a08bbc8-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_9c5a89;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/df0a9ae256c0569c-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_9c5a89;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");
    unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:__Inter_9c5a89;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/a34f9d1faa5f3315-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+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}
@font-face{
    font-family:__Inter_Fallback_9c5a89;
    src:local("Arial");
    ascent-override:90.20%;
    descent-override:22.48%;
    line-gap-override:0.00%;
    size-adjust:107.40%
}
.__variable_9c5a89{
    --font-inter:"__Inter_9c5a89","__Inter_Fallback_9c5a89"
}
@font-face{
    font-family:__clashgrotesque_fcb321;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/2defacfe99ea98a7-s.p.ttf) format("truetype");
    font-display:swap;
    font-weight:200;
    font-style:normal
}
@font-face{
    font-family:__clashgrotesque_fcb321;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/a56b0bad0a9c15c5-s.p.ttf) format("truetype");
    font-display:swap;
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:__clashgrotesque_fcb321;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/a67842dcf2b02ee1-s.p.ttf) format("truetype");
    font-display:swap;
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:__clashgrotesque_fcb321;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/79b0b8d331399fbc-s.p.ttf) format("truetype");
    font-display:swap;
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:__clashgrotesque_fcb321;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/912259ad1b96823d-s.p.ttf) format("truetype");
    font-display:swap;
    font-weight:600;
    font-style:normal
}
@font-face{
    font-family:__clashgrotesque_fcb321;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/adfc329328a6b0e8-s.p.ttf) format("truetype");
    font-display:swap;
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:__clashgrotesque_Fallback_fcb321;
    src:local("Arial");
    ascent-override:92.12%;
    descent-override:25.88%;
    line-gap-override:9.32%;
    size-adjust:96.61%
}
.__variable_fcb321{
    --font-cg:"__clashgrotesque_fcb321","__clashgrotesque_Fallback_fcb321"
}
@font-face{
    font-family:Satoshi-Variable;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Variable.d9396795.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Variable.5fada1b1.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Variable.867bce6e.ttf) format("truetype");
    font-weight:300 900;
    font-display:swap;
    font-style:normal
}
@font-face{
    font-family:Satoshi-VariableItalic;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-VariableItalic.7c85d340.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-VariableItalic.08edfc72.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-VariableItalic.675122d2.ttf) format("truetype");
    font-weight:300 900;
    font-display:swap;
    font-style:italic
}
@font-face{
    font-family:Satoshi-Light;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Light.d3f699ab.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Light.ce217c5d.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Light.121b151d.ttf) format("truetype");
    font-weight:300;
    font-display:swap;
    font-style:normal
}
@font-face{
    font-family:Satoshi-LightItalic;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-LightItalic.0d87c97a.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-LightItalic.51efbee6.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-LightItalic.58b0e971.ttf) format("truetype");
    font-weight:300;
    font-display:swap;
    font-style:italic
}
@font-face{
    font-family:Satoshi-Regular;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Regular.b1dca2a5.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Regular.bb2accee.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Regular.a12eb4fb.ttf) format("truetype");
    font-weight:400;
    font-display:swap;
    font-style:normal
}
@font-face{
    font-family:Satoshi-Italic;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Italic.3eb4bb53.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Italic.43440d31.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Italic.84cd9c1d.ttf) format("truetype");
    font-weight:400;
    font-display:swap;
    font-style:italic
}
@font-face{
    font-family:Satoshi-Medium;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Medium.22539d17.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Medium.f3941e68.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Medium.8217b72e.ttf) format("truetype");
    font-weight:500;
    font-display:swap;
    font-style:normal
}
@font-face{
    font-family:Satoshi-MediumItalic;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-MediumItalic.17afee50.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-MediumItalic.5450477c.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-MediumItalic.14c46485.ttf) format("truetype");
    font-weight:500;
    font-display:swap;
    font-style:italic
}
@font-face{
    font-family:Satoshi-Bold;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Bold.12084922.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Bold.b28a04c4.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Bold.c60efc8f.ttf) format("truetype");
    font-weight:700;
    font-display:swap;
    font-style:normal
}
@font-face{
    font-family:Satoshi-BoldItalic;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-BoldItalic.e51fcc53.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-BoldItalic.b59cf06f.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-BoldItalic.c1d97e57.ttf) format("truetype");
    font-weight:700;
    font-display:swap;
    font-style:italic
}
@font-face{
    font-family:Satoshi-Black;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Black.c6d20a6b.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Black.28873509.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-Black.12d5a2e3.ttf) format("truetype");
    font-weight:900;
    font-display:swap;
    font-style:normal
}
@font-face{
    font-family:Satoshi-BlackItalic;
    src:url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-BlackItalic.5400951d.woff2) format("woff2"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-BlackItalic.22c3e8d9.woff) format("woff"),url(https://www.jointherealworld.com/checkout/_next/static/media/Satoshi-BlackItalic.33bc16b8.ttf) format("truetype");
    font-weight:900;
    font-display:swap;
    font-style:italic
}

*,:after,:before{
    box-sizing:border-box;
    border:0 solid #e5e7eb
}
:after,:before{
    --tw-content:""
}
:host,html{
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    font-family:var(--font-satoshi),system-ui;
    font-feature-settings:normal;
    font-variation-settings:normal;
    -webkit-tap-highlight-color:transparent
}
body{
    margin:0;
    line-height:inherit
}
abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
button{
    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{
    text-transform:none
}
[type=button],button{
    -webkit-appearance:button;
    background-color:transparent;
    background-image:none
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
p{
    margin:0
}
button{
    cursor:pointer
}
:disabled{
    cursor:default
}
img,svg{
    display:block;
    vertical-align:middle
}
img{
    max-width:100%;
    height:auto
}
:root{
    background-color:hsl(var(--b1)/var(--tw-bg-opacity,1));
    color:hsl(var(--bc)/var(--tw-text-opacity,1))
}
html{
    -webkit-tap-highlight-color:transparent
}
:root{
    --p:45 89% 51%;
    --pf:45 89% 44%;
    --sf:266 63% 45%;
    --af:45 89% 44%;
    --nf:0 0% 0%;
    --b1:100 0 0;
    --b2:0 0% 0%;
    --b3:0 0% 0%;
    --in:198 93% 60%;
    --wa:43 96% 56%;
    --bc:145 0% 78%;
    --sc:271 67% 90%;
    --ac:41 48% 13%;
    --nc:145 0% 78%;
    --inc:198 100% 12%;
    --suc:136 36% 88%;
    --wac:43 100% 11%;
    --erc:10 100% 92%;
    --rounded-box:1rem;
    --rounded-btn:0.5rem;
    --rounded-badge:1.9rem;
    --animation-btn:0.25s;
    --animation-input:.2s;
    --btn-text-case:uppercase;
    --btn-focus-scale:0.95;
    --border-btn:1px;
    --tab-border:1px;
    --tab-radius:0.5rem;
    --pc:208 24% 30%;
    --su:151 83% 34%;
    --er:0 90% 60%;
    --a:45 89% 51%;
    --s:266 63% 52%;
    --primary-gradient:linear-gradient(90.55deg,#e9b20a,#ffaa30 98.28%);
    --primary-gradient-for-chip:linear-gradient(99.43deg,#ffbc39 10.06%,#ff8d3a 104.9%);
    --shadow-glowy:0px 4px 50px 0px rgba(241,187,20,.39)
}
*,:after,:before{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: 
}
::backdrop{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: 
}
.btn:is(input[type=checkbox]),.btn:is(input[type=radio]){
    width:auto;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after{
    --tw-content:attr(aria-label);
    content:var(--tw-content)
}
.countdown>:before{
    position:relative;
    content:"00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
    white-space:pre;
    top:calc(var(--value) * -1em);
    text-align:center;
    transition:all 1s cubic-bezier(1,0,0,1)
}
.dropdown:is(:not(details)) .dropdown-content{
    visibility:hidden;
    opacity:0;
    transform-origin:top;
    --tw-scale-x:.95;
    --tw-scale-y:.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));
    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(.4,0,.2,1);
    transition-timing-function:cubic-bezier(0,0,.2,1);
    transition-duration:.2s
}
@media (hover:hover){
    .btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover{
        --tw-border-opacity:1;
        border-color:hsl(var(--pf)/var(--tw-border-opacity));
        --tw-bg-opacity:1;
        background-color:hsl(var(--pf)/var(--tw-bg-opacity))
    }
    :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{
        cursor:pointer;
        background-color:hsl(var(--bc)/.1);
        --tw-text-opacity:1;
        color:hsl(var(--bc)/var(--tw-text-opacity));
        outline:2px solid transparent;
        outline-offset:2px
    }
}
.dropdown:is(details) summary::-webkit-details-marker{
    display:none
}
.join :where(.join-item){
    border-start-end-radius:0;
    border-end-end-radius:0;
    border-end-start-radius:0;
    border-start-start-radius:0
}
.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item){
    border-end-start-radius:inherit;
    border-start-start-radius:inherit
}
.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item){
    border-start-end-radius:inherit;
    border-end-end-radius:inherit
}
@supports not selector(:has(*)){
    :where(.join *){
        border-radius:inherit
    }
}
@supports selector(:has(*)){
    :where(.join :has(.join-item)){
        border-radius:inherit
    }
}
.menu :where(li ul){
    position:relative;
    white-space:nowrap;
    margin-left:1rem;
    padding-left:.5rem
}
.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){
    display:grid;
    grid-auto-flow:column;
    align-content:flex-start;
    align-items:center;
    gap:.5rem;
    grid-auto-columns:minmax(auto,max-content) auto max-content;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){
    display:none
}
:where(.menu li){
    position:relative;
    display:flex;
    flex-shrink:0;
    flex-direction:column;
    flex-wrap:wrap;
    align-items:stretch
}
:where(.menu li) .badge{
    justify-self:end
}
.table :where(.table-pin-rows thead tr){
    position:sticky;
    top:0;
    z-index:1;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity))
}
.table :where(.table-pin-rows tfoot tr){
    position:sticky;
    bottom:0;
    z-index:1;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity))
}
.table :where(.table-pin-cols tr th){
    position:sticky;
    left:0;
    right:0;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity))
}
.btm-nav>:where(.active){
    border-top-width:2px;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity))
}
.btn:focus-visible{
    outline-style:solid;
    outline-width:2px;
    outline-offset:2px
}
.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{
    outline-style:solid;
    outline-width:2px;
    outline-color:hsl(var(--p)/1)
}
.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked){
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible{
    outline-color:hsl(var(--p)/1)
}
.card :where(figure:first-child){
    overflow:hidden;
    border-start-start-radius:inherit;
    border-start-end-radius:inherit;
    border-end-start-radius:unset;
    border-end-end-radius:unset
}
.card :where(figure:last-child){
    overflow:hidden;
    border-start-start-radius:unset;
    border-start-end-radius:unset;
    border-end-start-radius:inherit;
    border-end-end-radius:inherit
}
.card:focus-visible{
    outline:2px solid currentColor;
    outline-offset:2px
}
.card.image-full :where(figure){
    overflow:hidden;
    border-radius:inherit
}
.checkbox:focus-visible{
    outline-style:solid;
    outline-width:2px;
    outline-offset:2px;
    outline-color:hsl(var(--bc)/1)
}
.checkbox-accent:focus-visible{
    outline-color:hsl(var(--a)/1)
}
.join>:where(:not(:first-child)){
    margin-top:0;
    margin-bottom:0;
    margin-left:-1px
}
.link:focus-visible{
    outline:2px solid currentColor;
    outline-offset:2px
}
:where(.menu li:empty){
    background-color:hsl(var(--bc)/.1);
    margin:.5rem 1rem;
    height:1px
}
.menu :where(li ul):before{
    position:absolute;
    bottom:.75rem;
    left:0;
    top:.75rem;
    width:1px;
    background-color:hsl(var(--bc)/.1);
    content:""
}
.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){
    padding:.5rem 1rem;
    text-align:left;
    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(.4,0,.2,1);
    transition-timing-function:cubic-bezier(0,0,.2,1);
    transition-duration:.2s;
    border-radius:var(--rounded-btn,.5rem);
    text-wrap:balance
}
:where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,:where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):is(summary):not(.active):focus-visible,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active):focus{
    cursor:pointer;
    background-color:hsl(var(--bc)/.1);
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    outline:2px solid transparent;
    outline-offset:2px
}
.menu :where(li>details>summary)::-webkit-details-marker{
    display:none
}
.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after{
    justify-self:end;
    display:block;
    margin-top:-.5rem;
    height:.5rem;
    width:.5rem;
    transform:rotate(45deg);
    transition-property:transform,margin-top;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    content:"";
    transform-origin:75% 75%;
    box-shadow:2px 2px;
    pointer-events:none
}
.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after{
    transform:rotate(225deg);
    margin-top:0
}
.radio:focus-visible{
    outline-style:solid;
    outline-width:2px;
    outline-offset:2px;
    outline-color:hsl(var(--bc)/1)
}
.radio-primary:focus-visible{
    outline-color:hsl(var(--p)/1)
}
.table :where(th,td){
    padding:.75rem 1rem;
    vertical-align:middle
}
.table :where(thead,tbody) :where(tr:first-child:last-child),.table :where(thead,tbody) :where(tr:not(:last-child)){
    border-bottom-width:1px;
    --tw-border-opacity:1;
    border-bottom-color:hsl(var(--b2)/var(--tw-border-opacity))
}
.table :where(thead,tfoot){
    white-space:nowrap;
    font-size:.75rem;
    line-height:1rem;
    font-weight:700;
    color:hsl(var(--bc)/.6)
}
.btm-nav-xs>:where(.active){
    border-top-width:1px
}
.btm-nav-sm>:where(.active){
    border-top-width:2px
}
.btm-nav-md>:where(.active){
    border-top-width:2px
}
.btm-nav-lg>:where(.active){
    border-top-width:4px
}
.btn-square:where(.btn-lg){
    height:4rem;
    width:4rem;
    padding:0
}
.btn-circle:where(.btn-xs){
    height:1.5rem;
    width:1.5rem;
    border-radius:9999px;
    padding:0
}
.btn-circle:where(.btn-sm){
    height:2rem;
    width:2rem;
    border-radius:9999px;
    padding:0
}
.btn-circle:where(.btn-md){
    height:3rem;
    width:3rem;
    border-radius:9999px;
    padding:0
}
.btn-circle:where(.btn-lg){
    height:4rem;
    width:4rem;
    border-radius:9999px;
    padding:0
}
:where(.toast){
    bottom:0;
    left:auto;
    right:0;
    top:auto;
    --tw-translate-x:0px;
    --tw-translate-y:0px;
    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))
}
.toast:where(.toast-start){
    left:0;
    right:auto;
    --tw-translate-x:0px;
    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))
}
.toast:where(.toast-center){
    left:50%;
    right:50%;
    --tw-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))
}
.toast:where(.toast-end){
    left:auto;
    right:0;
    --tw-translate-x:0px;
    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))
}
.toast:where(.toast-bottom){
    bottom:0;
    top:auto;
    --tw-translate-y:0px;
    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))
}
.toast:where(.toast-middle){
    bottom:auto;
    top:50%;
    --tw-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))
}
.toast:where(.toast-top){
    bottom:auto;
    top:0;
    --tw-translate-y:0px;
    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))
}
.join.join-vertical>:where(:not(:first-child)){
    margin-left:0;
    margin-right:0;
    margin-top:-1px
}
.join.join-horizontal>:where(:not(:first-child)){
    margin-top:0;
    margin-bottom:0;
    margin-left:-1px
}
.tooltip:has(:focus-visible):after,.tooltip:has(:focus-visible):before{
    opacity:1;
    transition-delay:75ms
}
.pointer-events-none{
    pointer-events:none
}
.absolute{
    position:absolute
}
.relative{
    position:relative
}
.left-0{
    left:0
}
.left-4{
    left:1rem
}
.top-0{
    top:0
}
.top-3{
    top:.75rem
}
.z-0{
    z-index:0
}
.z-10{
    z-index:10
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.mb-4{
    margin-bottom:1rem
}
.mb-6{
    margin-bottom:1.5rem
}
.mb-8{
    margin-bottom:2rem
}
.mr-1{
    margin-right:.25rem
}
.ml-1{
    margin-left:.25rem
}
.ml-2{
    margin-left:.5rem
}
.ml-3{
    margin-left:.75rem
}
.mt-0{
    margin-top:0
}
.mt-2{
    margin-top:.5rem
}
.mt-4{
    margin-top:1rem
}
.mt-\[11px\]{
    margin-top:11px
}
.mt-\[25px\]{
    margin-top:25px
}
.mt-\[40px\]{
    margin-top:40px
}
.flex{
    display:flex
}
.inline-flex{
    display:inline-flex
}
.hidden{
    display:none
}
.h-8{
    height:2rem
}
.h-\[100\%\]{
    height:100%
}
.h-\[110px\]{
    height:110px
}
.h-\[32px\]{
    height:32px
}
.h-\[65px\]{
    height:65px
}
.h-\[800px\]{
    height:800px
}
.min-h-\[100vh\]{
    min-height:100vh
}
.w-8{
    width:2rem
}
.w-\[12px\]{
    width:12px
}
.w-\[300px\]{
    width:300px
}
.w-full{
    width:100%
}
.max-w-\[1024px\]{
    max-width:1024px
}
.max-w-\[1480px\]{
    max-width:1480px
}
.max-w-\[65px\]{
    max-width:65px
}
.max-w-full{
    max-width:100%
}
.flex-grow{
    flex-grow:1
}
.translate-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))
}
.translate-y-0{
    --tw-translate-y:0px
}
.translate-y-\[1px\]{
    --tw-translate-y:1px
}
.translate-y-\[1px\],.translate-y-\[5px\]{
    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-\[5px\]{
    --tw-translate-y:5px
}
.cursor-pointer{
    cursor:pointer
}
.flex-row{
    flex-direction:row
}
.flex-col{
    flex-direction:column
}
.items-start{
    align-items:flex-start
}
.items-end{
    align-items:flex-end
}
.items-center{
    align-items:center
}
.justify-center{
    justify-content:center
}
.justify-between{
    justify-content:space-between
}
.gap-2{
    gap:.5rem
}
.gap-3{
    gap:.75rem
}
.gap-4{
    gap:1rem
}
.gap-7{
    gap:1.75rem
}
.whitespace-nowrap{
    white-space:nowrap
}
.rounded-full{
    border-radius:9999px
}
.rounded-lg{
    border-radius:.5rem
}
.rounded-regular{
    border-radius:10px
}
.rounded-xl{
    border-radius:.75rem
}
.rounded-t-regular{
    border-top-left-radius:10px;
    border-top-right-radius:10px
}
.border-\[1px\]{
    border-width:1px
}
.border-\[\#3A4D5E\]{
    --tw-border-opacity:1;
    border-color:rgb(58 77 94/var(--tw-border-opacity))
}
.bg-\[\#060E15\]{
    --tw-bg-opacity:1;
    background-color:rgb(6 14 21/var(--tw-bg-opacity))
}
.bg-\[\#08111A\]{
    --tw-bg-opacity:1;
    background-color:rgb(8 17 26/var(--tw-bg-opacity))
}
.bg-\[\#0D1A25\]{
    --tw-bg-opacity:1;
    background-color:rgb(13 26 37/var(--tw-bg-opacity))
}
.bg-\[\#131B23\]{
    --tw-bg-opacity:1;
    background-color:rgb(19 27 35/var(--tw-bg-opacity))
}
.bg-\[\#142331\]{
    --tw-bg-opacity:1;
    background-color:rgb(20 35 49/var(--tw-bg-opacity))
}
.bg-\[\#343740\]{
    --tw-bg-opacity:1;
    background-color:rgb(52 55 64/var(--tw-bg-opacity))
}
.bg-primary-gradient-for-chip{
    background-image:var(--primary-gradient-for-chip)
}
.p-4{
    padding:1rem
}
.p-\[20px\]{
    padding:20px
}
.px-4{
    padding-left:1rem;
    padding-right:1rem
}
.py-2{
    padding-top:.5rem;
    padding-bottom:.5rem
}
.py-4{
    padding-top:1rem;
    padding-bottom:1rem
}
.pb-4{
    padding-bottom:1rem
}
.pl-\[23px\]{
    padding-left:23px
}
.pr-\[22px\]{
    padding-right:22px
}
.pt-\[44px\]{
    padding-top:44px
}
.text-center{
    text-align:center
}
.font-cg{
    font-family:var(--font-cg),serif
}
.font-inter{
    font-family:var(--font-inter),serif
}
.font-sans{
    font-family:var(--font-satoshi),system-ui
}
.text-\[12px\]{
    font-size:12px
}
.text-\[14px\]{
    font-size:14px
}
.text-\[16px\]{
    font-size:16px
}
.text-\[18px\]{
    font-size:18px
}
.text-\[20px\]{
    font-size:20px
}
.text-\[28px\]{
    font-size:28px
}
.text-\[38px\]{
    font-size:38px
}
.text-sm{
    font-size:.875rem;
    line-height:1.25rem
}
.font-bold{
    font-weight:700
}
.font-extrabold{
    font-weight:800
}
.font-medium{
    font-weight:500
}
.font-semibold{
    font-weight:600
}
.uppercase{
    text-transform:uppercase
}
.capitalize{
    text-transform:capitalize
}
.leading-\[14px\]{
    line-height:14px
}
.leading-\[16px\]{
    line-height:16px
}
.leading-\[18px\]{
    line-height:18px
}
.leading-\[20px\]{
    line-height:20px
}
.leading-\[38px\]{
    line-height:38px
}
.tracking-\[0\.1em\]{
    letter-spacing:.1em
}
.text-\[\#1B1E26\]{
    --tw-text-opacity:1;
    color:rgb(27 30 38/var(--tw-text-opacity))
}
.text-\[\#FFFFFF80\]{
    color:#ffffff80
}
.text-\[\#FFFFFFB2\]{
    color:#ffffffb2
}
.text-primary-content{
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-white\/50{
    color:hsla(0,0%,100%,.5)
}
.line-through{
    text-decoration-line:line-through
}
.opacity-5{
    opacity:.05
}
.opacity-50{
    opacity:.5
}
.opacity-75{
    opacity:.75
}
.transition-all{
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.duration-500{
    transition-duration:.5s
}
:root{
    --white-text:#fff;
    --white-text-transparent:rgba(#ffffff,0.71);
    color-scheme:dark
}
*{
    box-sizing:border-box;
    padding:0;
    margin:0
}
html{
    overflow-y:hidden
}
body,html{
    max-width:100vw;
    overflow-x:hidden;
    height:100vh
}
.glow{
    background:radial-gradient(42.52% 42.52% at 50% 26.25%,rgba(233,155,11,.452) 0,transparent 100%);
    opacity:.5;
    width:800px;
    height:600px;
    position:absolute;
    top:0;
    z-index:0;
    margin-top:-100px;
    left:calc(50% - 400px);
    pointer-events:none
}
.texture-text{
    background-color:#fff
}
.texture-text{
    background-image:url(https://www.jointherealworld.com/checkout/_next/static/media/text_texture.9a5aa96e.webp);
    -webkit-text-fill-color:transparent;
    background-position:50%;
    -webkit-background-clip:text;
    background-clip:text
}
.hover\:translate-y-\[-1px\]:hover{
    --tw-translate-y:-1px
}
.hover\:scale-105:hover,.hover\:translate-y-\[-1px\]: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\:scale-105:hover{
    --tw-scale-x:1.05;
    --tw-scale-y:1.05
}
.hover\:border-primary:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity))
}
.hover\:border-opacity-30:hover{
    --tw-border-opacity:0.3
}
.hover\:bg-primary:hover{
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity))
}
.hover\:text-black:hover{
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity))
}
.group:hover .group-hover\:text-black{
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity))
}
@media (min-width:768px){
    .md\:w-\[15px\]{
        width:15px
    }
    .md\:translate-y-0{
        --tw-translate-y:0px
    }
    .md\:translate-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))
    }
    .md\:items-center{
        align-items:center
    }
}
@media (min-width:1024px){
    .lg\:mx-0{
        margin-left:0;
        margin-right:0
    }
    .lg\:ml-3{
        margin-left:.75rem
    }
    .lg\:ml-4{
        margin-left:1rem
    }
    .lg\:mt-20{
        margin-top:5rem
    }
    .lg\:mt-6{
        margin-top:1.5rem
    }
    .lg\:block{
        display:block
    }
    .lg\:grid{
        display:grid
    }
    .lg\:h-\[105px\]{
        height:105px
    }
    .lg\:h-auto{
        height:auto
    }
    .lg\:w-full{
        width:100%
    }
    .lg\:max-w-\[105px\]{
        max-width:105px
    }
    .lg\:grid-cols-3{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .lg\:flex-row{
        flex-direction:row
    }
    .lg\:justify-start{
        justify-content:flex-start
    }
    .lg\:pl-4{
        padding-left:1rem
    }
    .lg\:pr-4{
        padding-right:1rem;
    }
    .lg\:text-left{
        text-align:left
    }
    .lg\:text-\[14px\]{
        font-size:14px
    }
    .lg\:text-\[16px\]{
        font-size:16px
    }
    .lg\:text-\[20px\]{
        font-size:20px
    }
    .lg\:text-\[22px\]{
        font-size:22px
    }
    .lg\:text-\[24px\]{
        font-size:24px
    }
    .lg\:text-\[25px\]{
        font-size:25px
    }
    .lg\:text-\[30px\]{
        font-size:30px
    }
    .lg\:text-\[60px\]{
        font-size:60px
    }
    .lg\:leading-\[20px\]{
        line-height:20px
    }
    .lg\:leading-\[22px\]{
        line-height:22px
    }
    .lg\:leading-\[25px\]{
        line-height:25px
    }
    .lg\:leading-\[30px\]{
        line-height:30px
    }
    .lg\:leading-\[60px\]{
        line-height:60px
    }
}
@media (min-width:1280px){
    .xl\:block{
        display:block
    }
    .xl\:flex-row{
        flex-direction:row
    }
    .xl\:px-4{
        padding-left:1rem;
        padding-right:1rem
    }
}
@media (min-width:1536px){
    .\32xl\:flex{
        display:flex
    }
    .\32xl\:hidden{
        display:none
    }
}


.button-active {
    /* Simulate hover:translate-y-[-1px] */
    transform: translateY(-1px) scale(1.05) rotate(0deg) skewX(0deg) skewY(0deg);
  
    /* Simulate hover:scale-105 */
    /* Already included in transform above */
  
    /* Simulate hover:border-primary */
    border-color: hsl(45 89% 51%); /* Change this if your primary is different */
  
    /* Simulate hover:bg-primary */
    background-color: hsl(45 89% 51%); /* Same as above */
  
    /* Simulate hover:text-black */
    color: rgb(0, 0, 0);
  
    /* Optional: to make sure it matches other buttons */
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.5rem;
    transition: all 0.5s;
  }