@font-face {
    font-family: __Inter_e66fe9;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(media/ec159349637c90ad-s.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-family: __Inter_e66fe9;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(media/513657b02c5c193f-s.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-family: __Inter_e66fe9;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(media/fd4db3eb5472fc27-s.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: __Inter_e66fe9;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(media/51ed15f9841b9f9d-s.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: __Inter_e66fe9;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(media/05a31a2ca4975f99-s.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab
}

@font-face {
    font-family: __Inter_e66fe9;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(media/d6b16ce4a6175f26-s.woff2) format("woff2");
    unicode-range: U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-family: __Inter_e66fe9;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: __Inter_Fallback_e66fe9;
    src: local("Arial");
    ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}

.__className_e66fe9 {
    font-family: __Inter_e66fe9,__Inter_Fallback_e66fe9;
    font-style: normal
}

/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/
*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

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-feature-settings: normal;
    font-variation-settings: normal;
    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-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

:root,[data-theme] {
    background-color: hsl(var(--b1)/var(--tw-bg-opacity,1));
    color: hsl(var(--bc)/var(--tw-text-opacity,1))
}

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

:root {
    --p: 262 80% 50%;
    --pf: 262 80% 43%;
    --sf: 316 70% 43%;
    --af: 175 70% 34%;
    --nf: 0 0% 0%;
    --b2: 0 0% 0%;
    --b3: 0 0% 0%;
    --bc: 145 0% 78%;
    --pc: 268 87% 91%;
    --sc: 325 84% 92%;
    --ac: 173 30% 11%;
    --nc: 145 0% 79%;
    --inc: 202 34% 14%;
    --suc: 152 31% 13%;
    --wac: 39 47% 13%;
    --erc: 3 29% 15%;
    --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;
    --s: 316 70% 50%;
    --a: 175 70% 41%;
    --n: 0 0% 6%;
    --b1: 0 0% 2%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%
}

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

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

@media (hover: hover) {
    .link-hover:hover {
        text-decoration-line:underline
    }

    .menu li>:not(ul):not(.menu-title):not(details).active,.menu li>:not(ul):not(.menu-title):not(details):active,.menu li>details>summary:active {
        --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 {
    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(--b2)/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-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
    border-radius: var(--rounded-btn,.5rem);
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 3rem;
    font-size: .875rem;
    line-height: 1em;
    gap: .5rem;
    font-weight: 600;
    text-decoration-line: none;
    border-width: var(--border-btn,1px);
    animation: button-pop var(--animation-btn,.25s) ease-out;
    text-transform: var(--btn-text-case,uppercase);
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--bc)/var(--tw-text-opacity));
    outline-color: hsl(var(--bc)/1)
}

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

.btn-circle {
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding: 0
}

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

.btn:is(input[type=checkbox]),.btn:is(input[type=radio]) {
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after {
    --tw-content: attr(aria-label);
    content: var(--tw-content)
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown>:not(summary):focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.dropdown .dropdown-content {
    position: absolute
}

.dropdown:is(:not(details)) .dropdown-content {
    visibility: hidden;
    opacity: 0;
    transform-origin: top;
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s
}

.dropdown-end .dropdown-content {
    right: 0
}

.dropdown-left .dropdown-content {
    bottom: auto;
    right: 100%;
    top: 0;
    transform-origin: right
}

.dropdown-right .dropdown-content {
    bottom: auto;
    left: 100%;
    top: 0;
    transform-origin: left
}

.dropdown-bottom .dropdown-content {
    bottom: auto;
    top: 100%;
    transform-origin: top
}

.dropdown-top .dropdown-content {
    bottom: 100%;
    top: auto;
    transform-origin: bottom
}

.dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content {
    bottom: 0;
    top: auto
}

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

@media (hover: hover) {
    .dropdown.dropdown-hover:hover .dropdown-content {
        visibility:visible;
        opacity: 1
    }

    .btn:hover {
        border-color: hsl(var(--b3)/var(--tw-border-opacity));
        background-color: hsl(var(--b3)/var(--tw-bg-opacity))
    }

    .btn-neutral:hover,.btn:hover {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1
    }

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

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

    .btn-ghost:hover {
        --tw-border-opacity: 0;
        background-color: hsl(var(--bc)/var(--tw-bg-opacity));
        --tw-bg-opacity: 0.2
    }

    .btn-disabled:hover,.btn:disabled:hover,.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:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--pf)/var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--pf)/var(--tw-bg-opacity))
    }

    .dropdown.dropdown-hover:hover .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))
    }

    :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover {
        cursor: pointer;
        background-color: hsl(var(--bc)/.1);
        --tw-text-opacity: 1;
        color: hsl(var(--bc)/var(--tw-text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px
    }
}

.dropdown:is(details) summary::-webkit-details-marker {
    display: none
}

.indicator {
    position: relative;
    display: inline-flex;
    width: -moz-max-content;
    width: max-content
}

.indicator :where(.indicator-item) {
    z-index: 1;
    position: absolute;
    white-space: nowrap
}

.join .dropdown .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .dropdown .join-item {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

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

.link-hover {
    text-decoration-line: none
}

.menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem
}

.menu :where(li ul) {
    position: relative;
    white-space: nowrap;
    margin-left: 1rem;
    padding-left: .5rem
}

.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    display: grid;
    grid-auto-flow: column;
    align-content: flex-start;
    align-items: center;
    gap: .5rem;
    grid-auto-columns: minmax(auto,max-content) auto max-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.menu li.disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: hsl(var(--bc)/.3)
}

.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)) {
    display: none
}

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

:where(.menu li) .badge {
    justify-self: end
}

.modal {
    pointer-events: none;
    position: fixed;
    inset: 0;
    margin: 0;
    display: grid;
    height: 100%;
    max-height: none;
    width: 100%;
    max-width: none;
    justify-items: center;
    padding: 0;
    opacity: 0;
    overscroll-behavior: contain;
    z-index: 999;
    background-color: transparent;
    color: inherit;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-property: transform,opacity,visibility;
    overflow-y: hidden
}

:where(.modal) {
    align-items: center
}

.modal-box {
    max-height: calc(100vh - 5em);
    grid-column-start: 1;
    grid-row-start: 1;
    width: 91.666667%;
    max-width: 32rem;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    padding: 1.5rem;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
    border-top-left-radius: var(--rounded-box,1rem);
    border-top-right-radius: var(--rounded-box,1rem);
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: var(--rounded-box,1rem);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    overflow-y: auto;
    overscroll-behavior: contain
}

.modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open] {
    pointer-events: auto;
    visibility: visible;
    opacity: 1
}

.modal-action {
    display: flex;
    margin-top: 1.5rem;
    justify-content: flex-end
}

:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])) {
    overflow: hidden
}

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

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

.navbar-start {
    width: 50%;
    justify-content: flex-start
}

.navbar-center {
    flex-shrink: 0
}

.navbar-end {
    width: 50%;
    justify-content: flex-end
}

.btn:active:focus,.btn:active:hover {
    animation: button-pop 0s ease-out;
    transform: scale(var(--btn-focus-scale,.97))
}

.btn:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px
}

.btn-neutral {
    --tw-border-opacity: 1;
    border-color: hsl(var(--n)/var(--tw-border-opacity));
    --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));
    outline-color: hsl(var(--n)/1)
}

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

.btn.glass {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-color: currentColor
}

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

.btn-ghost {
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    color: currentColor;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-color: currentColor
}

.btn-ghost.btn-active {
    --tw-border-opacity: 0;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2
}

.btn.btn-disabled,.btn:disabled,.btn[disabled] {
    --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-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-style: solid;
    outline-width: 2px;
    outline-color: hsl(var(--p)/1)
}

.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked) {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible {
    outline-color: hsl(var(--p)/1)
}

@keyframes button-pop {
    0% {
        transform: scale(var(--btn-focus-scale,.98))
    }

    40% {
        transform: scale(1.02)
    }

    to {
        transform: scale(1)
    }
}

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

    50% {
        background-position-y: -2px
    }

    to {
        background-position-y: 0
    }
}

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

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

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

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

.menu :where(li ul):before {
    position: absolute;
    bottom: .75rem;
    left: 0;
    top: .75rem;
    width: 1px;
    background-color: hsl(var(--bc)/.1);
    content: ""
}

.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    padding: .5rem 1rem;
    text-align: left;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
    border-radius: var(--rounded-btn,.5rem);
    text-wrap: balance
}

:where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,:where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):is(summary):not(.active):focus-visible,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active):focus {
    cursor: pointer;
    background-color: hsl(var(--bc)/.1);
    --tw-text-opacity: 1;
    color: hsl(var(--bc)/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

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

.menu :where(li>details>summary)::-webkit-details-marker {
    display: none
}

.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after {
    justify-self: end;
    display: block;
    margin-top: -.5rem;
    height: .5rem;
    width: .5rem;
    transform: rotate(45deg);
    transition-property: transform,margin-top;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    content: "";
    transform-origin: 75% 75%;
    box-shadow: 2px 2px;
    pointer-events: none
}

.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after {
    transform: rotate(225deg);
    margin-top: 0
}

.modal::backdrop,.modal:not(dialog:not(.modal-open)) {
    background-color: rgba(0,0,0,.3);
    animation: modal-pop .2s ease-out
}

.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box {
    --tw-translate-y: 0px;
    --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))
}

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

@keyframes modal-pop {
    0% {
        opacity: 0
    }
}

@keyframes progress-loading {
    50% {
        background-position-x: -115%
    }
}

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

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

    40% {
        transform: translateY(-.125em)
    }

    to {
        transform: translateY(0)
    }
}

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

    to {
        transform: scale(1);
        opacity: 1
    }
}

.rounded-box {
    border-radius: var(--rounded-box,1rem)
}

.btn-circle:where(.btn-xs) {
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    padding: 0
}

.btn-circle:where(.btn-sm) {
    height: 2rem;
    width: 2rem;
    border-radius: 9999px;
    padding: 0
}

.btn-circle:where(.btn-md) {
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding: 0
}

.btn-circle:where(.btn-lg) {
    height: 4rem;
    width: 4rem;
    border-radius: 9999px;
    padding: 0
}

.indicator :where(.indicator-item) {
    bottom: auto;
    left: auto;
    right: 0;
    top: 0;
    --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))
}

.indicator :where(.indicator-item.indicator-start) {
    left: 0;
    right: auto;
    --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))
}

.indicator :where(.indicator-item.indicator-center) {
    left: 50%;
    right: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.indicator :where(.indicator-item.indicator-end) {
    left: auto;
    right: 0;
    --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))
}

.indicator :where(.indicator-item.indicator-bottom) {
    bottom: 0;
    top: auto;
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.indicator :where(.indicator-item.indicator-middle) {
    bottom: 50%;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.indicator :where(.indicator-item.indicator-top) {
    bottom: auto;
    top: 0;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.menu-horizontal>li:not(.menu-title)>details>ul {
    position: absolute
}

.btn-group .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) {
    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) {
    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-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-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-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-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-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)
}

.menu-horizontal>li:not(.menu-title)>details>ul {
    margin-left: 0;
    margin-top: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: .5rem
}

.menu-horizontal>li>details>ul:before {
    content: none
}

:where(.menu-horizontal>li:not(.menu-title)>details>ul) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    border-radius: var(--rounded-box,1rem)
}

.menu-sm :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu-sm :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    padding: .25rem .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: var(--rounded-btn,.5rem)
}

.menu-sm .menu-title {
    padding: .5rem .75rem
}

.modal-top :where(.modal-box) {
    width: 100%;
    max-width: none;
    --tw-translate-y: -2.5rem;
    --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));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: var(--rounded-box,1rem)
}

.modal-middle :where(.modal-box) {
    width: 91.666667%;
    max-width: 32rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-top-left-radius: var(--rounded-box,1rem);
    border-top-right-radius: var(--rounded-box,1rem);
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: var(--rounded-box,1rem)
}

.modal-bottom :where(.modal-box) {
    width: 100%;
    max-width: none;
    --tw-translate-y: 2.5rem;
    --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));
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: var(--rounded-box,1rem);
    border-top-right-radius: var(--rounded-box,1rem)
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.bottom-0 {
    bottom: 0
}

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

.top-0 {
    top: 0
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

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

.flex {
    display: flex
}

.h-5 {
    height: 1.25rem
}

.h-8 {
    height: 2rem
}

.w-5 {
    width: 1.25rem
}

.w-52 {
    width: 13rem
}

.w-8 {
    width: 2rem
}

.w-full {
    width: 100%
}

.flex-1 {
    flex: 1 1 0%
}

.flex-none {
    flex: none
}

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

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

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

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

.bg-base-100 {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity))
}

.bg-neutral {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--n)/var(--tw-bg-opacity))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.from-\[\#5264e2\] {
    --tw-gradient-from: #5264e2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(82,100,226,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-\[\#00abbb\] {
    --tw-gradient-to: #00abbb var(--tw-gradient-to-position)
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.p-2 {
    padding: .5rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.text-center {
    text-align: center
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-lg {
    font-size: 1.125rem
}

.text-lg,.text-xl {
    line-height: 1.75rem
}

.text-xl {
    font-size: 1.25rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.normal-case {
    text-transform: none
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity))
}

.text-sky-400 {
    --tw-text-opacity: 1;
    color: rgb(56 189 248/var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

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

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

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

.duration-500 {
    transition-duration: .5s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@keyframes tailAnimation {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(2deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.tail-icon {
    animation: tailAnimation 1s infinite
}

.button2 {
    border-radius: 8px;
    border: 1px solid transparent;
    padding: .6em 1.2em;
    font-size: 1em;
    font-weight: 500;
    font-family: inherit;
    color: #0f0f0f;
    transition: border-color .25s;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    cursor: pointer
}

.button2:active,.button2:hover {
    border-color: #62c7e6
}

.button2:active {
    background-color: #000
}

.button2 {
    outline: none
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.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))
}

@media (min-width: 768px) {
    .md\:ms-5 {
        margin-inline-start:1.25rem
    }

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }
}

/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/
*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
  }
  
  :after,:before {
    --tw-content: ""
  }
  
  :host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
  }
  
  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-feature-settings: normal;
    font-variation-settings: normal;
    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-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
  }
  
  button,select {
    text-transform: none
  }
  
  [type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
  }
  
  :-moz-focusring {
    outline: auto
  }
  
  :-moz-ui-invalid {
    box-shadow: none
  }
  
  progress {
    vertical-align: baseline
  }
  
  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
  }
  
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
  }
  
  ::-webkit-search-decoration {
    -webkit-appearance: none
  }
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
  }
  
  summary {
    display: list-item
  }
  
  blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
  }
  
  fieldset {
    margin: 0
  }
  
  fieldset,legend {
    padding: 0
  }
  
  menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
  }
  
  dialog {
    padding: 0
  }
  
  textarea {
    resize: vertical
  }
  
  input::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: hsl(var(--b1)/var(--tw-bg-opacity,1));
    color: hsl(var(--bc)/var(--tw-text-opacity,1))
  }
  
  html {
    -webkit-tap-highlight-color: transparent
  }
  
  :root {
    --p: 262 80% 50%;
    --pf: 262 80% 43%;
    --sf: 316 70% 43%;
    --af: 175 70% 34%;
    --nf: 0 0% 0%;
    --b2: 0 0% 0%;
    --b3: 0 0% 0%;
    --bc: 145 0% 78%;
    --pc: 268 87% 91%;
    --sc: 325 84% 92%;
    --ac: 173 30% 11%;
    --nc: 145 0% 79%;
    --inc: 202 34% 14%;
    --suc: 152 31% 13%;
    --wac: 39 47% 13%;
    --erc: 3 29% 15%;
    --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;
    --s: 316 70% 50%;
    --a: 175 70% 41%;
    --n: 0 0% 6%;
    --b1: 0 0% 2%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%
  }
  
  *,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
  }
  
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
  }
  
  @media (hover: hover) {
    .link-hover:hover {
        text-decoration-line:underline
    }
  
    .menu li>:not(ul):not(.menu-title):not(details).active,.menu li>:not(ul):not(.menu-title):not(details):active,.menu li>details>summary:active {
        --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 {
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-color: transparent;
    border-color: hsl(var(--b2)/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-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
    border-radius: var(--rounded-btn,.5rem);
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 3rem;
    font-size: .875rem;
    line-height: 1em;
    gap: .5rem;
    font-weight: 600;
    text-decoration-line: none;
    border-width: var(--border-btn,1px);
    animation: button-pop var(--animation-btn,.25s) ease-out;
    text-transform: var(--btn-text-case,uppercase);
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--bc)/var(--tw-text-opacity));
    outline-color: hsl(var(--bc)/1)
  }
  
  .btn-disabled,.btn:disabled,.btn[disabled] {
    pointer-events: none
  }
  
  .btn-circle {
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding: 0
  }
  
  .btn-group>input[type=radio].btn {
    -webkit-appearance: none;
    appearance: none
  }
  
  .btn-group>input[type=radio].btn:before {
    content: attr(data-title)
  }
  
  .btn:is(input[type=checkbox]),.btn:is(input[type=radio]) {
    width: auto;
    -webkit-appearance: none;
    appearance: none
  }
  
  .btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after {
    --tw-content: attr(aria-label);
    content: var(--tw-content)
  }
  
  .dropdown {
    position: relative;
    display: inline-block
  }
  
  .dropdown>:not(summary):focus {
    outline: 2px solid transparent;
    outline-offset: 2px
  }
  
  .dropdown .dropdown-content {
    position: absolute
  }
  
  .dropdown:is(:not(details)) .dropdown-content {
    visibility: hidden;
    opacity: 0;
    transform-origin: top;
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s
  }
  
  .dropdown-end .dropdown-content {
    right: 0
  }
  
  .dropdown-left .dropdown-content {
    bottom: auto;
    right: 100%;
    top: 0;
    transform-origin: right
  }
  
  .dropdown-right .dropdown-content {
    bottom: auto;
    left: 100%;
    top: 0;
    transform-origin: left
  }
  
  .dropdown-bottom .dropdown-content {
    bottom: auto;
    top: 100%;
    transform-origin: top
  }
  
  .dropdown-top .dropdown-content {
    bottom: 100%;
    top: auto;
    transform-origin: bottom
  }
  
  .dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content {
    bottom: 0;
    top: auto
  }
  
  .dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content {
    visibility: visible;
    opacity: 1
  }
  
  @media (hover: hover) {
    .dropdown.dropdown-hover:hover .dropdown-content {
        visibility:visible;
        opacity: 1
    }
  
    .btn:hover {
        border-color: hsl(var(--b3)/var(--tw-border-opacity));
        background-color: hsl(var(--b3)/var(--tw-bg-opacity))
    }
  
    .btn-neutral:hover,.btn:hover {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1
    }
  
    .btn-neutral:hover {
        border-color: hsl(var(--nf)/var(--tw-border-opacity));
        background-color: hsl(var(--nf)/var(--tw-bg-opacity))
    }
  
    .btn.glass:hover {
        --glass-opacity: 25%;
        --glass-border-opacity: 15%
    }
  
    .btn-ghost:hover {
        --tw-border-opacity: 0;
        background-color: hsl(var(--bc)/var(--tw-bg-opacity));
        --tw-bg-opacity: 0.2
    }
  
    .btn-disabled:hover,.btn:disabled:hover,.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:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--pf)/var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--pf)/var(--tw-bg-opacity))
    }
  
    .dropdown.dropdown-hover:hover .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))
    }
  
    :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover {
        cursor: pointer;
        background-color: hsl(var(--bc)/.1);
        --tw-text-opacity: 1;
        color: hsl(var(--bc)/var(--tw-text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px
    }
  }
  
  .dropdown:is(details) summary::-webkit-details-marker {
    display: none
  }
  
  .indicator {
    position: relative;
    display: inline-flex;
    width: max-content
  }
  
  .indicator :where(.indicator-item) {
    z-index: 1;
    position: absolute;
    white-space: nowrap
  }
  
  .join .dropdown .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .dropdown .join-item {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
  }
  
  .link {
    cursor: pointer;
    text-decoration-line: underline
  }
  
  .link-hover {
    text-decoration-line: none
  }
  
  .menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem
  }
  
  .menu :where(li ul) {
    position: relative;
    white-space: nowrap;
    margin-left: 1rem;
    padding-left: .5rem
  }
  
  .menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    display: grid;
    grid-auto-flow: column;
    align-content: flex-start;
    align-items: center;
    gap: .5rem;
    grid-auto-columns: minmax(auto,max-content) auto max-content;
    -webkit-user-select: none;
    user-select: none
  }
  
  .menu li.disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    color: hsl(var(--bc)/.3)
  }
  
  .menu :where(li>.menu-dropdown:not(.menu-dropdown-show)) {
    display: none
  }
  
  :where(.menu li) {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch
  }
  
  :where(.menu li) .badge {
    justify-self: end
  }
  
  .modal {
    pointer-events: none;
    position: fixed;
    inset: 0;
    margin: 0;
    display: grid;
    height: 100%;
    max-height: none;
    width: 100%;
    max-width: none;
    justify-items: center;
    padding: 0;
    opacity: 0;
    overscroll-behavior: contain;
    z-index: 999;
    background-color: transparent;
    color: inherit;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-property: transform,opacity,visibility;
    overflow-y: hidden
  }
  
  :where(.modal) {
    align-items: center
  }
  
  .modal-box {
    max-height: calc(100vh - 5em);
    grid-column-start: 1;
    grid-row-start: 1;
    width: 91.666667%;
    max-width: 32rem;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    padding: 1.5rem;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
    border-top-left-radius: var(--rounded-box,1rem);
    border-top-right-radius: var(--rounded-box,1rem);
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: var(--rounded-box,1rem);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    overflow-y: auto;
    overscroll-behavior: contain
  }
  
  .modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open] {
    pointer-events: auto;
    visibility: visible;
    opacity: 1
  }
  
  .modal-action {
    display: flex;
    margin-top: 1.5rem;
    justify-content: flex-end
  }
  
  :root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])) {
    overflow: hidden
  }
  
  .navbar {
    display: flex;
    align-items: center;
    padding: var(--navbar-padding,.5rem);
    min-height: 4rem;
    width: 100%
  }
  
  :where(.navbar>*) {
    display: inline-flex;
    align-items: center
  }
  
  .navbar-start {
    width: 50%;
    justify-content: flex-start
  }
  
  .navbar-center {
    flex-shrink: 0
  }
  
  .navbar-end {
    width: 50%;
    justify-content: flex-end
  }
  
  .btn:active:focus,.btn:active:hover {
    animation: button-pop 0s ease-out;
    transform: scale(var(--btn-focus-scale,.97))
  }
  
  .btn:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px
  }
  
  .btn-neutral {
    --tw-border-opacity: 1;
    border-color: hsl(var(--n)/var(--tw-border-opacity));
    --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));
    outline-color: hsl(var(--n)/1)
  }
  
  .btn-neutral.btn-active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--nf)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nf)/var(--tw-bg-opacity))
  }
  
  .btn.glass {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-color: currentColor
  }
  
  .btn.glass.btn-active {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%
  }
  
  .btn-ghost {
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    color: currentColor;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-color: currentColor
  }
  
  .btn-ghost.btn-active {
    --tw-border-opacity: 0;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2
  }
  
  .btn.btn-disabled,.btn:disabled,.btn[disabled] {
    --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-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-style: solid;
    outline-width: 2px;
    outline-color: hsl(var(--p)/1)
  }
  
  .btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked) {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc)/var(--tw-text-opacity))
  }
  
  .btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible {
    outline-color: hsl(var(--p)/1)
  }
  
  @keyframes button-pop {
    0% {
        transform: scale(var(--btn-focus-scale,.98))
    }
  
    40% {
        transform: scale(1.02)
    }
  
    to {
        transform: scale(1)
    }
  }
  
  @keyframes checkmark {
    0% {
        background-position-y: 5px
    }
  
    50% {
        background-position-y: -2px
    }
  
    to {
        background-position-y: 0
    }
  }
  
  .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))
  }
  
  .link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
  }
  
  .link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
  }
  
  :where(.menu li:empty) {
    background-color: hsl(var(--bc)/.1);
    margin: .5rem 1rem;
    height: 1px
  }
  
  .menu :where(li ul):before {
    position: absolute;
    bottom: .75rem;
    left: 0;
    top: .75rem;
    width: 1px;
    background-color: hsl(var(--bc)/.1);
    content: ""
  }
  
  .menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    padding: .5rem 1rem;
    text-align: left;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
    border-radius: var(--rounded-btn,.5rem);
    text-wrap: balance
  }
  
  :where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,:where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):is(summary):not(.active):focus-visible,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active):focus {
    cursor: pointer;
    background-color: hsl(var(--bc)/.1);
    --tw-text-opacity: 1;
    color: hsl(var(--bc)/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
  }
  
  .menu li>:not(ul):not(.menu-title):not(details).active,.menu li>:not(ul):not(.menu-title):not(details):active,.menu li>details>summary:active {
    --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))
  }
  
  .menu :where(li>details>summary)::-webkit-details-marker {
    display: none
  }
  
  .menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after {
    justify-self: end;
    display: block;
    margin-top: -.5rem;
    height: .5rem;
    width: .5rem;
    transform: rotate(45deg);
    transition-property: transform,margin-top;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    content: "";
    transform-origin: 75% 75%;
    box-shadow: 2px 2px;
    pointer-events: none
  }
  
  .menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after {
    transform: rotate(225deg);
    margin-top: 0
  }
  
  .modal::backdrop,.modal:not(dialog:not(.modal-open)) {
    background-color: rgba(0,0,0,.3);
    animation: modal-pop .2s ease-out
  }
  
  .modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box {
    --tw-translate-y: 0px;
    --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))
  }
  
  .modal-action>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  }
  
  @keyframes modal-pop {
    0% {
        opacity: 0
    }
  }
  
  @keyframes progress-loading {
    50% {
        background-position-x: -115%
    }
  }
  
  @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
    }
  }
  
  @keyframes rating-pop {
    0% {
        transform: translateY(-.125em)
    }
  
    40% {
        transform: translateY(-.125em)
    }
  
    to {
        transform: translateY(0)
    }
  }
  
  @keyframes toast-pop {
    0% {
        transform: scale(.9);
        opacity: 0
    }
  
    to {
        transform: scale(1);
        opacity: 1
    }
  }
  
  .rounded-box {
    border-radius: var(--rounded-box,1rem)
  }
  
  .btn-circle:where(.btn-xs) {
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    padding: 0
  }
  
  .btn-circle:where(.btn-sm) {
    height: 2rem;
    width: 2rem;
    border-radius: 9999px;
    padding: 0
  }
  
  .btn-circle:where(.btn-md) {
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding: 0
  }
  
  .btn-circle:where(.btn-lg) {
    height: 4rem;
    width: 4rem;
    border-radius: 9999px;
    padding: 0
  }
  
  .indicator :where(.indicator-item) {
    bottom: auto;
    left: auto;
    right: 0;
    top: 0;
    --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))
  }
  
  .indicator :where(.indicator-item.indicator-start) {
    left: 0;
    right: auto;
    --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))
  }
  
  .indicator :where(.indicator-item.indicator-center) {
    left: 50%;
    right: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .indicator :where(.indicator-item.indicator-end) {
    left: auto;
    right: 0;
    --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))
  }
  
  .indicator :where(.indicator-item.indicator-bottom) {
    bottom: 0;
    top: auto;
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .indicator :where(.indicator-item.indicator-middle) {
    bottom: 50%;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .indicator :where(.indicator-item.indicator-top) {
    bottom: auto;
    top: 0;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .menu-horizontal {
    display: inline-flex;
    flex-direction: row
  }
  
  .menu-horizontal>li:not(.menu-title)>details>ul {
    position: absolute
  }
  
  .btn-group .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) {
    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) {
    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-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-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-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-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-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)
  }
  
  .menu-horizontal>li:not(.menu-title)>details>ul {
    margin-left: 0;
    margin-top: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: .5rem
  }
  
  .menu-horizontal>li>details>ul:before {
    content: none
  }
  
  :where(.menu-horizontal>li:not(.menu-title)>details>ul) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    border-radius: var(--rounded-box,1rem)
  }
  
  .menu-sm :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu-sm :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    padding: .25rem .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: var(--rounded-btn,.5rem)
  }
  
  .menu-sm .menu-title {
    padding: .5rem .75rem
  }
  
  .modal-top :where(.modal-box) {
    width: 100%;
    max-width: none;
    --tw-translate-y: -2.5rem;
    --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));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: var(--rounded-box,1rem)
  }
  
  .modal-middle :where(.modal-box) {
    width: 91.666667%;
    max-width: 32rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-top-left-radius: var(--rounded-box,1rem);
    border-top-right-radius: var(--rounded-box,1rem);
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: var(--rounded-box,1rem)
  }
  
  .modal-bottom :where(.modal-box) {
    width: 100%;
    max-width: none;
    --tw-translate-y: 2.5rem;
    --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));
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: var(--rounded-box,1rem);
    border-top-right-radius: var(--rounded-box,1rem)
  }
  
  .fixed {
    position: fixed
  }
  
  .absolute {
    position: absolute
  }
  
  .bottom-0 {
    bottom: 0
  }
  
  .left-1\/2 {
    left: 50%
  }
  
  .top-0 {
    top: 0
  }
  
  .z-50 {
    z-index: 50
  }
  
  .z-\[1\] {
    z-index: 1
  }
  
  .mb-8 {
    margin-bottom: 2rem
  }
  
  .ml-2 {
    margin-left: .5rem
  }
  
  .ml-5 {
    margin-left: 1.25rem
  }
  
  .mt-2 {
    margin-top: .5rem
  }
  
  .mt-20 {
    margin-top: 5rem
  }
  
  .mt-3 {
    margin-top: .75rem
  }
  
  .flex {
    display: flex
  }
  
  .h-5 {
    height: 1.25rem
  }
  
  .h-8 {
    height: 2rem
  }
  
  .w-5 {
    width: 1.25rem
  }
  
  .w-52 {
    width: 13rem
  }
  
  .w-8 {
    width: 2rem
  }
  
  .w-full {
    width: 100%
  }
  
  .flex-1 {
    flex: 1 1 0%
  }
  
  .flex-none {
    flex: none
  }
  
  .-translate-x-1\/2 {
    --tw-translate-x: -50%
  }
  
  .-translate-x-1\/2,.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 pulse {
    50% {
        opacity: .5
    }
  }
  
  .animate-pulse {
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
  }
  
  .flex-col {
    flex-direction: column
  }
  
  .items-center {
    align-items: center
  }
  
  .rounded-full {
    border-radius: 9999px
  }
  
  .bg-base-100 {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity))
  }
  
  .bg-neutral {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--n)/var(--tw-bg-opacity))
  }
  
  .bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
  }
  
  .from-\[\#5264e2\] {
    --tw-gradient-from: #5264e2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(82,100,226,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
  }
  
  .to-\[\#00abbb\] {
    --tw-gradient-to: #00abbb var(--tw-gradient-to-position)
  }
  
  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
  }
  
  .p-2 {
    padding: .5rem
  }
  
  .px-1 {
    padding-left: .25rem;
    padding-right: .25rem
  }
  
  .text-center {
    text-align: center
  }
  
  .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }
  
  .text-lg {
    font-size: 1.125rem
  }
  
  .text-lg,.text-xl {
    line-height: 1.75rem
  }
  
  .text-xl {
    font-size: 1.25rem
  }
  
  .font-bold {
    font-weight: 700
  }
  
  .font-extrabold {
    font-weight: 800
  }
  
  .normal-case {
    text-transform: none
  }
  
  .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
  }
  
  .text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity))
  }
  
  .text-sky-400 {
    --tw-text-opacity: 1;
    color: rgb(56 189 248/var(--tw-text-opacity))
  }
  
  .text-transparent {
    color: transparent
  }
  
  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  }
  
  .transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
  }
  
  .duration-500 {
    transition-duration: .5s
  }
  
  .ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
  }
  
  .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.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))
  }
  
  @media (min-width: 768px) {
    .md\:ms-5 {
        margin-inline-start:1.25rem
    }
  
    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }
  }