/*
! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
*/

@media (min-width:1350px) {
    .md\:order-2 {
        order: 2
    }
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }
    .md\:col-span-3 {
        grid-column: span 3/span 3
    }
    .md\:col-span-6 {
        grid-column: span 6/span 6
    }
    .md\:col-span-8 {
        grid-column: span 8/span 8
    }
    .md\:col-span-9 {
        grid-column: span 9/span 9
    }
    .md\:col-span-full {
        grid-column: 1/-1
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .md\:mx-24 {
        margin-left: 6rem;
        margin-right: 6rem
    }
    .md\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }
    .md\:mx-\[311px\] {
        margin-left: 311px;
        margin-right: 311px
    }
    .md\:mx-\[40px\] {
        margin-left: 40px;
        margin-right: 40px
    }
    .md\:my-\[29px\] {
        margin-top: 29px;
        margin-bottom: 29px
    }
    .md\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .md\:mb-0 {
        margin-bottom: 0
    }
    .md\:mb-4 {
        margin-bottom: 1rem
    }
    .md\:mb-8 {
        margin-bottom: 2rem
    }
    .md\:mb-9 {
        margin-bottom: 2.25rem
    }
    .md\:mb-\[138px\] {
        margin-bottom: 138px
    }
    .md\:mb-\[144px\] {
        margin-bottom: 144px
    }
    .md\:mb-\[32px\] {
        margin-bottom: 32px
    }
    .md\:ml-0 {
        margin-left: 0
    }
    .md\:ml-16 {
        margin-left: 4rem
    }
    .md\:ml-5 {
        margin-left: 1.25rem
    }
    .md\:ml-\[20px\] {
        margin-left: 20px
    }
    .md\:ml-auto {
        margin-left: auto
    }
    .md\:mr-32 {
        margin-right: 8rem
    }
    .md\:mr-5 {
        margin-right: 1.25rem
    }
    .md\:mr-\[20px\] {
        margin-right: 20px
    }
    .md\:mt-0 {
        margin-top: 0
    }
    .md\:mt-4 {
        margin-top: 1rem
    }
    .md\:mt-5 {
        margin-top: 1.25rem
    }
    .md\:mt-6 {
        margin-top: 1.5rem
    }
    .md\:mt-8 {
        margin-top: 2rem
    }
    .md\:mt-\[107px\] {
        margin-top: 107px
    }
    .md\:mt-\[31px\] {
        margin-top: 31px
    }
    .md\:mt-\[80px\] {
        margin-top: 80px
    }
    .md\:block {
        display: block
    }
    .md\:flex {
        display: flex
    }
    .md\:hidden {
        display: none
    }
    .md\:h-\[153px\] {
        height: 153px
    }
    .md\:h-\[168px\] {
        height: 168px
    }
    .md\:h-\[240px\] {
        height: 240px
    }
    .md\:h-\[246px\] {
        height: 246px
    }
    .md\:h-\[24px\] {
        height: 24px
    }
    .md\:h-\[279px\] {
        height: 279px
    }
    .md\:h-\[416px\] {
        height: 416px
    }
    .md\:h-\[48px\] {
        height: 48px
    }
    .md\:h-\[60px\] {
        height: 60px
    }
    .md\:h-\[78px\] {
        height: 78px
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-\[210px\] {
        width: 210px
    }
    .md\:w-\[240px\] {
        width: 240px
    }
    .md\:w-\[279px\] {
        width: 279px
    }
    .md\:w-\[320px\] {
        width: 320px
    }
    .md\:w-\[362px\] {
        width: 362px
    }
    .md\:w-\[60px\] {
        width: 60px
    }
    .md\:w-\[71px\] {
        width: 71px
    }
    .md\:w-\[89px\] {
        width: 89px
    }
    .md\:min-w-\[150px\] {
        min-width: 150px
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .md\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .md\:flex-row {
        flex-direction: row
    }
    .md\:gap-0 {
        gap: 0
    }
    .md\:gap-12 {
        gap: 3rem
    }
    .md\:gap-4 {
        gap: 1rem
    }
    .md\:gap-8 {
        gap: 2rem
    }
    .md\:gap-\[78px\] {
        gap: 78px
    }
    .md\:gap-x-0 {
        column-gap: 0
    }
    .md\:gap-x-\[28px\] {
        column-gap: 28px
    }
    .md\:border-\[1px\] {
        border-width: 1px
    }
    .md\:border-l-0 {
        border-left-width: 0
    }
    .md\:border-r-0 {
        border-right-width: 0
    }
    .md\:p-10 {
        padding: 2.5rem
    }
    .md\:p-14 {
        padding: 3.5rem
    }
    .md\:p-5 {
        padding: 1.25rem
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }
    .md\:px-\[51px\] {
        padding-left: 51px;
        padding-right: 51px
    }
    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .md\:py-\[16px\] {
        padding-top: 16px;
        padding-bottom: 16px
    }
    .md\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
    .md\:text-\[18px\] {
        font-size: 18px
    }
    .md\:text-\[20px\] {
        font-size: 20px
    }
    .md\:text-\[24px\] {
        font-size: 24px
    }
    .md\:text-\[32px\] {
        font-size: 32px
    }
    .md\:text-\[40px\] {
        font-size: 40px
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
    .md\:leading-\[39px\] {
        line-height: 39px
    }
    .md\:leading-\[50px\] {
        line-height: 50px
    }
    .md\:tracking-\[13px\] {
        letter-spacing: 13px
    }
}

/*
! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
*/

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid
}

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

body {
    margin: 0;
    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: -.25em
}

sup {
    top: -.5em
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: 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
}

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,
[data-theme] {
    background-color: hsla(var(--b1)/var(--tw-bg-opacity, 1));
    color: hsla(var(--bc)/var(--tw-text-opacity, 1))
}

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

:root {
    color-scheme: light;
    --pf: 258.89 94.378% 40.941%;
    --sf: 314 100% 37.647%;
    --af: 174 60% 40.784%;
    --nf: 219 14.085% 22.275%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --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;
    --p: 258.89 94.378% 51.176%;
    --pc: 0 0% 100%;
    --s: 314 100% 47.059%;
    --sc: 0 0% 100%;
    --a: 174 60% 50.98%;
    --ac: 174.71 43.59% 15.294%;
    --n: 219 14.085% 27.843%;
    --nc: 0 0% 100%;
    --b1: 0 0% 100%;
    --b2: 0 0% 94.902%;
    --b3: 180 1.9608% 90%;
    --bc: 215 27.907% 16.863%
}

@media (prefers-color-scheme:dark) {
    :root {
        color-scheme: dark;
        --pf: 262.35 80.315% 40.157%;
        --sf: 315.75 70.196% 40%;
        --af: 174.69 70.335% 32.784%;
        --in: 198 93% 60%;
        --su: 158 64% 52%;
        --wa: 43 96% 56%;
        --er: 0 91% 71%;
        --inc: 198 100% 12%;
        --suc: 158 100% 10%;
        --wac: 43 100% 11%;
        --erc: 0 100% 14%;
        --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;
        --p: 262.35 80.315% 50.196%;
        --pc: 0 0% 100%;
        --s: 315.75 70.196% 50%;
        --sc: 0 0% 100%;
        --a: 174.69 70.335% 40.98%;
        --ac: 0 0% 100%;
        --n: 218.18 18.033% 11.961%;
        --nf: 222.86 17.073% 8.0392%;
        --nc: 220 13.376% 69.216%;
        --b1: 220 17.647% 20%;
        --b2: 220 17.241% 17.059%;
        --b3: 218.57 17.949% 15.294%;
        --bc: 220 13.376% 69.216%
    }
}

[data-theme=light] {
    color-scheme: light;
    --pf: 258.89 94.378% 40.941%;
    --sf: 314 100% 37.647%;
    --af: 174 60% 40.784%;
    --nf: 219 14.085% 22.275%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --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;
    --p: 258.89 94.378% 51.176%;
    --pc: 0 0% 100%;
    --s: 314 100% 47.059%;
    --sc: 0 0% 100%;
    --a: 174 60% 50.98%;
    --ac: 174.71 43.59% 15.294%;
    --n: 219 14.085% 27.843%;
    --nc: 0 0% 100%;
    --b1: 0 0% 100%;
    --b2: 0 0% 94.902%;
    --b3: 180 1.9608% 90%;
    --bc: 215 27.907% 16.863%
}

[data-theme=dark] {
    color-scheme: dark;
    --pf: 262.35 80.315% 40.157%;
    --sf: 315.75 70.196% 40%;
    --af: 174.69 70.335% 32.784%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --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;
    --p: 262.35 80.315% 50.196%;
    --pc: 0 0% 100%;
    --s: 315.75 70.196% 50%;
    --sc: 0 0% 100%;
    --a: 174.69 70.335% 40.98%;
    --ac: 0 0% 100%;
    --n: 218.18 18.033% 11.961%;
    --nf: 222.86 17.073% 8.0392%;
    --nc: 220 13.376% 69.216%;
    --b1: 220 17.647% 20%;
    --b2: 220 17.241% 17.059%;
    --b3: 218.57 17.949% 15.294%;
    --bc: 220 13.376% 69.216%
}

[data-theme=cupcake] {
    color-scheme: light;
    --pf: 183.03 47.368% 47.216%;
    --sf: 338.25 71.429% 62.431%;
    --af: 39 84.112% 46.431%;
    --nf: 280 46.479% 11.137%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --pc: 183.03 100% 11.804%;
    --sc: 338.25 100% 15.608%;
    --ac: 39 100% 11.608%;
    --nc: 280 82.688% 82.784%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --p: 183.03 47.368% 59.02%;
    --s: 338.25 71.429% 78.039%;
    --a: 39 84.112% 58.039%;
    --n: 280 46.479% 13.922%;
    --b1: 24 33.333% 97.059%;
    --b2: 26.667 21.951% 91.961%;
    --b3: 22.5 14.286% 89.02%;
    --bc: 280 46.479% 13.922%;
    --rounded-btn: 1.9rem;
    --tab-border: 2px;
    --tab-radius: .5rem
}

[data-theme=bumblebee] {
    color-scheme: light;
    --pf: 41.124 74.167% 42.353%;
    --sf: 49.901 94.393% 46.431%;
    --af: 240 33.333% 11.294%;
    --nf: 240 33.333% 11.294%;
    --b2: 0 0% 90%;
    --b3: 0 0% 81%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --bc: 0 0% 20%;
    --ac: 240 60.274% 82.824%;
    --nc: 240 60.274% 82.824%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --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;
    --p: 41.124 74.167% 52.941%;
    --pc: 240 33.333% 14.118%;
    --s: 49.901 94.393% 58.039%;
    --sc: 240 33.333% 14.118%;
    --a: 240 33.333% 14.118%;
    --n: 240 33.333% 14.118%;
    --b1: 0 0% 100%
}

[data-theme=emerald] {
    color-scheme: light;
    --pf: 141.18 50% 48%;
    --sf: 218.88 96.078% 48%;
    --af: 9.8901 81.25% 44.863%;
    --nf: 219.23 20.312% 20.078%;
    --b2: 0 0% 90%;
    --b3: 0 0% 81%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --btn-text-case: uppercase;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 141.18 50% 60%;
    --pc: 151.11 28.421% 18.627%;
    --s: 218.88 96.078% 60%;
    --sc: 210 20% 98.039%;
    --a: 9.8901 81.25% 56.078%;
    --ac: 210 20% 98.039%;
    --n: 219.23 20.312% 25.098%;
    --nc: 210 20% 98.039%;
    --b1: 0 0% 100%;
    --bc: 219.23 20.312% 25.098%;
    --animation-btn: 0;
    --animation-input: 0;
    --btn-focus-scale: 1
}

[data-theme=corporate] {
    color-scheme: light;
    --pf: 229.09 95.652% 51.137%;
    --sf: 214.91 26.316% 47.216%;
    --af: 154.2 49.02% 48%;
    --nf: 233.33 27.273% 10.353%;
    --b2: 0 0% 90%;
    --b3: 0 0% 81%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --pc: 229.09 100% 92.784%;
    --sc: 214.91 100% 11.804%;
    --ac: 154.2 100% 12%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --btn-text-case: uppercase;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 229.09 95.652% 63.922%;
    --s: 214.91 26.316% 59.02%;
    --a: 154.2 49.02% 60%;
    --n: 233.33 27.273% 12.941%;
    --nc: 210 38.462% 94.902%;
    --b1: 0 0% 100%;
    --bc: 233.33 27.273% 12.941%;
    --rounded-box: 0.25rem;
    --rounded-btn: .125rem;
    --rounded-badge: .125rem;
    --animation-btn: 0;
    --animation-input: 0;
    --btn-focus-scale: 1
}

[data-theme=synthwave] {
    color-scheme: dark;
    --pf: 320.73 69.62% 55.216%;
    --sf: 197.03 86.592% 51.922%;
    --af: 48 89.041% 45.647%;
    --nf: 253.22 60.825% 15.216%;
    --b2: 253.85 59.091% 23.294%;
    --b3: 253.85 59.091% 20.965%;
    --pc: 320.73 100% 13.804%;
    --sc: 197.03 100% 12.98%;
    --ac: 48 100% 11.412%;
    --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;
    --p: 320.73 69.62% 69.02%;
    --s: 197.03 86.592% 64.902%;
    --a: 48 89.041% 57.059%;
    --n: 253.22 60.825% 19.02%;
    --nc: 260 60% 98.039%;
    --b1: 253.85 59.091% 25.882%;
    --bc: 260 60% 98.039%;
    --in: 199.13 86.957% 63.922%;
    --inc: 257.45 63.218% 17.059%;
    --su: 168.1 74.233% 68.039%;
    --suc: 257.45 63.218% 17.059%;
    --wa: 48 89.041% 57.059%;
    --wac: 257.45 63.218% 17.059%;
    --er: 351.85 73.636% 56.863%;
    --erc: 260 60% 98.039%
}

[data-theme=retro] {
    color-scheme: light;
    --pf: 2.6667 73.77% 60.863%;
    --sf: 144.62 27.273% 57.569%;
    --af: 49.024 67.213% 60.863%;
    --nf: 41.667 16.822% 33.569%;
    --inc: 221.21 100% 90.667%;
    --suc: 142.13 100% 87.255%;
    --wac: 32.133 100% 8.7451%;
    --erc: 0 100% 90.118%;
    --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;
    --p: 2.6667 73.77% 76.078%;
    --pc: 345 5.2632% 14.902%;
    --s: 144.62 27.273% 71.961%;
    --sc: 345 5.2632% 14.902%;
    --a: 49.024 67.213% 76.078%;
    --ac: 345 5.2632% 14.902%;
    --n: 41.667 16.822% 41.961%;
    --nc: 45 47.059% 80%;
    --b1: 45 47.059% 80%;
    --b2: 45.283 37.063% 71.961%;
    --b3: 42.188 35.955% 65.098%;
    --bc: 345 5.2632% 14.902%;
    --in: 221.21 83.193% 53.333%;
    --su: 142.13 76.216% 36.275%;
    --wa: 32.133 94.619% 43.725%;
    --er: 0 72.222% 50.588%;
    --rounded-box: 0.4rem;
    --rounded-btn: 0.4rem;
    --rounded-badge: 0.4rem
}

[data-theme=cyberpunk] {
    color-scheme: light;
    --pf: 344.78 100% 58.353%;
    --sf: 195.12 80.392% 56%;
    --af: 276 74.324% 56.784%;
    --nf: 57.273 100% 10.353%;
    --b2: 56 100% 45%;
    --b3: 56 100% 40.5%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --bc: 56 100% 10%;
    --pc: 344.78 100% 14.588%;
    --sc: 195.12 100% 14%;
    --ac: 276 100% 14.196%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    --p: 344.78 100% 72.941%;
    --s: 195.12 80.392% 70%;
    --a: 276 74.324% 70.98%;
    --n: 57.273 100% 12.941%;
    --nc: 56 100% 50%;
    --b1: 56 100% 50%;
    --rounded-box: 0;
    --rounded-btn: 0;
    --rounded-badge: 0;
    --tab-radius: 0
}

[data-theme=valentine] {
    color-scheme: light;
    --pf: 353.23 73.81% 53.647%;
    --sf: 254.12 86.441% 61.49%;
    --af: 181.41 55.556% 56%;
    --nf: 336 42.857% 38.431%;
    --b2: 318.46 46.429% 80.118%;
    --b3: 318.46 46.429% 72.106%;
    --pc: 353.23 100% 13.412%;
    --sc: 254.12 100% 15.373%;
    --ac: 181.41 100% 14%;
    --inc: 221.21 100% 90.667%;
    --suc: 142.13 100% 87.255%;
    --wac: 32.133 100% 8.7451%;
    --erc: 0 100% 90.118%;
    --rounded-box: 1rem;
    --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;
    --p: 353.23 73.81% 67.059%;
    --s: 254.12 86.441% 76.863%;
    --a: 181.41 55.556% 70%;
    --n: 336 42.857% 48.039%;
    --nc: 318.46 46.429% 89.02%;
    --b1: 318.46 46.429% 89.02%;
    --bc: 343.64 38.462% 28.039%;
    --in: 221.21 83.193% 53.333%;
    --su: 142.13 76.216% 36.275%;
    --wa: 32.133 94.619% 43.725%;
    --er: 0 72.222% 50.588%;
    --rounded-btn: 1.9rem
}

[data-theme=halloween] {
    color-scheme: dark;
    --pf: 31.927 89.344% 41.725%;
    --sf: 271.22 45.794% 33.569%;
    --af: 91.071 100% 26.353%;
    --nf: 180 3.5714% 8.7843%;
    --b2: 0 0% 11.647%;
    --b3: 0 0% 10.482%;
    --bc: 0 0% 82.588%;
    --sc: 271.22 100% 88.392%;
    --ac: 91.071 100% 6.5882%;
    --nc: 180 4.8458% 82.196%;
    --inc: 221.21 100% 90.667%;
    --suc: 142.13 100% 87.255%;
    --wac: 32.133 100% 8.7451%;
    --erc: 0 100% 90.118%;
    --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;
    --p: 31.927 89.344% 52.157%;
    --pc: 180 7.3171% 8.0392%;
    --s: 271.22 45.794% 41.961%;
    --a: 91.071 100% 32.941%;
    --n: 180 3.5714% 10.98%;
    --b1: 0 0% 12.941%;
    --in: 221.21 83.193% 53.333%;
    --su: 142.13 76.216% 36.275%;
    --wa: 32.133 94.619% 43.725%;
    --er: 0 72.222% 50.588%
}

[data-theme=garden] {
    color-scheme: light;
    --pf: 138.86 15.982% 34.353%;
    --sf: 96.923 37.143% 74.51%;
    --af: 0 67.742% 75.137%;
    --nf: 0 3.9106% 28.078%;
    --b2: 0 4.3478% 81.882%;
    --b3: 0 4.3478% 73.694%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --pc: 138.86 100% 88.588%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --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;
    --p: 138.86 15.982% 42.941%;
    --s: 96.923 37.143% 93.137%;
    --sc: 96 32.468% 15.098%;
    --a: 0 67.742% 93.922%;
    --ac: 0 21.951% 16.078%;
    --n: 0 3.9106% 35.098%;
    --nc: 0 4.3478% 90.98%;
    --b1: 0 4.3478% 90.98%;
    --bc: 0 3.2258% 6.0784%
}

[data-theme=forest] {
    color-scheme: dark;
    --pf: 141.04 71.963% 33.569%;
    --sf: 140.98 74.694% 38.431%;
    --af: 35.148 68.98% 41.569%;
    --nf: 0 9.6774% 4.8627%;
    --b2: 0 12.195% 7.2353%;
    --b3: 0 12.195% 6.5118%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --bc: 0 11.727% 81.608%;
    --sc: 140.98 100% 9.6078%;
    --ac: 35.148 100% 10.392%;
    --nc: 0 6.8894% 81.216%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --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;
    --p: 141.04 71.963% 41.961%;
    --pc: 140.66 100% 88.039%;
    --s: 140.98 74.694% 48.039%;
    --a: 35.148 68.98% 51.961%;
    --n: 0 9.6774% 6.0784%;
    --b1: 0 12.195% 8.0392%;
    --rounded-btn: 1.9rem
}

[data-theme=aqua] {
    color-scheme: dark;
    --pf: 181.79 92.857% 39.529%;
    --sf: 274.41 30.909% 45.49%;
    --af: 47.059 100% 64%;
    --nf: 205.4 53.725% 40%;
    --b2: 218.61 52.511% 38.647%;
    --b3: 218.61 52.511% 34.782%;
    --bc: 218.61 100% 88.588%;
    --sc: 274.41 100% 91.373%;
    --ac: 47.059 100% 16%;
    --nc: 205.4 100% 90%;
    --inc: 221.21 100% 90.667%;
    --suc: 142.13 100% 87.255%;
    --wac: 32.133 100% 8.7451%;
    --erc: 0 100% 90.118%;
    --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;
    --p: 181.79 92.857% 49.412%;
    --pc: 181.41 100% 16.667%;
    --s: 274.41 30.909% 56.863%;
    --a: 47.059 100% 80%;
    --n: 205.4 53.725% 50%;
    --b1: 218.61 52.511% 42.941%;
    --in: 221.21 83.193% 53.333%;
    --su: 142.13 76.216% 36.275%;
    --wa: 32.133 94.619% 43.725%;
    --er: 0 72.222% 50.588%
}

[data-theme=lofi] {
    color-scheme: light;
    --pf: 0 0% 4.0784%;
    --sf: 0 1.9608% 8%;
    --af: 0 0% 11.922%;
    --nf: 0 0% 0%;
    --btn-text-case: uppercase;
    --border-btn: 1px;
    --tab-border: 1px;
    --p: 0 0% 5.098%;
    --pc: 0 0% 100%;
    --s: 0 1.9608% 10%;
    --sc: 0 0% 100%;
    --a: 0 0% 14.902%;
    --ac: 0 0% 100%;
    --n: 0 0% 0%;
    --nc: 0 0% 100%;
    --b1: 0 0% 100%;
    --b2: 0 0% 94.902%;
    --b3: 0 1.9608% 90%;
    --bc: 0 0% 0%;
    --in: 212.35 100% 47.647%;
    --inc: 0 0% 100%;
    --su: 136.84 72.152% 46.471%;
    --suc: 0 0% 100%;
    --wa: 4.5614 100% 66.471%;
    --wac: 0 0% 100%;
    --er: 325.05 77.6% 49.02%;
    --erc: 0 0% 100%;
    --rounded-box: 0.25rem;
    --rounded-btn: 0.125rem;
    --rounded-badge: 0.125rem;
    --animation-btn: 0;
    --animation-input: 0;
    --btn-focus-scale: 1;
    --tab-radius: 0
}

[data-theme=pastel] {
    color-scheme: light;
    --pf: 283.64 21.569% 64%;
    --sf: 351.63 70.492% 70.431%;
    --af: 158.49 54.639% 64.784%;
    --nf: 198.62 43.719% 48.784%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --bc: 0 0% 20%;
    --pc: 283.64 59.314% 16%;
    --sc: 351.63 100% 17.608%;
    --ac: 158.49 100% 16.196%;
    --nc: 198.62 100% 12.196%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --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;
    --p: 283.64 21.569% 80%;
    --s: 351.63 70.492% 88.039%;
    --a: 158.49 54.639% 80.98%;
    --n: 198.62 43.719% 60.98%;
    --b1: 0 0% 100%;
    --b2: 210 20% 98.039%;
    --b3: 216 12.195% 83.922%;
    --rounded-btn: 1.9rem
}

[data-theme=fantasy] {
    color-scheme: light;
    --pf: 296.04 82.813% 20.078%;
    --sf: 200 100% 29.647%;
    --af: 30.894 94.378% 40.941%;
    --nf: 215 27.907% 13.49%;
    --b2: 0 0% 90%;
    --b3: 0 0% 81%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --pc: 296.04 100% 85.02%;
    --sc: 200 100% 87.412%;
    --ac: 30.894 100% 10.235%;
    --nc: 215 62.264% 83.373%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --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;
    --p: 296.04 82.813% 25.098%;
    --s: 200 100% 37.059%;
    --a: 30.894 94.378% 51.176%;
    --n: 215 27.907% 16.863%;
    --b1: 0 0% 100%;
    --bc: 215 27.907% 16.863%
}

[data-theme=wireframe] {
    color-scheme: light;
    --pf: 0 0% 57.725%;
    --sf: 0 0% 57.725%;
    --af: 0 0% 57.725%;
    --nf: 0 0% 73.725%;
    --bc: 0 0% 20%;
    --pc: 0 0% 14.431%;
    --sc: 0 0% 14.431%;
    --ac: 0 0% 14.431%;
    --nc: 0 0% 18.431%;
    --inc: 240 100% 90%;
    --suc: 120 100% 85.02%;
    --wac: 60 100% 10%;
    --erc: 0 100% 90%;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    font-family: Chalkboard, comic sans ms, sanssecondaryerif;
    --p: 0 0% 72.157%;
    --s: 0 0% 72.157%;
    --a: 0 0% 72.157%;
    --n: 0 0% 92.157%;
    --b1: 0 0% 100%;
    --b2: 0 0% 93.333%;
    --b3: 0 0% 86.667%;
    --in: 240 100% 50%;
    --su: 120 100% 25.098%;
    --wa: 60 30.196% 50%;
    --er: 0 100% 50%;
    --rounded-box: 0.2rem;
    --rounded-btn: 0.2rem;
    --rounded-badge: 0.2rem;
    --tab-radius: 0.2rem
}

[data-theme=black] {
    color-scheme: dark;
    --pf: 0 1.9608% 16%;
    --sf: 0 1.9608% 16%;
    --af: 0 1.9608% 16%;
    --bc: 0 0% 80%;
    --pc: 0 5.3922% 84%;
    --sc: 0 5.3922% 84%;
    --ac: 0 5.3922% 84%;
    --nc: 0 2.5404% 83.02%;
    --inc: 240 100% 90%;
    --suc: 120 100% 85.02%;
    --wac: 60 100% 10%;
    --erc: 0 100% 90%;
    --border-btn: 1px;
    --tab-border: 1px;
    --p: 0 1.9608% 20%;
    --s: 0 1.9608% 20%;
    --a: 0 1.9608% 20%;
    --b1: 0 0% 0%;
    --b2: 0 0% 5.098%;
    --b3: 0 1.9608% 10%;
    --n: 0 1.2987% 15.098%;
    --nf: 0 1.9608% 20%;
    --in: 240 100% 50%;
    --su: 120 100% 25.098%;
    --wa: 60 100% 50%;
    --er: 0 100% 50%;
    --rounded-box: 0;
    --rounded-btn: 0;
    --rounded-badge: 0;
    --animation-btn: 0;
    --animation-input: 0;
    --btn-text-case: lowercase;
    --btn-focus-scale: 1;
    --tab-radius: 0
}

[data-theme=luxury] {
    color-scheme: dark;
    --pf: 0 0% 80%;
    --sf: 218.4 54.348% 14.431%;
    --af: 318.62 21.805% 20.863%;
    --nf: 270 4.3478% 7.2157%;
    --pc: 0 0% 20%;
    --sc: 218.4 100% 83.608%;
    --ac: 318.62 84.615% 85.216%;
    --inc: 202.35 100% 14%;
    --suc: 89.007 100% 10.392%;
    --wac: 53.906 100% 12.706%;
    --erc: 0 100% 14.353%;
    --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;
    --p: 0 0% 100%;
    --s: 218.4 54.348% 18.039%;
    --a: 318.62 21.805% 26.078%;
    --n: 270 4.3478% 9.0196%;
    --nc: 37.083 67.29% 58.039%;
    --b1: 240 10% 3.9216%;
    --b2: 270 4.3478% 9.0196%;
    --b3: 270 2.1739% 18.039%;
    --bc: 37.083 67.29% 58.039%;
    --in: 202.35 100% 70%;
    --su: 89.007 61.633% 51.961%;
    --wa: 53.906 68.817% 63.529%;
    --er: 0 100% 71.765%
}

[data-theme=dracula] {
    color-scheme: dark;
    --pf: 325.52 100% 58.98%;
    --sf: 264.71 89.474% 62.118%;
    --af: 31.02 100% 56.941%;
    --nf: 229.57 15.033% 24%;
    --b2: 231.43 14.894% 16.588%;
    --b3: 231.43 14.894% 14.929%;
    --pc: 325.52 100% 14.745%;
    --sc: 264.71 100% 15.529%;
    --ac: 31.02 100% 14.235%;
    --nc: 229.57 70.868% 86%;
    --inc: 190.53 100% 15.373%;
    --suc: 135.18 100% 12.941%;
    --wac: 64.909 100% 15.294%;
    --erc: 0 100% 93.333%;
    --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;
    --p: 325.52 100% 73.725%;
    --s: 264.71 89.474% 77.647%;
    --a: 31.02 100% 71.176%;
    --n: 229.57 15.033% 30%;
    --b1: 231.43 14.894% 18.431%;
    --bc: 60 30% 96.078%;
    --in: 190.53 96.61% 76.863%;
    --su: 135.18 94.444% 64.706%;
    --wa: 64.909 91.667% 76.471%;
    --er: 0 100% 66.667%
}

[data-theme=cmyk] {
    color-scheme: light;
    --pf: 202.72 83.251% 48.157%;
    --sf: 335.25 77.67% 47.686%;
    --af: 56.195 100% 47.843%;
    --nf: 0 0% 8.1569%;
    --b2: 0 0% 90%;
    --b3: 0 0% 81%;
    --bc: 0 0% 20%;
    --pc: 202.72 100% 12.039%;
    --sc: 335.25 100% 91.922%;
    --ac: 56.195 100% 11.961%;
    --nc: 0 0% 82.039%;
    --inc: 192.2 100% 10.431%;
    --suc: 291.06 100% 87.608%;
    --wac: 25.027 100% 11.333%;
    --erc: 3.956 100% 91.137%;
    --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;
    --p: 202.72 83.251% 60.196%;
    --s: 335.25 77.67% 59.608%;
    --a: 56.195 100% 59.804%;
    --n: 0 0% 10.196%;
    --b1: 0 0% 100%;
    --in: 192.2 48.361% 52.157%;
    --su: 291.06 48.454% 38.039%;
    --wa: 25.027 84.615% 56.667%;
    --er: 3.956 80.531% 55.686%
}

[data-theme=autumn] {
    color-scheme: light;
    --pf: 344.23 95.804% 22.431%;
    --sf: 0.44444 63.38% 46.588%;
    --af: 27.477 56.021% 50.039%;
    --nf: 22.105 17.117% 34.824%;
    --b2: 0 0% 85.059%;
    --b3: 0 0% 76.553%;
    --bc: 0 0% 18.902%;
    --pc: 344.23 100% 85.608%;
    --sc: 0.44444 100% 91.647%;
    --ac: 27.477 100% 12.51%;
    --nc: 22.105 100% 88.706%;
    --inc: 186.94 100% 9.9216%;
    --suc: 164.59 100% 8.6275%;
    --wac: 30.141 100% 9.9216%;
    --erc: 353.6 100% 89.765%;
    --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;
    --p: 344.23 95.804% 28.039%;
    --s: 0.44444 63.38% 58.235%;
    --a: 27.477 56.021% 62.549%;
    --n: 22.105 17.117% 43.529%;
    --b1: 0 0% 94.51%;
    --in: 186.94 47.826% 49.608%;
    --su: 164.59 33.636% 43.137%;
    --wa: 30.141 84.19% 49.608%;
    --er: 353.6 79.116% 48.824%
}

[data-theme=business] {
    color-scheme: dark;
    --pf: 210 64.103% 24.471%;
    --sf: 200 12.931% 43.608%;
    --af: 12.515 79.512% 47.843%;
    --nf: 212.73 13.58% 12.706%;
    --b2: 0 0% 11.294%;
    --b3: 0 0% 10.165%;
    --bc: 0 0% 82.51%;
    --pc: 210 100% 86.118%;
    --sc: 200 100% 10.902%;
    --ac: 12.515 100% 11.961%;
    --nc: 212.73 28.205% 83.176%;
    --inc: 199.15 100% 88.353%;
    --suc: 144 100% 11.137%;
    --wac: 39.231 100% 12.078%;
    --erc: 6.3415 100% 88.667%;
    --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;
    --p: 210 64.103% 30.588%;
    --s: 200 12.931% 54.51%;
    --a: 12.515 79.512% 59.804%;
    --n: 212.73 13.58% 15.882%;
    --b1: 0 0% 12.549%;
    --in: 199.15 100% 41.765%;
    --su: 144 30.973% 55.686%;
    --wa: 39.231 64.356% 60.392%;
    --er: 6.3415 55.656% 43.333%;
    --rounded-box: 0.25rem;
    --rounded-btn: .125rem;
    --rounded-badge: .125rem
}

[data-theme=acid] {
    color-scheme: light;
    --pf: 302.59 100% 40%;
    --sf: 27.294 100% 40%;
    --af: 72 98.425% 40.157%;
    --nf: 238.42 43.182% 13.804%;
    --b2: 0 0% 88.235%;
    --b3: 0 0% 79.412%;
    --bc: 0 0% 19.608%;
    --pc: 302.59 100% 90%;
    --sc: 27.294 100% 10%;
    --ac: 72 100% 10.039%;
    --nc: 238.42 99.052% 83.451%;
    --inc: 209.85 100% 11.569%;
    --suc: 148.87 100% 11.608%;
    --wac: 52.574 100% 11.451%;
    --erc: 0.78261 100% 89.02%;
    --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;
    --p: 302.59 100% 50%;
    --s: 27.294 100% 50%;
    --a: 72 98.425% 50.196%;
    --n: 238.42 43.182% 17.255%;
    --b1: 0 0% 98.039%;
    --in: 209.85 91.628% 57.843%;
    --su: 148.87 49.533% 58.039%;
    --wa: 52.574 92.661% 57.255%;
    --er: 0.78261 100% 45.098%;
    --rounded-box: 1.25rem;
    --rounded-btn: 1rem;
    --rounded-badge: 1rem
}

[data-theme=lemonade] {
    color-scheme: light;
    --pf: 88.8 96.154% 24.471%;
    --sf: 60 80.952% 43.765%;
    --af: 62.553 79.661% 70.745%;
    --nf: 238.42 43.182% 13.804%;
    --b2: 0 0% 90%;
    --b3: 0 0% 81%;
    --bc: 0 0% 20%;
    --pc: 88.8 100% 86.118%;
    --sc: 60 100% 10.941%;
    --ac: 62.553 100% 17.686%;
    --nc: 238.42 99.052% 83.451%;
    --inc: 191.61 79.118% 16.902%;
    --suc: 74.458 100% 15.725%;
    --wac: 50.182 100% 15.059%;
    --erc: 0.98361 100% 16.588%;
    --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;
    --p: 88.8 96.154% 30.588%;
    --s: 60 80.952% 54.706%;
    --a: 62.553 79.661% 88.431%;
    --n: 238.42 43.182% 17.255%;
    --b1: 0 0% 100%;
    --in: 191.61 39.241% 84.51%;
    --su: 74.458 76.147% 78.627%;
    --wa: 50.182 87.302% 75.294%;
    --er: 0.98361 70.115% 82.941%
}

[data-theme=night] {
    color-scheme: dark;
    --pf: 198.44 93.204% 47.686%;
    --sf: 234.45 89.474% 59.137%;
    --af: 328.85 85.621% 56%;
    --b2: 222.22 47.368% 10.059%;
    --b3: 222.22 47.368% 9.0529%;
    --bc: 222.22 65.563% 82.235%;
    --pc: 198.44 100% 11.922%;
    --sc: 234.45 100% 14.784%;
    --ac: 328.85 100% 14%;
    --nc: 217.24 75.772% 83.49%;
    --inc: 198.46 100% 9.6078%;
    --suc: 172.46 100% 10.078%;
    --wac: 40.61 100% 12.706%;
    --erc: 350.94 100% 14.235%;
    --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;
    --p: 198.44 93.204% 59.608%;
    --s: 234.45 89.474% 73.922%;
    --a: 328.85 85.621% 70%;
    --n: 217.24 32.584% 17.451%;
    --nf: 217.06 30.357% 21.961%;
    --b1: 222.22 47.368% 11.176%;
    --in: 198.46 90.204% 48.039%;
    --su: 172.46 66.008% 50.392%;
    --wa: 40.61 88.172% 63.529%;
    --er: 350.94 94.558% 71.176%
}

[data-theme=coffee] {
    color-scheme: dark;
    --pf: 29.583 66.667% 46.118%;
    --sf: 182.4 24.752% 15.843%;
    --af: 194.19 74.4% 19.608%;
    --nf: 300 20% 4.7059%;
    --b2: 306 18.519% 9.5294%;
    --b3: 306 18.519% 8.5765%;
    --pc: 29.583 100% 11.529%;
    --sc: 182.4 67.237% 83.961%;
    --ac: 194.19 100% 84.902%;
    --nc: 300 13.75% 81.176%;
    --inc: 171.15 100% 13.451%;
    --suc: 92.5 100% 12.471%;
    --wac: 43.125 100% 13.725%;
    --erc: 9.7561 100% 14.941%;
    --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;
    --p: 29.583 66.667% 57.647%;
    --s: 182.4 24.752% 19.804%;
    --a: 194.19 74.4% 24.51%;
    --n: 300 20% 5.8824%;
    --b1: 306 18.519% 10.588%;
    --bc: 36.667 8.3333% 42.353%;
    --in: 171.15 36.527% 67.255%;
    --su: 92.5 25% 62.353%;
    --wa: 43.125 100% 68.627%;
    --er: 9.7561 95.349% 74.706%
}

[data-theme=winter] {
    color-scheme: light;
    --pf: 211.79 100% 40.627%;
    --sf: 246.92 47.273% 34.51%;
    --af: 310.41 49.388% 41.569%;
    --nf: 217.02 92.157% 8%;
    --pc: 211.79 100% 90.157%;
    --sc: 246.92 100% 88.627%;
    --ac: 310.41 100% 90.392%;
    --nc: 217.02 100% 82%;
    --inc: 191.54 100% 15.608%;
    --suc: 181.5 100% 13.255%;
    --wac: 32.308 100% 16.706%;
    --erc: 0 100% 14.431%;
    --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;
    --p: 211.79 100% 50.784%;
    --s: 246.92 47.273% 43.137%;
    --a: 310.41 49.388% 51.961%;
    --n: 217.02 92.157% 10%;
    --b1: 0 0% 100%;
    --b2: 216.92 100% 97.451%;
    --b3: 218.82 43.59% 92.353%;
    --bc: 214.29 30.061% 31.961%;
    --in: 191.54 92.857% 78.039%;
    --su: 181.5 46.512% 66.275%;
    --wa: 32.308 61.905% 83.529%;
    --er: 0 63.38% 72.157%
}

@font-face {
    font-family: TempelGrotesk-Wide;
    font-weight: 300;
    src: url(/fonts/tempelgroteskweb-wide.woff2) format("woff2"), url(/fonts/tempelgroteskweb-wide.woff) format("woff")
}

@font-face {
    font-family: TempelGrotesk-SemiCondensed;
    font-weight: 300;
    src: url(/fonts/tempelgroteskweb-semicondensed.woff2) format("woff2"), url(/fonts/tempelgroteskweb-semicondensed.woff) format("woff")
}

@font-face {
    font-family: FraktionSans;
    font-weight: 500;
    src: url(/fonts/FraktionSans-Regular.ttf)
}

@font-face {
    font-family: FraktionSans;
    font-weight: 600;
    src: url(/fonts/FraktionSans-Medium.ttf)
}

@font-face {
    font-family: FraktionSans;
    font-style: italic;
    font-weight: 600;
    src: url(/fonts/FraktionSans-MediumItalic.ttf)
}

@font-face {
    font-family: FraktionSans;
    font-weight: 700;
    src: url(/fonts/PPFraktionSans-Bold.woff2) format("woff2"), url(/fonts/PPFraktionSans-Bold.woff) format("woff")
}

@font-face {
    font-family: WhiteRabbit;
    font-weight: 300;
    src: url(/fonts/WhiteRabbit.woff) format("woff"), url(/fonts/WhiteRabbit.woff2) format("woff2")
}

html {
    scroll-behavior: smooth;
    font-weight: 500
}

._next,
body,
html {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

@media (min-width:1350px) {
    [data-hid=blog-post],
    [data-hid=disclosure-post],
    [data-hid=privacy-and-terms] {
        width: 66.666667%
    }
}

[data-hid=blog-post] p,
[data-hid=disclosure-post] p,
[data-hid=privacy-and-terms] p {
    font-family: FraktionSans, sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: 1rem
}

[data-hid=blog-post] h1,
[data-hid=blog-post] h2,
[data-hid=blog-post] h3,
[data-hid=blog-post] h4,
[data-hid=blog-post] h5,
[data-hid=disclosure-post] h1,
[data-hid=disclosure-post] h2,
[data-hid=disclosure-post] h3,
[data-hid=disclosure-post] h4,
[data-hid=disclosure-post] h5,
[data-hid=privacy-and-terms] h1,
[data-hid=privacy-and-terms] h2,
[data-hid=privacy-and-terms] h3,
[data-hid=privacy-and-terms] h4,
[data-hid=privacy-and-terms] h5 {
    font-family: TempelGrotesk-Wide, sans-serif;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 2px
}

[data-hid=blog-post] h1,
[data-hid=disclosure-post] h1,
[data-hid=privacy-and-terms] h1 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 1.25rem;
    font-size: 1.875rem;
    line-height: 2.25rem
}

[data-hid=blog-post] h2,
[data-hid=disclosure-post] h2,
[data-hid=privacy-and-terms] h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 60px
}

[data-hid=blog-post] h3,
[data-hid=disclosure-post] h3,
[data-hid=privacy-and-terms] h3 {
    font-size: 1.125rem;
    line-height: 1.75rem
}

[data-hid=blog-post] h4,
[data-hid=disclosure-post] h4,
[data-hid=privacy-and-terms] h4 {
    margin-left: 0;
    font-size: 1.125rem;
    line-height: 1.75rem
}

[data-hid=blog-post] a,
[data-hid=disclosure-post] a,
[data-hid=privacy-and-terms] a {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(197 255 1/var(--tw-text-opacity))
}

[data-hid=blog-post] a u,
[data-hid=disclosure-post] a u,
[data-hid=privacy-and-terms] a u {
    text-decoration: none
}

[data-hid=blog-post] a span,
[data-hid=disclosure-post] a span,
[data-hid=privacy-and-terms] a span {
    --tw-text-opacity: 1;
    color: rgb(197 255 1/var(--tw-text-opacity))
}

[data-hid=blog-post] ul,
[data-hid=disclosure-post] ul,
[data-hid=privacy-and-terms] ul {
    margin: 1rem;
    list-style-type: disc
}

[data-hid=blog-post] ol,
[data-hid=disclosure-post] ol,
[data-hid=privacy-and-terms] ol {
    margin: 1rem;
    list-style-type: decimal
}

[data-hid=blog-post] li,
[data-hid=disclosure-post] li,
[data-hid=privacy-and-terms] li {
    margin: 0 0 .5rem
}

[data-hid=blog-post] li p,
[data-hid=disclosure-post] li p,
[data-hid=privacy-and-terms] li p {
    margin: 0
}

[data-hid=blog-post] blockquote,
[data-hid=disclosure-post] blockquote,
[data-hid=privacy-and-terms] blockquote {
    margin-left: 1rem;
    border-left-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(103 103 103/var(--tw-border-opacity));
    padding-left: 1rem
}

[data-hid=blog-post] pre,
[data-hid=disclosure-post] pre,
[data-hid=privacy-and-terms] pre {
    margin-top: 1rem;
    margin-bottom: 1rem;
    white-space: pre-wrap;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(21 24 34/var(--tw-bg-opacity));
    padding: .5rem;
    --tw-text-opacity: 1;
    color: rgb(187 188 190/var(--tw-text-opacity))
}

[data-hid=blog-post] pre.inline,
[data-hid=disclosure-post] pre.inline,
[data-hid=privacy-and-terms] pre.inline {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

[data-hid=blog-post] p {
    font-family: FraktionSans, sans-serif;
    color: #000
}

[data-hid=blog-post] a {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(132 205 23/var(--tw-text-opacity))
}

[data-hid=blog-post] a u {
    text-decoration: none
}

[data-hid=blog-post] a span {
    --tw-text-opacity: 1;
    color: rgb(132 205 23/var(--tw-text-opacity))
}

*,
: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-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-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:
}

.avatar {
    position: relative;
    display: inline-flex
}

.avatar>div {
    display: block;
    aspect-ratio: 1/1;
    overflow: hidden
}

.avatar img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.avatar.placeholder>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.breadcrumbs {
    max-width: 100%;
    overflow-x: auto;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.breadcrumbs>ul {
    white-space: nowrap;
    min-height: -moz-min-content;
    min-height: min-content
}

.breadcrumbs>ul,
.breadcrumbs>ul>li,
.breadcrumbs>ul>li>a {
    display: flex;
    align-items: center
}

.breadcrumbs>ul>li>a {
    cursor: pointer
}

.breadcrumbs>ul>li>a:hover {
    text-decoration-line: underline
}

.btn {
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-color: transparent;
    border-color: hsl(var(--n)/var(--tw-border-opacity));
    text-align: center;
    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-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    border-radius: var(--rounded-btn, .5rem);
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1em;
    min-height: 3rem;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: var(--btn-text-case, uppercase);
    text-decoration-line: none;
    border-width: var(--border-btn, 1px);
    animation: button-pop var(--animation-btn, .25s) ease-out;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--nc)/var(--tw-text-opacity))
}

.btn-disabled,
.btn.loading,
.btn.loading:hover,
.btn[disabled] {
    pointer-events: none
}

.btn.loading:before {
    margin-right: .5rem;
    height: 1rem;
    width: 1rem;
    border-radius: 9999px;
    border-width: 2px;
    animation: spin 2s linear infinite;
    content: "";
    border-color: transparent currentColor currentColor transparent
}

@media (prefers-reduced-motion:reduce) {
    .btn.loading:before {
        animation: spin 10s linear infinite
    }
}

.btn-group>input[type=radio].btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-group>input[type=radio].btn:before {
    content: attr(data-title)
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--rounded-box, 1rem)
}

.card:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.card figure {
    display: flex;
    align-items: center;
    justify-content: center
}

.card.image-full {
    display: grid
}

.card.image-full:before {
    position: relative;
    content: "";
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    opacity: .75;
    border-radius: var(--rounded-box, 1rem)
}

.card.image-full:before,
.card.image-full>* {
    grid-column-start: 1;
    grid-row-start: 1
}

.card.image-full>figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card.image-full>.card-body {
    position: relative;
    z-index: 20;
    --tw-text-opacity: 1;
    color: hsl(var(--nc)/var(--tw-text-opacity))
}

.carousel {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.carousel-item {
    box-sizing: content-box;
    display: flex;
    flex: none;
    scroll-snap-align: start
}

.carousel-center .carousel-item {
    scroll-snap-align: center
}

.carousel-end .carousel-item {
    scroll-snap-align: end
}

.checkbox {
    flex-shrink: 0;
    --chkbg: var(--bc);
    --chkfg: var(--b1);
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 1px;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity: 0.2;
    border-radius: var(--rounded-btn, .5rem)
}

:root .countdown {
    line-height: 1em
}

.countdown {
    display: inline-flex
}

.countdown>* {
    height: 1em;
    display: inline-block;
    overflow-y: hidden
}

.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 {
    position: relative;
    display: inline-block
}

.dropdown>:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.dropdown .dropdown-content {
    visibility: hidden;
    position: absolute;
    z-index: 50;
    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-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.dropdown.dropdown-hover:hover .dropdown-content,
.dropdown.dropdown-open .dropdown-content,
.dropdown:not(.dropdown-hover):focus .dropdown-content,
.dropdown:not(.dropdown-hover):focus-within .dropdown-content {
    visibility: visible;
    opacity: 1
}

.footer {
    width: 100%;
    grid-auto-flow: row;
    row-gap: 2.5rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.footer,
.footer>* {
    display: grid;
    place-items: start
}

.footer>* {
    gap: .5rem
}

@media (min-width:48rem) {
    .footer {
        grid-auto-flow: column
    }
    .footer-center {
        grid-auto-flow: row dense
    }
}

.label {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .25rem
}

.input {
    flex-shrink: 1;
    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-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
    line-height: 2;
    line-height: 1.5rem;
    border-width: 1px;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-radius: var(--rounded-btn, .5rem)
}

.input-group>.input {
    isolation: isolate
}

.input-group>*,
.input-group>.input,
.input-group>.select,
.input-group>.textarea {
    border-radius: 0
}

.link {
    cursor: pointer;
    text-decoration-line: underline
}

.menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.menu.horizontal {
    display: inline-flex;
    flex-direction: row
}

.menu.horizontal :where(li) {
    flex-direction: row
}

:where(.menu li) {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch
}

.menu :where(li:not(.menu-title))>:where(:not(ul)) {
    display: flex
}

.menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)) {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.menu>:where(li>:not(ul):focus) {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.menu>:where(li.disabled>:not(ul):focus) {
    cursor: auto
}

.menu>:where(li) :where(ul) {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.menu>:where(li)>:where(ul) {
    position: absolute;
    display: none;
    top: auto;
    left: 100%;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.menu>:where(li:hover)>:where(ul) {
    display: flex
}

.menu>:where(li:focus)>:where(ul) {
    display: flex
}

.navbar {
    display: flex;
    align-items: center;
    padding: var(--navbar-padding, .5rem);
    min-height: 4rem;
    width: 100%
}

:where(.navbar>*) {
    display: inline-flex;
    align-items: center
}

.radio {
    flex-shrink: 0;
    --chkbg: var(--bc);
    width: 1.5rem;
    -webkit-appearance: none;
    border-radius: 9999px;
    border-width: 1px;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity: 0.2;
    transition: background, box-shadow var(--animation-input, .2s) ease-in-out
}

.radio,
.range {
    height: 1.5rem;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none
}

.range {
    width: 100%;
    -webkit-appearance: none;
    --range-shdw: var(--bc);
    overflow: hidden;
    background-color: transparent;
    border-radius: var(--rounded-box, 1rem)
}

.range:focus {
    outline: none
}

.select {
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 3rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    min-height: 3rem;
    border-width: 1px;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    font-weight: 600;
    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-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    border-radius: var(--rounded-btn, .5rem);
    background-image: linear-gradient(45deg, transparent 50%, currentColor 0), linear-gradient(135deg, currentColor 50%, transparent 0);
    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat
}

.select[multiple] {
    height: auto
}

.steps .step {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-columns: auto;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-rows: 40px 1fr;
    place-items: center;
    text-align: center;
    min-width: 4rem
}

.table {
    position: relative;
    text-align: left
}

.table th:first-child {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 11
}

.textarea {
    flex-shrink: 1;
    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-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    min-height: 3rem;
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    border-width: 1px;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-radius: var(--rounded-btn, .5rem)
}

.\ !toggle {
    flex-shrink: 0 !important;
    --tglbg: hsl(var(--b1)) !important;
    --handleoffset: 1.5rem !important;
    --handleoffsetcalculator: calc(var(--handleoffset) * -1) !important;
    --togglehandleborder: 0 0 !important;
    height: 1.5rem !important;
    width: 3rem !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-width: 1px !important;
    border-color: hsl(var(--bc)/var(--tw-border-opacity)) !important;
    --tw-border-opacity: 0.2 !important;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.5 !important;
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    border-radius: var(--rounded-badge, 1.9rem) !important;
    transition: background, box-shadow var(--animation-input, .2s) ease-in-out !important;
    box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset, var(--togglehandleborder) !important
}

.toggle {
    flex-shrink: 0;
    --tglbg: hsl(var(--b1));
    --handleoffset: 1.5rem;
    --handleoffsetcalculator: calc(var(--handleoffset) * -1);
    --togglehandleborder: 0 0;
    height: 1.5rem;
    width: 3rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 1px;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity: 0.2;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    border-radius: var(--rounded-badge, 1.9rem);
    transition: background, box-shadow var(--animation-input, .2s) ease-in-out;
    box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset, var(--togglehandleborder)
}

.tooltip {
    position: relative;
    display: inline-block;
    --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
    text-align: center;
    --tooltip-tail: 3px;
    --tooltip-color: hsl(var(--n));
    --tooltip-text-color: hsl(var(--nc));
    --tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail))
}

.tooltip:before {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    content: var(--tw-content);
    --tw-content: attr(data-tip);
    max-width: 20rem;
    border-radius: .25rem;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    background-color: var(--tooltip-color);
    color: var(--tooltip-text-color);
    width: -moz-max-content;
    width: max-content
}

.tooltip-top:before,
.tooltip:before {
    transform: translateX(-50%);
    top: auto;
    left: 50%;
    right: auto;
    bottom: var(--tooltip-offset)
}

.avatar-group :where(.avatar) {
    overflow: hidden;
    border-radius: 9999px;
    border-width: 4px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b1)/var(--tw-border-opacity))
}

.btn-outline .badge.outline {
    --tw-border-opacity: 1;
    border-color: hsl(var(--nf, var(--n))/var(--tw-border-opacity));
    background-color: transparent
}

.btn-outline:hover .badge.outline {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2, var(--b1))/var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--nc)/var(--tw-text-opacity))
}

.btn-outline.btn-primary:hover .badge.outline {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pc)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf, var(--p))/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary:hover .badge.outline {
    --tw-border-opacity: 1;
    border-color: hsl(var(--sc)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf, var(--s))/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-outline.btn-accent:hover .badge.outline {
    --tw-border-opacity: 1;
    border-color: hsl(var(--ac)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--af, var(--a))/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.btm-nav>:where(.active) {
    border-top-width: 2px;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity))
}

.btm-nav>.disabled,
.btm-nav>.disabled:hover,
.btm-nav>[disabled],
.btm-nav>[disabled]:hover {
    pointer-events: none;
    --tw-border-opacity: 0;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.1;
    color: hsl(var(--bc)/var(--tw-text-opacity));
    --tw-text-opacity: 0.2
}

.btm-nav>* .label {
    font-size: 1rem;
    line-height: 1.5rem
}

.breadcrumbs>ul>li>a:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.breadcrumbs>ul>li>a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.breadcrumbs>ul>li+:before {
    content: "";
    margin-left: .5rem;
    margin-right: .75rem;
    display: block;
    height: .375rem;
    width: .375rem;
    --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));
    opacity: .4;
    border-top: 1px solid;
    border-right: 1px solid;
    background-color: transparent
}

[dir=rtl] .breadcrumbs>ul>li+:before {
    --tw-rotate: -45deg
}

.btn:active:focus,
.btn:active:hover {
    animation: none;
    transform: scale(var(--btn-focus-scale, .95))
}

.btn-active,
.btn:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--nf, var(--n))/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nf, var(--n))/var(--tw-bg-opacity))
}

.btn:focus-visible {
    outline: 2px solid hsl(var(--nf));
    outline-offset: 2px
}

.btn.glass.btn-active,
.btn.glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%
}

.btn.glass:focus-visible {
    outline: 2px solid currentColor
}

.btn-disabled,
.btn-disabled:hover,
.btn[disabled],
.btn[disabled]:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-text-opacity));
    --tw-text-opacity: 0.2
}

.btn.loading.btn-circle:before,
.btn.loading.btn-square:before {
    margin-right: 0
}

.btn.loading.btn-lg:before,
.btn.loading.btn-xl:before {
    height: 1.25rem;
    width: 1.25rem
}

.btn.loading.btn-sm:before,
.btn.loading.btn-xs:before {
    height: .75rem;
    width: .75rem
}

.btn-group>.btn-active,
.btn-group>input[type=radio]:checked.btn {
    --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-group>.btn-active:focus-visible,
.btn-group>input[type=radio]:checked.btn:focus-visible {
    outline: 2px solid hsl(var(--p))
}

@keyframes button-pop {
    0% {
        transform: scale(var(--btn-focus-scale, .95))
    }
    40% {
        transform: scale(1.02)
    }
    to {
        transform: scale(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.bordered {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2, var(--b1))/var(--tw-border-opacity))
}

.card.compact .card-body {
    padding: 1rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.card.image-full :where(figure) {
    overflow: hidden;
    border-radius: inherit
}

.carousel::-webkit-scrollbar {
    display: none
}

.checkbox:focus-visible {
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.checkbox:checked,
.checkbox[aria-checked=true],
.checkbox[checked=true] {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input, .2s) ease-in-out;
    background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)
}

.checkbox:indeterminate {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input, .2s) ease-in-out;
    background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%), linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 43%, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 57%)
}

.checkbox:disabled {
    cursor: not-allowed;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    opacity: .2
}

@keyframes checkmark {
    0% {
        background-position-y: 5px
    }
    50% {
        background-position-y: -2px
    }
    to {
        background-position-y: 0
    }
}

[dir=rtl] .checkbox:checked,
[dir=rtl] .checkbox[aria-checked=true],
[dir=rtl] .checkbox[checked=true] {
    background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)
}

.dropdown.dropdown-hover:hover .dropdown-content,
.dropdown.dropdown-open .dropdown-content,
.dropdown:focus .dropdown-content,
.dropdown:focus-within .dropdown-content {
    --tw-scale-x: 1;
    --tw-scale-y: 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))
}

.label a:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.input[list]::-webkit-calendar-picker-indicator {
    line-height: 1em
}

.input:focus {
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.input-disabled,
.input[disabled] {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2, var(--b1))/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2, var(--b1))/var(--tw-bg-opacity));
    --tw-text-opacity: 0.2
}

.input-disabled::-moz-placeholder,
.input[disabled]::-moz-placeholder {
    color: hsl(var(--bc)/var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2
}

.input-disabled::placeholder,
.input[disabled]::placeholder {
    color: hsl(var(--bc)/var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2
}

.link-primary {
    --tw-text-opacity: 1;
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.link-primary:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--pf, var(--p))/var(--tw-text-opacity))
}

.link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.menu.horizontal>li.bordered>a,
.menu.horizontal>li.bordered>button,
.menu.horizontal>li.bordered>span {
    border-left-width: 0;
    border-bottom-width: 4px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.menu[class*=" p-"]:not(.menu[class*=" p-0"]) li>*,
.menu[class*=" px-"]:not(.menu[class*=" px-0"]) li>*,
.menu[class^=p-]:not(.menu[class^=p-0]) li>*,
.menu[class^=px-]:not(.menu[class^=px-0]) li>* {
    border-radius: var(--rounded-btn, .5rem)
}

.menu :where(li.bordered>*) {
    border-left-width: 4px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.menu :where(li)>:where(:not(ul)) {
    gap: .75rem;
    padding: .75rem 1rem;
    color: currentColor
}

.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):focus),
.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):hover) {
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.1
}

.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul).active),
.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):active) {
    --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))
}

.menu :where(li:empty) {
    margin: .5rem 1rem;
    height: 1px;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.1
}

.menu li.disabled>* {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: hsl(var(--bc)/var(--tw-text-opacity));
    --tw-text-opacity: 0.2
}

.menu li.disabled>:hover {
    background-color: transparent
}

.menu li.hover-bordered a {
    border-left-width: 4px;
    border-color: transparent
}

.menu li.hover-bordered a:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.menu.compact li>a,
.menu.compact li>span {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.menu .menu-title {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    opacity: .4
}

.menu .menu-title>* {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.menu :where(li:not(.disabled))>:where(:not(ul)) {
    outline: 2px solid transparent;
    outline-offset: 2px;
    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-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.menu>:where(li:first-child) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset
}

.menu>:where(li:first-child)>:where(:not(ul)) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset
}

.menu>:where(li:last-child) {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.menu>:where(li:last-child)>:where(:not(ul)) {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.menu>:where(li)>:where(ul) :where(li) {
    width: 100%;
    white-space: nowrap
}

.menu>:where(li)>:where(ul) :where(li) :where(ul) {
    padding-left: 1rem
}

.menu>:where(li)>:where(ul) :where(li)>:where(:not(ul)) {
    width: 100%;
    white-space: nowrap
}

.menu>:where(li)>:where(ul)>:where(li:first-child) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset
}

.menu>:where(li)>:where(ul)>:where(li:first-child)>:where(:not(ul)) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset
}

.menu>:where(li)>:where(ul)>:where(li:last-child) {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.menu>:where(li)>:where(ul)>:where(li:last-child)>:where(:not(ul)) {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

@keyframes progress-loading {
    50% {
        left: 107%
    }
}

.radio:focus-visible {
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.radio:checked,
.radio[aria-checked=true] {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    animation: radiomark var(--animation-input, .2s) ease-in-out;
    box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset
}

.radio:disabled {
    cursor: not-allowed;
    opacity: .2
}

@keyframes radiomark {
    0% {
        box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset
    }
    50% {
        box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset
    }
    to {
        box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset
    }
}

.range:focus-visible::-webkit-slider-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset
}

.range:focus-visible::-moz-range-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset
}

.range::-webkit-slider-runnable-track {
    height: .5rem;
    width: 100%;
    border-radius: var(--rounded-box, 1rem);
    background-color: hsla(var(--bc)/.1)
}

.range::-moz-range-track {
    height: .5rem;
    width: 100%;
    border-radius: var(--rounded-box, 1rem);
    background-color: hsla(var(--bc)/.1)
}

.range::-webkit-slider-thumb {
    background-color: hsl(var(--b1));
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    border-style: none;
    border-radius: var(--rounded-box, 1rem);
    appearance: none;
    -webkit-appearance: none;
    top: 50%;
    color: hsl(var(--range-shdw));
    transform: translateY(-50%);
    --filler-size: 100rem;
    --filler-offset: 0.6rem;
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0), calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)
}

.range::-moz-range-thumb {
    background-color: hsl(var(--b1));
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    border-style: none;
    border-radius: var(--rounded-box, 1rem);
    top: 50%;
    color: hsl(var(--range-shdw));
    --filler-size: 100rem;
    --filler-offset: 0.5rem;
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0), calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)
}

@keyframes rating-pop {
    0% {
        transform: translateY(-.125em)
    }
    40% {
        transform: translateY(-.125em)
    }
    to {
        transform: translateY(0)
    }
}

.select:focus {
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.select-disabled,
.select[disabled] {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2, var(--b1))/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2, var(--b1))/var(--tw-bg-opacity));
    --tw-text-opacity: 0.2
}

.select-disabled::-moz-placeholder,
.select[disabled]::-moz-placeholder {
    color: hsl(var(--bc)/var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2
}

.select-disabled::placeholder,
.select[disabled]::placeholder {
    color: hsl(var(--bc)/var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2
}

.select-multiple,
.select[multiple],
.select[size].select:not([size="1"]) {
    background-image: none;
    padding-right: 1rem
}

[dir=rtl] .select {
    background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%)
}

.steps .step:before {
    top: 0;
    height: .5rem;
    width: 100%;
    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));
    content: "";
    margin-left: -100%
}

.steps .step:after,
.steps .step:before {
    grid-column-start: 1;
    grid-row-start: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3, var(--b2))/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.steps .step:after {
    content: counter(step);
    counter-increment: step;
    z-index: 1;
    position: relative;
    display: grid;
    height: 2rem;
    width: 2rem;
    place-items: center;
    place-self: center;
    border-radius: 9999px
}

.steps .step:first-child:before {
    content: none
}

.steps .step[data-content]:after {
    content: attr(data-content)
}

.table :where(th, td) {
    white-space: nowrap;
    padding: 1rem;
    vertical-align: middle
}

.table tr.active td,
.table tr.active th,
.table tr.active:nth-child(2n) td,
.table tr.active:nth-child(2n) th,
.table tr.hover:hover td,
.table tr.hover:hover th,
.table tr.hover:nth-child(2n):hover td,
.table tr.hover:nth-child(2n):hover th {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3, var(--b2))/var(--tw-bg-opacity))
}

.table:where(:not(.table-zebra)) :where(thead, tbody, tfoot) :where(tr:not(:last-child) :where(th, td)) {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2, var(--b1))/var(--tw-border-opacity))
}

.table :where(thead, tfoot) :where(th, td) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2, var(--b1))/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.table :where(tbody th, tbody td) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity))
}

:where(.table :first-child) :where(:first-child) :where(th, td):first-child {
    border-top-left-radius: .5rem
}

:where(.table :first-child) :where(:first-child) :where(th, td):last-child {
    border-top-right-radius: .5rem
}

:where(.table :last-child) :where(:last-child) :where(th, td):first-child {
    border-bottom-left-radius: .5rem
}

:where(.table :last-child) :where(:last-child) :where(th, td):last-child {
    border-bottom-right-radius: .5rem
}

.textarea:focus {
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.textarea-disabled,
.textarea[disabled] {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2, var(--b1))/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2, var(--b1))/var(--tw-bg-opacity));
    --tw-text-opacity: 0.2
}

.textarea-disabled::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
    color: hsl(var(--bc)/var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2
}

.textarea-disabled::placeholder,
.textarea[disabled]::placeholder {
    color: hsl(var(--bc)/var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2
}

@keyframes toast-pop {
    0% {
        transform: scale(.9);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

[dir=rtl] .\ !toggle {
    --handleoffsetcalculator: calc(var(--handleoffset) * 1) !important
}

[dir=rtl] .toggle {
    --handleoffsetcalculator: calc(var(--handleoffset) * 1)
}

.\ !toggle:focus-visible {
    outline: 2px solid hsl(var(--bc)) !important;
    outline-offset: 2px !important
}

.toggle:focus-visible {
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.toggle:checked,
.toggle[aria-checked=true],
.toggle[checked=true] {
    --handleoffsetcalculator: var(--handleoffset);
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1
}

.\ !toggle:checked,
.\ !toggle[aria-checked=true],
.\ !toggle[checked=true] {
    --handleoffsetcalculator: var(--handleoffset) !important;
    --tw-border-opacity: 1 !important;
    --tw-bg-opacity: 1 !important
}

[dir=rtl] .toggle:checked,
[dir=rtl] .toggle[aria-checked=true],
[dir=rtl] .toggle[checked=true] {
    --handleoffsetcalculator: calc(var(--handleoffset) * -1)
}

[dir=rtl] .\ !toggle:checked,
[dir=rtl] .\ !toggle[aria-checked=true],
[dir=rtl] .\ !toggle[checked=true] {
    --handleoffsetcalculator: calc(var(--handleoffset) * -1) !important
}

.\ !toggle:indeterminate {
    --tw-border-opacity: 1 !important;
    --tw-bg-opacity: 1 !important;
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset !important
}

.toggle:indeterminate {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset
}

[dir=rtl] .\ !toggle:indeterminate {
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset !important
}

[dir=rtl] .toggle:indeterminate {
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset
}

.\ !toggle:disabled {
    cursor: not-allowed !important;
    --tw-border-opacity: 1 !important;
    border-color: hsl(var(--bc)/var(--tw-border-opacity)) !important;
    background-color: transparent !important;
    opacity: .3 !important;
    --togglehandleborder: 0 0 0 3px hsl(var(--bc)) inset, var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset !important
}

.toggle:disabled {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    background-color: transparent;
    opacity: .3;
    --togglehandleborder: 0 0 0 3px hsl(var(--bc)) inset, var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset
}

.tooltip:after,
.tooltip:before {
    opacity: 0;
    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-delay: .1s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tooltip:after {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: var(--tooltip-tail, 0);
    width: 0;
    height: 0;
    display: block
}

.tooltip.tooltip-open:after,
.tooltip.tooltip-open:before,
.tooltip:hover:after,
.tooltip:hover:before {
    opacity: 1;
    transition-delay: 75ms
}

.tooltip:not([data-tip]):hover:after,
.tooltip:not([data-tip]):hover:before {
    visibility: hidden;
    opacity: 0
}

.tooltip-top:after,
.tooltip:after {
    transform: translateX(-50%);
    border-color: var(--tooltip-color) transparent transparent transparent;
    top: auto;
    left: 50%;
    right: auto;
    bottom: var(--tooltip-tail-offset)
}

.artboard.phone {
    width: 320px
}

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

.steps-horizontal .step {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    place-items: center;
    text-align: center
}

.steps-vertical .step {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr))
}

.avatar.online:before {
    background-color: hsl(var(--su)/var(--tw-bg-opacity))
}

.avatar.offline:before,
.avatar.online:before {
    content: "";
    position: absolute;
    z-index: 10;
    display: block;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    width: 15%;
    height: 15%;
    top: 7%;
    right: 7%;
    box-shadow: 0 0 0 2px hsl(var(--b1))
}

.avatar.offline:before {
    background-color: hsl(var(--b3, var(--b2))/var(--tw-bg-opacity))
}

.btn-group .btn:not(:first-child):not(:last-child),
.btn-group.btn-group-horizontal .btn:not(:first-child):not(:last-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group .btn:first-child:not(:last-child),
.btn-group.btn-group-horizontal .btn:first-child:not(:last-child) {
    margin-left: -1px;
    margin-top: 0;
    border-top-left-radius: var(--rounded-btn, .5rem);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-btn, .5rem);
    border-bottom-right-radius: 0
}

.btn-group .btn:last-child:not(:first-child),
.btn-group.btn-group-horizontal .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: var(--rounded-btn, .5rem);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--rounded-btn, .5rem)
}

.btn-group.btn-group-vertical .btn:first-child:not(:last-child) {
    margin-left: 0;
    margin-top: -1px;
    border-top-left-radius: var(--rounded-btn, .5rem);
    border-top-right-radius: var(--rounded-btn, .5rem);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group.btn-group-vertical .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-btn, .5rem);
    border-bottom-right-radius: var(--rounded-btn, .5rem)
}

.steps-horizontal .step {
    grid-template-rows: 40px 1fr;
    grid-template-columns: auto;
    min-width: 4rem
}

.steps-horizontal .step:before {
    height: .5rem;
    width: 100%;
    --tw-translate-y: 0px;
    --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));
    content: "";
    margin-left: -100%
}

.steps-vertical .step {
    gap: .5rem;
    grid-template-columns: 40px 1fr;
    grid-template-rows: auto;
    min-height: 4rem;
    justify-items: start
}

.steps-vertical .step:before {
    height: 100%;
    width: .5rem;
    --tw-translate-y: -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));
    margin-left: 50%
}

.ease-300 {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-300,
.hover-primary {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter
}

.hover-primary {
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.hover-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(197 255 1/var(--tw-text-opacity))
}

.hover-opacity-and-shadow {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.hover-opacity-and-shadow:hover {
    opacity: 1;
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@media (min-width:1350px) {
    .hover-opacity-and-shadow {
        opacity: .8
    }
}

.hover-bg-opacity {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-bg-opacity: 0
}

.hover-bg-opacity:hover {
    --tw-bg-opacity: 0.1
}

.gap-border {
    --width: 3px;
    gap: var(--width);
    box-shadow: 0 0 0 var(--width) #c5ff01
}

.link-primary a {
    --tw-text-opacity: 1;
    color: rgb(197 255 1/var(--tw-text-opacity))
}

.link-primary a:hover {
    text-decoration-line: underline
}

.fade-both-edges {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10% 90%, transparent);
    mask-image: linear-gradient(90deg, transparent 0, #000 10% 90%, transparent)
}

.fade-left-edge {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10% 100%, transparent);
    mask-image: linear-gradient(90deg, transparent 0, #000 10% 100%, transparent)
}

.fade-right-edge {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 0 90%, transparent);
    mask-image: linear-gradient(90deg, transparent 0, #000 0 90%, transparent)
}

.slanted {
    --all: 0px;
    --b: #c5ff01;
    --top-right: 5px;
    display: inline-block;
    border: 1px solid var(--b);
    background: linear-gradient(45deg, var(--b) 0 calc(var(--bottom-left, var(--all))), transparent 0) 0 100%/50% 50%, linear-gradient(-45deg, var(--b) 0 calc(var(--bottom-right, var(--all))), transparent 0) 100% 100%/50% 50%, linear-gradient(135deg, var(--b) 0 calc(var(--top-left, var(--all))), transparent 0) 0 0/50% 50%, linear-gradient(-135deg, var(--b) 0 calc(var(--top-right, var(--all)) + 1px), transparent 0) 100% 0/50% 50%, var(--img, #000);
    background-origin: border-box;
    background-repeat: no-repeat;
    -webkit-mask: linear-gradient(45deg, transparent 0 var(--bottom-left, var(--all)), #fff 0) bottom left, linear-gradient(-45deg, transparent 0 var(--bottom-right, var(--all)), #fff 0) bottom right, linear-gradient(135deg, transparent 0 var(--top-left, var(--all)), #fff 0) top left, linear-gradient(-135deg, transparent 0 var(--top-right, var(--all)), #fff 0) top right;
    -webkit-mask-size: 50.5% 50.5%;
    -webkit-mask-repeat: no-repeat
}

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

.visible {
    visibility: visible
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

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

.-right-full {
    right: -100%
}

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

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-4 {
    bottom: 1rem
}

.left-0 {
    left: 0
}

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

.left-2 {
    left: .5rem
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-4 {
    right: 1rem
}

.top-0 {
    top: 0
}

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

.top-2 {
    top: .5rem
}

.top-full {
    top: 100%
}

.isolate {
    isolation: isolate
}

.z-10 {
    z-index: 10
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.order-first {
    order: -9999
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-10 {
    grid-column: span 10/span 10
}

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

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

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-full {
    grid-column: 1/-1
}

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

.col-start-12 {
    grid-column-start: 12
}

.m-4 {
    margin: 1rem
}

.m-auto {
    margin: auto
}

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

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

.mx-20 {
    margin-left: 5rem;
    margin-right: 5rem
}

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

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

.mx-\[1px\] {
    margin-left: 1px;
    margin-right: 1px
}

.mx-\[21px\] {
    margin-left: 21px;
    margin-right: 21px
}

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

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

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

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

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

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

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

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-\[18px\] {
    margin-top: 18px;
    margin-bottom: 18px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

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

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

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

.mb-20 {
    margin-bottom: 5rem
}

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

.mb-32 {
    margin-bottom: 8rem
}

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

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

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

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-\[127px\] {
    margin-bottom: 127px
}

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

.mb-\[57px\] {
    margin-bottom: 57px
}

.mb-\[58px\] {
    margin-bottom: 58px
}

.mb-\[70px\] {
    margin-bottom: 70px
}

.mb-\[90px\] {
    margin-bottom: 90px
}

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

.ml-10 {
    margin-left: 2.5rem
}

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

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

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

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

.ml-\[30px\] {
    margin-left: 30px
}

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

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

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

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

.mr-8 {
    margin-right: 2rem
}

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

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

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

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

.mt-20 {
    margin-top: 5rem
}

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

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

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

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.\ !contents {
    display: contents !important
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-0 {
    height: 0
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-44 {
    height: 11rem
}

.h-56 {
    height: 14rem
}

.h-64 {
    height: 16rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

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

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

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

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

.h-\[168px\] {
    height: 168px
}

.h-\[180px\] {
    height: 180px
}

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

.h-\[228px\] {
    height: 228px
}

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

.h-\[273px\] {
    height: 273px
}

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

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

.h-\[315px\] {
    height: 315px
}

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

.h-\[37px\] {
    height: 37px
}

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

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

.h-\[444px\] {
    height: 444px
}

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

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

.h-\[65px\] {
    height: 65px
}

.h-\[66px\] {
    height: 66px
}

.h-\[70\%\] {
    height: 70%
}

.h-\[80px\] {
    height: 80px
}

.h-\[80vh\] {
    height: 80vh
}

.h-auto {
    height: auto
}

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

.h-full {
    height: 100%
}

.max-h-\[175px\] {
    max-height: 175px
}

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

.min-h-0 {
    min-height: 0
}

.min-h-\[175px\] {
    min-height: 175px
}

.min-h-\[428px\] {
    min-height: 428px
}

.w-0 {
    width: 0
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-96 {
    width: 24rem
}

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

.w-\[145px\] {
    width: 145px
}

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

.w-\[168px\] {
    width: 168px
}

.w-\[171px\] {
    width: 171px
}

.w-\[18px\] {
    width: 18px
}

.w-\[190px\] {
    width: 190px
}

.w-\[191px\] {
    width: 191px
}

.w-\[203px\] {
    width: 203px
}

.w-\[210px\] {
    width: 210px
}

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

.w-\[271px\] {
    width: 271px
}

.w-\[273px\] {
    width: 273px
}

.w-\[28\.54px\] {
    width: 28.54px
}

.w-\[30px\] {
    width: 30px
}

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

.w-\[42px\] {
    width: 42px
}

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

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

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

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

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

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

.min-w-\[14rem\] {
    min-width: 14rem
}

.min-w-\[175px\] {
    min-width: 175px
}

.min-w-\[32px\] {
    min-width: 32px
}

.min-w-\[82vw\] {
    min-width: 82vw
}

.max-w-\[175px\] {
    max-width: 175px
}

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

.flex-grow,
.grow {
    flex-grow: 1
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
    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-1\/2 {
    --tw-translate-y: -50%
}

.-rotate-\[270deg\] {
    --tw-rotate: -270deg
}

.-rotate-\[270deg\],
.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
}

.scale-\[\.972\] {
    --tw-scale-x: .972;
    --tw-scale-y: .972
}

.scale-\[1\.1\],
.scale-\[\.972\] {
    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\.1\] {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

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

@keyframes shortPulse {
    0% {
        transform: scale(.1);
        box-shadow: 0 0 0 0 #8ce605
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 40px rgba(229, 62, 62, 0)
    }
    to {
        transform: scale(1)
    }
}

.animate-short-pulse {
    animation: shortPulse .5s 1
}

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

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

.cursor-pointer {
    cursor: pointer
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.auto-cols-max {
    grid-auto-columns: max-content
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-flow-row-dense {
    grid-auto-flow: row dense
}

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

.grid-cols-12 {
    grid-template-columns: repeat(12, 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-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.content-center {
    align-content: center
}

.content-start {
    align-content: flex-start
}

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

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

.items-center {
    align-items: center
}

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

.justify-center {
    justify-content: center
}

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

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

.justify-items-start {
    justify-items: start
}

.justify-items-end {
    justify-items: end
}

.justify-items-center {
    justify-items: center
}

.gap-0 {
    gap: 0
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-14 {
    gap: 3.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

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

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-8 {
    row-gap: 2rem
}

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

.divide-x-4>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(4px * var(--tw-divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)))
}

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

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

.divide-primary>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(197 255 1/var(--tw-divide-opacity))
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

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

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[3px\] {
    border-width: 3px
}

.border-y-\[1px\] {
    border-top-width: 1px
}

.border-b,
.border-y-\[1px\] {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l-2 {
    border-left-width: 2px
}

.border-r-2 {
    border-right-width: 2px
}

.border-t-2 {
    border-top-width: 2px
}

.border-\[\#1C2340\] {
    --tw-border-opacity: 1;
    border-color: rgb(28 35 64/var(--tw-border-opacity))
}

.border-\[\#273058\] {
    --tw-border-opacity: 1;
    border-color: rgb(39 48 88/var(--tw-border-opacity))
}

.border-\[\#414656\] {
    --tw-border-opacity: 1;
    border-color: rgb(65 70 86/var(--tw-border-opacity))
}

.border-blue {
    --tw-border-opacity: 1;
    border-color: rgb(39 48 88/var(--tw-border-opacity))
}

.border-error {
    --tw-border-opacity: 1;
    border-color: hsl(var(--er)/var(--tw-border-opacity))
}

.border-gray {
    --tw-border-opacity: 1;
    border-color: rgb(103 103 103/var(--tw-border-opacity))
}

.border-info {
    --tw-border-opacity: 1;
    border-color: hsl(var(--in)/var(--tw-border-opacity))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(197 255 1/var(--tw-border-opacity))
}

.border-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(198 206 197/var(--tw-border-opacity))
}

.border-success {
    --tw-border-opacity: 1;
    border-color: hsl(var(--su)/var(--tw-border-opacity))
}

.border-warning {
    --tw-border-opacity: 1;
    border-color: hsl(var(--wa)/var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-opacity-50 {
    --tw-border-opacity: 0.5
}

.bg-\[\#00001E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 30/var(--tw-bg-opacity))
}

.bg-\[\#0C1021\] {
    --tw-bg-opacity: 1;
    background-color: rgb(12 16 33/var(--tw-bg-opacity))
}

.bg-\[\#12172E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 23 46/var(--tw-bg-opacity))
}

.bg-\[\#3D3D3D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(61 61 61/var(--tw-bg-opacity))
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(103 103 103/var(--tw-bg-opacity))
}

.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(0 247 115/var(--tw-bg-opacity))
}

.bg-halborn {
    --tw-bg-opacity: 1;
    background-color: rgb(140 230 5/var(--tw-bg-opacity))
}

.bg-lightBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(148 176 255/var(--tw-bg-opacity))
}

.bg-lightGray {
    --tw-bg-opacity: 1;
    background-color: rgb(196 206 196/var(--tw-bg-opacity))
}

.bg-notFound,
.bg-paginate {
    --tw-bg-opacity: 1;
    background-color: rgb(29 31 40/var(--tw-bg-opacity))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(197 255 1/var(--tw-bg-opacity))
}

.bg-salmon {
    --tw-bg-opacity: 1;
    background-color: rgb(255 138 89/var(--tw-bg-opacity))
}

.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(198 206 197/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-\[url\(\'\/slashslash-bg\.svg\'\)\]{background-image:url(/slashslash-bg.svg)}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.fill-error{fill:hsl(var(--er))}.fill-halborn{fill:#8ce605}.fill-info{fill:hsl(var(--in))}.fill-primary{fill:#c5ff01}.fill-success{fill:hsl(var(--su))}.fill-warning{fill:hsl(var(--wa))}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.p-\[35px\]{padding:35px}.px-0{padding-left:0;padding-right:0}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.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-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.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-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-5{padding-right:1.25rem}.pt-0{padding-top:0}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-custom{font-family:Roboto,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-primary{font-family:TempelGrotesk-Wide,sans-serif}.font-primaryCondensed{font-family:TempelGrotesk-SemiCondensed,sans-serif}.font-secondary{font-family:FraktionSans,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[48px\]{font-size:48px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-10{line-height:2.5rem}.leading-9{line-height:2.25rem}.leading-\[18px\]{line-height:18px}.leading-\[20px\]{line-height:20px}.leading-\[22px\]{line-height:22px}.leading-\[24px\]{line-height:24px}.leading-\[36px\]{line-height:36px}.leading-\[39px\]{line-height:39px}.leading-none{line-height:1}.tracking-\[0px\]{letter-spacing:0}.tracking-\[1px\]{letter-spacing:1px}.tracking-\[2\.55px\]{letter-spacing:2.55px}.tracking-\[2px\]{letter-spacing:2px}.tracking-\[3px\]{letter-spacing:3px}.tracking-\[4\.8px\]{letter-spacing:4.8px}.tracking-\[4px\]{letter-spacing:4px}.tracking-\[6px\]{letter-spacing:6px}.tracking-wider{letter-spacing:.05em}.text-\[\#595C58\]{--tw-text-opacity:1;color:rgb(89 92 88/var(--tw-text-opacity))}.text-\[\#636A70\]{--tw-text-opacity:1;color:rgb(99 106 112/var(--tw-text-opacity))}.text-\[\#808080\]{--tw-text-opacity:1;color:rgb(128 128 128/var(--tw-text-opacity))}.text-\[\#8CE605\]{--tw-text-opacity:1;color:rgb(140 230 5/var(--tw-text-opacity))}.text-\[\#BBBCBE\]{--tw-text-opacity:1;color:rgb(187 188 190/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-error{--tw-text-opacity:1;color:hsl(var(--er)/var(--tw-text-opacity))}.text-gray{--tw-text-opacity:1;color:rgb(103 103 103/var(--tw-text-opacity))}.text-halborn{--tw-text-opacity:1;color:rgb(140 230 5/var(--tw-text-opacity))}.text-info{--tw-text-opacity:1;color:hsl(var(--in)/var(--tw-text-opacity))}.text-lightGray{--tw-text-opacity:1;color:rgb(196 206 196/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(197 255 1/var(--tw-text-opacity))}.text-salmon{--tw-text-opacity:1;color:rgb(255 138 89/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(198 206 197/var(--tw-text-opacity))}.text-success{--tw-text-opacity:1;color:hsl(var(--su)/var(--tw-text-opacity))}.text-warning{--tw-text-opacity:1;color:hsl(var(--wa)/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-opacity-50{--tw-text-opacity:0.5}.underline{text-decoration-line:underline}.decoration-primary{text-decoration-color:#c5ff01}.underline-offset-\[13px\]{text-underline-offset:13px}.placeholder-primary::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(197 255 1/var(--tw-placeholder-opacity))}.placeholder-primary::placeholder{--tw-placeholder-opacity:1;color:rgb(197 255 1/var(--tw-placeholder-opacity))}.accent-primary{accent-color:#c5ff01}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[0_4px_16px_0_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{--tw-shadow:0 4px 16px 0 rgba(0,0,0,.45);--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-2{outline-width:2px}.outline-black{outline-color:#000}.outline-halborn{outline-color:#8ce605}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-lg,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.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,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,outline-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-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.grid-auto-fit-xl{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}@media (min-width:1024px){[data-hid=blog-post] pre.lg\:inline,[data-hid=disclosure-post] pre.lg\:inline,[data-hid=privacy-and-terms] pre.lg\:inline{background-color:transparent;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}}.placeholder\:text-white::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.placeholder\:text-white::placeholder{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:bg-paginateHover:hover{--tw-bg-opacity:1;background-color:rgb(51 51 51/var(--tw-bg-opacity))}.hover\:bg-opacity-75:hover{--tw-bg-opacity:0.75}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(197 255 1/var(--tw-text-opacity))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(198 206 197/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:text-primary:focus{--tw-text-opacity:1;color:rgb(197 255 1/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (prefers-color-scheme:dark){.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:200px){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:w-full{width:100%}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-8{gap:2rem}.sm\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.lg\:order-3{order:3}.lg\:order-4{order:4}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-7{grid-column-start:7}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}.lg\:inline{display:inline}.lg\:h-32{height:8rem}.lg\:w-32{width:8rem}.lg\:w-full{width:100%}.lg\:min-w-0{min-width:0}.lg\:grid-flow-col{grid-auto-flow:column}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:justify-items-start{justify-items:start}.lg\:justify-items-end{justify-items:end}.lg\:gap-0{gap:0}.lg\:gap-8{gap:2rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:pt-\[1rem\]{padding-top:1rem}.lg\:text-left{text-align:left}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1280px){.xl\:col-span-12{grid-column:span 12/span 12}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:px-32{padding-left:8rem;padding-right:8rem}}@media (min-width:1350px){.md\:order-2{order:2}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-full{grid-column:1/-1}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-24{margin-left:6rem;margin-right:6rem}.md\:mx-5{margin-left:1.25rem;margin-right:1.25rem}.md\:mx-\[311px\]{margin-left:311px;margin-right:311px}.md\:mx-\[40px\]{margin-left:40px;margin-right:40px}.md\:my-\[29px\]{margin-top:29px;margin-bottom:29px}.md\:my-auto{margin-top:auto;margin-bottom:auto}.md\:mb-0{margin-bottom:0}.md\:mb-4{margin-bottom:1rem}.md\:mb-8{margin-bottom:2rem}.md\:mb-9{margin-bottom:2.25rem}.md\:mb-\[138px\]{margin-bottom:138px}.md\:mb-\[144px\]{margin-bottom:144px}.md\:mb-\[32px\]{margin-bottom:32px}.md\:ml-0{margin-left:0}.md\:ml-16{margin-left:4rem}.md\:ml-5{margin-left:1.25rem}.md\:ml-\[20px\]{margin-left:20px}.md\:ml-auto{margin-left:auto}.md\:mr-32{margin-right:8rem}.md\:mr-5{margin-right:1.25rem}.md\:mr-\[20px\]{margin-right:20px}.md\:mt-0{margin-top:0}.md\:mt-4{margin-top:1rem}.md\:mt-5{margin-top:1.25rem}.md\:mt-6{margin-top:1.5rem}.md\:mt-8{margin-top:2rem}.md\:mt-\[107px\]{margin-top:107px}.md\:mt-\[31px\]{margin-top:31px}.md\:mt-\[80px\]{margin-top:80px}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[153px\]{height:153px}.md\:h-\[168px\]{height:168px}.md\:h-\[240px\]{height:240px}.md\:h-\[246px\]{height:246px}.md\:h-\[24px\]{height:24px}.md\:h-\[279px\]{height:279px}.md\:h-\[416px\]{height:416px}.md\:h-\[48px\]{height:48px}.md\:h-\[60px\]{height:60px}.md\:h-\[78px\]{height:78px}.md\:w-1\/2{width:50%}.md\:w-\[210px\]{width:210px}.md\:w-\[240px\]{width:240px}.md\:w-\[279px\]{width:279px}.md\:w-\[320px\]{width:320px}.md\:w-\[362px\]{width:362px}.md\:w-\[60px\]{width:60px}.md\:w-\[71px\]{width:71px}.md\:w-\[89px\]{width:89px}.md\:min-w-\[150px\]{min-width:150px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-0{gap:0}.md\:gap-12{gap:3rem}.md\:gap-4{gap:1rem}.md\:gap-8{gap:2rem}.md\:gap-\[78px\]{gap:78px}.md\:gap-x-0{-moz-column-gap:0;column-gap:0}.md\:gap-x-\[28px\]{-moz-column-gap:28px;column-gap:28px}.md\:border-\[1px\]{border-width:1px}.md\:border-l-0{border-left-width:0}.md\:border-r-0{border-right-width:0}.md\:p-10{padding:2.5rem}.md\:p-14{padding:3.5rem}.md\:p-5{padding:1.25rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:px-\[51px\]{padding-left:51px;padding-right:51px}.md\:py-0{padding-top:0;padding-bottom:0}.md\:py-\[16px\]{padding-top:16px;padding-bottom:16px}.md\:py-\[30px\]{padding-top:30px;padding-bottom:30px}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[18px\]{font-size:18px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[24px\]{font-size:24px}.md\:text-\[32px\]{font-size:32px}.md\:text-\[40px\]{font-size:40px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-\[39px\]{line-height:39px}.md\:leading-\[50px\]{line-height:50px}.md\:tracking-\[13px\]{letter-spacing:13px}}.button_normal__unkCh{border-width:2px;--tw-border-opacity:1;border-color:rgb(197 255 1/var(--tw-border-opacity));text-transform:uppercase;--tw-text-opacity:1;color:rgb(197 255 1/var(--tw-text-opacity));--all:0px;--b:#c5ff01;--top-right:5px;display:inline-block;border:1px solid var(--b);background:linear-gradient(45deg,var(--b) 0 calc(var(--bottom-left, var(--all))),transparent 0) 0 100% /50% 50%,linear-gradient(-45deg,var(--b) 0 calc(var(--bottom-right, var(--all))),transparent 0) 100% 100%/50% 50%,linear-gradient(135deg,var(--b) 0 calc(var(--top-left, var(--all))),transparent 0) 0 0 /50% 50%,linear-gradient(-135deg,var(--b) 0 calc(var(--top-right, var(--all)) + 1px),transparent 0) 100% 0 /50% 50%,var(--img,#000);background-origin:border-box;background-repeat:no-repeat;-webkit-mask:linear-gradient(45deg,transparent 0 var(--bottom-left,var(--all)),#fff 0) bottom left,linear-gradient(-45deg,transparent 0 var(--bottom-right,var(--all)),#fff 0) bottom right,linear-gradient(135deg,transparent 0 var(--top-left,var(--all)),#fff 0) top left,linear-gradient(-135deg,transparent 0 var(--top-right,var(--all)),#fff 0) top right;-webkit-mask-size:50.5% 50.5%;-webkit-mask-repeat:no-repeat}.button_table__APJpy tr.button_normal__unkCh:hover:enabled:hover td,.button_table__APJpy tr.button_normal__unkCh:hover:enabled:hover th,.button_table__APJpy tr.button_normal__unkCh:hover:enabled:nth-child(2n):hover td,.button_table__APJpy tr.button_normal__unkCh:hover:enabled:nth-child(2n):hover th{--tw-bg-opacity:1;background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity))}.button_hover__8lM6_,.button_normal__unkCh:hover:enabled{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));--all:0px;--b:#c5ff01;--top-right:5px;background:linear-gradient(45deg,var(--b) 0 calc(var(--bottom-left, var(--all))),var(--b) 0) 0 100% /50% 50%,linear-gradient(-45deg,var(--b) 0 calc(var(--bottom-right, var(--all))),var(--b) 0) 100% 100%/50% 50%,linear-gradient(135deg,var(--b) 0 calc(var(--top-left, var(--all))),var(--b) 0) 0 0 /50% 50%,linear-gradient(-135deg,var(--b) 0 calc(var(--top-right, var(--all)) + 1px),var(--b) 0) 100% 0 /50% 50%,var(--img,var(--b));background-origin:border-box;background-repeat:no-repeat;-webkit-mask:linear-gradient(45deg,var(--b) 0 var(--bottom-left,var(--all)),#fff 0) bottom left,linear-gradient(-45deg,var(--b) 0 var(--bottom-right,var(--all)),#fff 0) bottom right,linear-gradient(135deg,transparent 0 var(--top-left,var(--all)),#fff 0) top left,linear-gradient(-135deg,transparent 0 var(--top-right,var(--all)),#fff 0) top right;-webkit-mask-size:50.5% 50.5%;-webkit-mask-repeat:no-repeat}.button_disabled__flrST,.button_hover__8lM6_,.button_normal__unkCh:hover:enabled{border-width:2px;border-color:rgb(197 255 1/var(--tw-border-opacity));text-transform:uppercase;display:inline-block;border:1px solid var(--b)}.button_disabled__flrST{--tw-border-opacity:1;--tw-text-opacity:1;color:rgb(103 103 103/var(--tw-text-opacity));--all:0px;--b:#676767;--top-right:5px;background:linear-gradient(45deg,var(--b) 0 calc(var(--bottom-left, var(--all))),transparent 0) 0 100% /50% 50%,linear-gradient(-45deg,var(--b) 0 calc(var(--bottom-right, var(--all))),transparent 0) 100% 100%/50% 50%,linear-gradient(135deg,var(--b) 0 calc(var(--top-left, var(--all))),transparent 0) 0 0 /50% 50%,linear-gradient(-135deg,var(--b) 0 calc(var(--top-right, var(--all)) + 1px),transparent 0) 100% 0 /50% 50%,var(--img,#000);background-origin:border-box;background-repeat:no-repeat;-webkit-mask:linear-gradient(45deg,transparent 0 var(--bottom-left,var(--all)),#fff 0) bottom left,linear-gradient(-45deg,transparent 0 var(--bottom-right,var(--all)),#fff 0) bottom right,linear-gradient(135deg,transparent 0 var(--top-left,var(--all)),#fff 0) top left,linear-gradient(-135deg,transparent 0 var(--top-right,var(--all)),#fff 0) top right;-webkit-mask-size:50.5% 50.5%;-webkit-mask-repeat:no-repeat}