@font-face {
    font-family: Noah;
    font-style: normal;
    font-weight: 100;
    src: local("Noah Thin"), url(noah-thin.5tgvCYza.woff) format("woff")
}

@font-face {
    font-family: Noah;
    font-style: italic;
    font-weight: 100;
    src: local("Noah Thin Italic"), url(noah-thin-italic.DqhuTGK-.woff) format("woff")
}

@font-face {
    font-family: Noah;
    font-style: normal;
    font-weight: 400;
    src: local("Noah Regular"), url(noah-regular.DssIfmtz.woff) format("woff")
}

@font-face {
    font-family: Noah;
    font-style: italic;
    font-weight: 400;
    src: local("Noah Regular Italic"), url(noah-regular-italic.CUiNlhbd.woff) format("woff")
}

@font-face {
    font-family: Noah;
    font-style: normal;
    font-weight: 700;
    src: local("Noah Bold"), url(noah-bold.DWGHoPXv.woff) format("woff")
}

@font-face {
    font-family: Noah;
    font-style: italic;
    font-weight: 700;
    src: local("Noah Bold Italic"), url(noah-bold-italic.B8EkyusD.woff) format("woff")
}

@font-face {
    font-family: Noah;
    font-style: normal;
    font-weight: 800;
    src: local("Noah ExtraBold"), url(noah-extrabold.Di54O-3y.woff) format("woff")
}

@font-face {
    font-family: Noah;
    font-style: italic;
    font-weight: 800;
    src: local("Noah ExtraBold Italic"), url(noah-extrabold-italic.Ct-yLLyy.woff) format("woff")
}

@font-face {
    font-family: Noah;
    font-style: normal;
    font-weight: 900;
    src: local("Noah Black"), url(noah-black.BWjhGUsE.woff) format("woff")
}

@font-face {
    font-family: Noah;
    font-style: italic;
    font-weight: 900;
    src: local("Noah Black Italic"), url(noah-black-italic.ClkmYS44.woff) format("woff")
}

*::-webkit-scrollbar {
    display: none !important
}

* {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

::-webkit-scrollbar-thumb {
    background: transparent;
    border: 0;
    border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
    background: transparent
}

::-webkit-scrollbar-thumb:active {
    background: transparent
}

::-webkit-scrollbar-track {
    background: transparent;
    border: 0;
    border-radius: 0
}

::-webkit-scrollbar-track:hover {
    background: transparent
}

::-webkit-scrollbar-track:active {
    background: transparent
}

::-webkit-scrollbar-corner {
    background: transparent
}

/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */

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

@layer theme {
    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-200: oklch(88.5% .062 18.334);
        --color-red-400: oklch(70.4% .191 22.216);
        --color-orange-200: oklch(90.1% .076 70.697);
        --color-orange-400: oklch(75% .183 55.934);
        --color-yellow-200: oklch(94.5% .129 101.54);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-green-200: oklch(92.5% .084 155.995);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-indigo-200: oklch(87% .065 274.039);
        --color-indigo-400: oklch(67.3% .182 276.935);
        --color-pink-200: oklch(89.9% .061 343.231);
        --color-pink-400: oklch(71.8% .202 349.761);
        --color-slate-200: oklch(92.9% .013 255.508);
        --color-slate-400: oklch(70.4% .04 256.788);
        --color-black: #000;
        --spacing: .25rem;
        --container-7xl: 80rem;
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --font-weight-thin: 100;
        --font-weight-normal: 400;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono)
    }
}

@layer base {
    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    html,
    :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    ol,
    ul,
    menu {
        list-style: none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }
    ::file-selector-button {
        margin-inline-end: 4px
    }
    ::placeholder {
        opacity: 1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }
        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
    textarea {
        resize: vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }
    ::-webkit-datetime-edit {
        padding-block: 0
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }
    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }
    ::-webkit-inner-spin-button {
        height: auto
    }
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
    html {
        scroll-behavior: smooth
    }
    body {
        background-color: var(--color-base-100);
        color: var(--color-base-content);
        font-family: Noah, sans-serif
    }
    h1 {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }
    @media (min-width:40rem) {
        h1 {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height))
        }
    }
    @media (min-width:80rem) {
        h1 {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height))
        }
    }
    h2 {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }
    @media (min-width:64rem) {
        h2 {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }
    }
    h3 {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }
    @media (min-width:40rem) {
        h3 {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }
    }
    @media (min-width:64rem) {
        h3 {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }
    }
    h4 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }
    @media (min-width:40rem) {
        h4 {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }
    }
    @media (min-width:64rem) {
        h4 {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }
    }
    h5 {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }
    @media (min-width:40rem) {
        h5 {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }
    @media (min-width:64rem) {
        h5 {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }
    h6 {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }
    @media (min-width:40rem) {
        h6 {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }
    }
    @media (min-width:64rem) {
        h6 {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
    }
    p {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
        p {
            color: color-mix(in oklab, var(--color-base-content)80%, transparent)
        }
    }
    [type=text],
    input:where(:not([type])),
    [type=email],
    [type=url],
    [type=password],
    [type=number],
    [type=date],
    [type=datetime-local],
    [type=month],
    [type=search],
    [type=tel],
    [type=time],
    [type=week],
    [multiple],
    textarea,
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        border-width: 1px;
        border-color: #6a7282;
        border-radius: 0;
        padding: .5rem .75rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
    :is([type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select):focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: #155dfc;
        outline: 2px solid #0000
    }
    input::placeholder,
    textarea::placeholder {
        color: #6a7282;
        opacity: 1
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
    ::-webkit-date-and-time-value {
        min-height: 1.5em
    }
    ::-webkit-date-and-time-value {
        text-align: inherit
    }
    ::-webkit-datetime-edit {
        display: inline-flex
    }
    ::-webkit-datetime-edit {
        padding-top: 0;
        padding-bottom: 0
    }
    ::-webkit-datetime-edit-year-field {
        padding-top: 0;
        padding-bottom: 0
    }
    ::-webkit-datetime-edit-month-field {
        padding-top: 0;
        padding-bottom: 0
    }
    ::-webkit-datetime-edit-day-field {
        padding-top: 0;
        padding-bottom: 0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-top: 0;
        padding-bottom: 0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-top: 0;
        padding-bottom: 0
    }
    ::-webkit-datetime-edit-second-field {
        padding-top: 0;
        padding-bottom: 0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-top: 0;
        padding-bottom: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0
    }
    select {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right .5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem
    }
    [multiple],
    [size]:where(select:not([size="1"])) {
        background-image: initial;
        background-position: initial;
        background-repeat: unset;
        background-size: initial;
        -webkit-print-color-adjust: unset;
        print-color-adjust: unset;
        padding-right: .75rem
    }
    [type=checkbox],
    [type=radio] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        vertical-align: middle;
        -webkit-user-select: none;
        user-select: none;
        color: #155dfc;
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        background-origin: border-box;
        border-width: 1px;
        border-color: #6a7282;
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        padding: 0;
        display: inline-block
    }
    [type=checkbox] {
        border-radius: 0
    }
    [type=radio] {
        border-radius: 100%
    }
    [type=checkbox]:focus,
    [type=radio]:focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% .245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        outline: 2px solid #0000
    }
    [type=checkbox]:checked,
    [type=radio]:checked {
        background-color: currentColor;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000
    }
    [type=checkbox]:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
    }
    @media (forced-colors:active) {
        [type=checkbox]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }
    }
    [type=radio]:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
    }
    @media (forced-colors:active) {
        [type=radio]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }
    }
    [type=checkbox]:checked:hover,
    [type=checkbox]:checked:focus,
    [type=radio]:checked:hover,
    [type=radio]:checked:focus {
        background-color: currentColor;
        border-color: #0000
    }
    [type=checkbox]:indeterminate {
        background-color: currentColor;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000
    }
    @media (forced-colors:active) {
        [type=checkbox]:indeterminate {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }
    }
    [type=checkbox]:indeterminate:hover,
    [type=checkbox]:indeterminate:focus {
        background-color: currentColor;
        border-color: #0000
    }
    [type=file] {
        background: unset;
        border-color: inherit;
        font-size: unset;
        line-height: inherit;
        border-width: 0;
        border-radius: 0;
        padding: 0
    }
    [type=file]:focus {
        outline: 1px solid buttontext;
        outline: 1px auto -webkit-focus-ring-color
    }
    :root:has(.modal-open,
    .modal[open],
    .modal:target,
    .modal-toggle:checked,
    .drawer:not([class*=drawer-open])>.drawer-toggle:checked) {
        overflow: hidden
    }
    :root,
    [data-theme] {
        background-color: var(--root-bg, var(--color-base-100));
        color: var(--color-base-content)
    }
    :root {
        scrollbar-color: currentColor #0000
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        :root {
            scrollbar-color: color-mix(in oklch, currentColor 35%, #0000)#0000
        }
    }
    @property --radialprogress {
        syntax: "<percentage>";
        inherits: true;
        initial-value: 0%;
    }
    :where(:root:has(.modal-open,
    .modal[open],
    .modal:target,
    .modal-toggle:checked,
    .drawer:not(.drawer-open)>.drawer-toggle:checked)) {
        scrollbar-gutter: stable;
        background-image: linear-gradient(var(--color-base-100), var(--color-base-100));
        --root-bg: var(--color-base-100)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        :where(:root: has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open)>.drawer-toggle:checked)) {
            --root-bg:color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%)
        }
    }
    :where(.modal[open],
    .modal-open,
    .modal-toggle:checked+.modal):not(.modal-start,
    .modal-end) {
        scrollbar-gutter: stable
    }
    :root {
        --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")
    }
    .chat {
        --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")
    }
    :where(:root),
    :root:has(input.theme-controller[value=ipmu]:checked),
    [data-theme=ipmu] {
        color-scheme: light;
        --color-base-100: oklch(99.55698137275957% 0.002 17.19338884551587);
        --color-base-200: oklch(89.75% 0.000 0);
        --color-base-300: oklch(86% .0283 67.43);
        --color-base-content: oklch(21% .034 264.665);
        --color-primary: oklch(41.281886087381416% 0.128 15.723053440135288);
        --color-primary-content: oklch(97% .013 17.38);
        --color-secondary: oklch(44% .043 257.281);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(37% .034 259.733);
        --color-accent-content: oklch(96% .018 272.314);
        --color-neutral: oklch(21% .034 264.665);
        --color-neutral-content: oklch(98% .002 247.839);
        --color-info: oklch(48% .243 264.376);
        --color-info-content: oklch(97% .013 236.62);
        --color-success: oklch(50% .118 165.612);
        --color-success-content: oklch(98% .018 155.826);
        --color-warning: oklch(55% .163 48.998);
        --color-warning-content: oklch(98% .026 102.212);
        --color-error: oklch(50% .213 27.518);
        --color-error-content: oklch(96% .015 12.422);
        --radius-selector: .5rem;
        --radius-field: .5rem;
        --radius-box: .5rem;
        --size-selector: .3125rem;
        --size-field: .3125rem;
        --border: 2px;
        --depth: 1;
        --noise: 0
    }
}

@layer components;
@layer utilities {
    .menu {
        --menu-active-fg: var(--color-neutral-content);
        --menu-active-bg: var(--color-neutral);
        flex-flow: column wrap;
        width: fit-content;
        padding: .5rem;
        font-size: .875rem;
        display: flex
    }
    .menu :where(li ul) {
        white-space: nowrap;
        margin-inline-start: 1rem;
        padding-inline-start: .5rem;
        position: relative
    }
    .menu :where(li ul):before {
        background-color: var(--color-base-content);
        opacity: .1;
        width: var(--border);
        content: "";
        inset-inline-start: 0;
        position: absolute;
        top: .75rem;
        bottom: .75rem
    }
    .menu :where(li>.menu-dropdown:not(.menu-dropdown-show)) {
        display: none
    }
    .menu :where(li:not(.menu-title)>:not(ul,
    details,
    .menu-title,
    .btn)),
    .menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
        border-radius: var(--radius-field);
        text-align: start;
        text-wrap: balance;
        -webkit-user-select: none;
        user-select: none;
        grid-auto-columns: minmax(auto, max-content) auto max-content;
        grid-auto-flow: column;
        align-content: flex-start;
        align-items: center;
        gap: .5rem;
        padding-block: .375rem;
        padding-inline: .75rem;
        transition-property: color, background-color, box-shadow;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1);
        display: grid
    }
    .menu :where(li>details>summary) {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (forced-colors:active) {
        .menu :where(li>details>summary) {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }
    .menu :where(li>details>summary)::-webkit-details-marker {
        display: none
    }
    :is(.menu :where(li>details>summary),
    .menu :where(li>.menu-dropdown-toggle)):after {
        content: "";
        transform-origin: 50%;
        pointer-events: none;
        justify-self: flex-end;
        width: .375rem;
        height: .375rem;
        transition-property: rotate, translate;
        transition-duration: .2s;
        display: block;
        translate: 0 -1px;
        rotate: -135deg;
        box-shadow: inset 2px 2px
    }
    .menu :where(li>details[open]>summary):after,
    .menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after {
        translate: 0 1px;
        rotate: 45deg
    }
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn).menu-focus,
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn):focus-visible {
        cursor: pointer;
        background-color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .menu :where(li: not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
            background-color:color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn).menu-focus,
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn):focus-visible {
        color: var(--color-base-content);
        --tw-outline-style: none;
        outline-style: none
    }
    @media (forced-colors:active) {
        .menu :where(li: not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
            outline-offset:2px;
            outline: 2px solid #0000
        }
    }
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title):not(.menu-active,
    :active,
    .btn):hover,
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title):not(.menu-active,
    :active,
    .btn):hover) {
        cursor: pointer;
        background-color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .menu :where(li: not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
            background-color:color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title):not(.menu-active,
    :active,
    .btn):hover,
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title):not(.menu-active,
    :active,
    .btn):hover) {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (forced-colors:active) {
        .menu :where(li: not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
            outline-offset:2px;
            outline: 2px solid #0000
        }
    }
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title):not(.menu-active,
    :active,
    .btn):hover,
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title):not(.menu-active,
    :active,
    .btn):hover) {
        box-shadow: inset 0 1px #00000003, inset 0 -1px #ffffff03
    }
    .menu :where(li:empty) {
        background-color: var(--color-base-content);
        opacity: .1;
        height: 1px;
        margin: .5rem 1rem
    }
    .menu :where(li) {
        flex-flow: column wrap;
        flex-shrink: 0;
        align-items: stretch;
        display: flex;
        position: relative
    }
    .menu :where(li) .badge {
        justify-self: flex-end
    }
    .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn):active,
    .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn).menu-active,
    .menu :where(li)>details>summary:active {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (forced-colors:active) {
        .menu :where(li)>:not(ul,
        .menu-title,
        details,
        .btn):active,
        .menu :where(li)>:not(ul,
        .menu-title,
        details,
        .btn).menu-active,
        .menu :where(li)>details>summary:active {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }
    .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn):active,
    .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn).menu-active,
    .menu :where(li)>details>summary:active {
        color: var(--menu-active-fg);
        background-color: var(--menu-active-bg);
        background-size: auto, calc(var(--noise)*100%);
        background-image: none, var(--fx-noise)
    }
    :is(.menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn):active,
    .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn).menu-active,
    .menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn):active,
    .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn).menu-active,
    .menu :where(li)>details>summary:active):active) {
        box-shadow: 0 2px calc(var(--depth)*3px) -2px var(--menu-active-bg)
    }
    .menu :where(li).menu-disabled {
        pointer-events: none;
        color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .menu :where(li).menu-disabled {
            color: color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }
    .menu .dropdown:focus-within .menu-dropdown-toggle:after {
        translate: 0 1px;
        rotate: 45deg
    }
    .menu .dropdown-content {
        margin-top: .5rem;
        padding: .5rem
    }
    .menu .dropdown-content:before {
        display: none
    }
    .pika-single:is(div) {
        -webkit-user-select: none;
        user-select: none;
        z-index: 999;
        color: var(--color-base-content);
        background-color: var(--color-base-100);
        border-radius: var(--radius-box);
        border: var(--border)solid var(--color-base-200);
        padding: .5rem;
        font-size: .75rem;
        display: inline-block;
        position: relative
    }
    .pika-single:is(div):before,
    .pika-single:is(div):after {
        content: "";
        display: table
    }
    .pika-single:is(div):after {
        clear: both
    }
    .pika-single:is(div).is-hidden {
        display: none
    }
    .pika-single:is(div).is-bound {
        position: absolute
    }
    .pika-single:is(div) .pika-lendar {
        css-float: left
    }
    .pika-single:is(div) .pika-title {
        text-align: center;
        position: relative
    }
    .pika-single:is(div) .pika-title select {
        cursor: pointer;
        z-index: 999;
        opacity: 0;
        margin: 0;
        position: absolute;
        top: 5px;
        left: 0
    }
    .pika-single:is(div) .pika-label {
        z-index: 999;
        background-color: var(--color-base-100);
        margin: 0;
        padding: 5px 3px;
        display: inline-block;
        position: relative;
        overflow: hidden
    }
    .pika-single:is(div) .pika-prev,
    .pika-single:is(div) .pika-next {
        cursor: pointer;
        color: #0000;
        border-radius: var(--radius-field);
        border: 0;
        outline: none;
        width: 2.25rem;
        height: 2.25rem;
        font-size: 1.2em;
        display: block;
        position: absolute;
        top: 0
    }
    :is(.pika-single:is(div) .pika-prev,
    .pika-single:is(div) .pika-next):hover {
        background-color: var(--color-base-200)
    }
    :is(.pika-single:is(div) .pika-prev,
    .pika-single:is(div) .pika-next).is-disabled {
        cursor: default;
        opacity: .2
    }
    :is(.pika-single:is(div) .pika-prev,
    .pika-single:is(div) .pika-next):before {
        width: 2.25rem;
        height: 2.25rem;
        color: var(--color-base-content);
        line-height: 2.25;
        display: inline-block
    }
    .pika-single:is(div) .pika-prev {
        left: 0
    }
    .pika-single:is(div) .pika-prev:before {
        content: "‹"
    }
    .pika-single:is(div) .pika-next {
        right: 0
    }
    .pika-single:is(div) .pika-next:before {
        content: "›"
    }
    .pika-single:is(div) .pika-select {
        display: inline-block
    }
    .pika-single:is(div) .pika-table {
        border-collapse: collapse;
        border-spacing: 0;
        border: 0;
        width: 100%
    }
    .pika-single:is(div) .pika-table th,
    .pika-single:is(div) .pika-table td {
        padding: 0
    }
    .pika-single:is(div) .pika-table th {
        opacity: .6;
        text-align: center;
        width: 2.25rem;
        height: 2.25rem
    }
    .pika-single:is(div) .pika-button {
        cursor: pointer;
        text-align: right;
        text-align: center;
        border: 0;
        outline: none;
        width: 2.25rem;
        height: 2.25rem;
        margin: 0;
        padding: 5px;
        display: block
    }
    .pika-single:is(div) .pika-week {
        color: var(--color-base-content)
    }
    .pika-single:is(div) .is-today .pika-button {
        background: var(--color-primary);
        color: var(--color-primary-content)
    }
    :is(.pika-single:is(div) .is-selected,
    .pika-single:is(div) .has-event) .pika-button,
    :is(.pika-single:is(div) .is-selected,
    .pika-single:is(div) .has-event) .pika-button:hover {
        color: var(--color-base-100);
        background-color: var(--color-base-content);
        border-radius: var(--radius-field)
    }
    .pika-single:is(div) .has-event .pika-button,
    :is(.pika-single:is(div) .is-disabled,
    .pika-single:is(div) .is-inrange) .pika-button {
        background: var(--color-base-primary)
    }
    .pika-single:is(div) .is-startrange .pika-button,
    .pika-single:is(div) .is-endrange .pika-button {
        color: var(--color-base-100);
        background: var(--color-base-content);
        border-radius: var(--radius-field)
    }
    .pika-single:is(div) .is-disabled .pika-button {
        pointer-events: none;
        cursor: default;
        color: var(--color-base-content);
        opacity: .3
    }
    .pika-single:is(div) .is-outside-current-month .pika-button {
        color: var(--color-base-content);
        opacity: .3
    }
    .pika-single:is(div) .is-selection-disabled {
        pointer-events: none;
        cursor: default
    }
    .pika-single:is(div) .pika-button:hover,
    .pika-single:is(div) .pika-row.pick-whole-week:hover .pika-button {
        color: var(--color-base-content);
        background-color: var(--color-base-200);
        border-radius: var(--radius-field)
    }
    .pika-single:is(div) .pika-table abbr {
        font-weight: 400;
        text-decoration: none
    }
    :where(.btn) {
        width: unset
    }
    .btn {
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
        outline-offset: 2px;
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        padding-inline: var(--btn-p);
        color: var(--btn-fg);
        --tw-prose-links: var(--btn-fg);
        height: var(--size);
        font-size: var(--fontsize, .875rem);
        outline-color: var(--btn-color, var(--color-base-content));
        background-color: var(--btn-bg);
        background-size: auto, calc(var(--noise)*100%);
        background-image: none, var(--btn-noise);
        border-width: var(--border);
        border-style: solid;
        border-color: var(--btn-border);
        text-shadow: 0 .5px oklch(100% 0 0/calc(var(--depth)*.15));
        touch-action: manipulation;
        box-shadow: 0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%)) inset, var(--btn-shadow);
        --size: calc(var(--size-field, .25rem)*10);
        --btn-bg: var(--btn-color, var(--color-base-200));
        --btn-fg: var(--color-base-content);
        --btn-p: 1rem;
        --btn-border: var(--btn-bg);
        border-start-start-radius: var(--join-ss, var(--radius-field));
        border-start-end-radius: var(--join-se, var(--radius-field));
        border-end-end-radius: var(--join-ee, var(--radius-field));
        border-end-start-radius: var(--join-es, var(--radius-field));
        flex-wrap: nowrap;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        gap: .375rem;
        font-weight: 600;
        transition-property: color, background-color, border-color, box-shadow;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1);
        display: inline-flex
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .btn {
            --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth)*5%))
        }
    }
    .btn {
        --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .btn {
            --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg)calc(var(--depth)*30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg)calc(var(--depth)*30%), #0000)
        }
    }
    .btn {
        --btn-noise: var(--fx-noise)
    }
    .prose .btn {
        text-decoration-line: none
    }
    @media (hover:hover) {
        .btn:hover {
            --btn-bg: var(--btn-color, var(--color-base-200))
        }
        @supports (color:color-mix(in lab,
        red,
        red)) {
            .btn:hover {
                --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
            }
        }
    }
    .btn:focus-visible {
        isolation: isolate;
        outline-width: 2px;
        outline-style: solid
    }
    .btn:active:not(.btn-active) {
        --btn-bg: var(--btn-color, var(--color-base-200));
        translate: 0 .5px
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .btn:active:not(.btn-active) {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%)
        }
    }
    .btn:active:not(.btn-active) {
        --btn-border: var(--btn-color, var(--color-base-200))
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .btn:active:not(.btn-active) {
            --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
        }
    }
    .btn:active:not(.btn-active) {
        --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)
    }
    .btn:is(:disabled,
    [disabled],
    .btn-disabled):not(.btn-link,
    .btn-ghost) {
        background-color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .btn:is(:disabled,
        [disabled],
        .btn-disabled):not(.btn-link,
        .btn-ghost) {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }
    .btn:is(:disabled,
    [disabled],
    .btn-disabled):not(.btn-link,
    .btn-ghost) {
        box-shadow: none
    }
    .btn:is(:disabled,
    [disabled],
    .btn-disabled) {
        pointer-events: none;
        --btn-border: #0000;
        --btn-noise: none;
        --btn-fg: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .btn:is(:disabled,
        [disabled],
        .btn-disabled) {
            --btn-fg: color-mix(in oklch, var(--color-base-content)20%, #0000)
        }
    }
    @media (hover:hover) {
        .btn:is(:disabled,
        [disabled],
        .btn-disabled):hover {
            pointer-events: none;
            background-color: var(--color-neutral)
        }
        @supports (color:color-mix(in lab,
        red,
        red)) {
            .btn:is(:disabled,
            [disabled],
            .btn-disabled):hover {
                background-color: color-mix(in oklab, var(--color-neutral)20%, transparent)
            }
        }
        .btn:is(:disabled,
        [disabled],
        .btn-disabled):hover {
            --btn-border: #0000;
            --btn-fg: var(--color-base-content)
        }
        @supports (color:color-mix(in lab,
        red,
        red)) {
            .btn:is(:disabled,
            [disabled],
            .btn-disabled):hover {
                --btn-fg: color-mix(in oklch, var(--color-base-content)20%, #0000)
            }
        }
    }
    .btn:is(input[type=checkbox],
    input[type=radio]) {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .btn:is(input[type=checkbox],
    input[type=radio]):after {
        content: attr(aria-label)
    }
    .btn:where(input:checked:not(.filter .btn)) {
        --btn-color: var(--color-primary);
        --btn-fg: var(--color-primary-content);
        isolation: isolate
    }
    .loading {
        pointer-events: none;
        aspect-ratio: 1;
        vertical-align: middle;
        width: calc(var(--size-selector, .25rem)*6);
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
    .validator-hint {
        visibility: hidden;
        margin-top: .5rem;
        font-size: .75rem
    }
    .validator:user-valid {
        --input-color: var(--color-success)
    }
    .validator:user-valid:focus {
        --input-color: var(--color-success)
    }
    .validator:user-valid:checked {
        --input-color: var(--color-success)
    }
    .validator:user-valid[aria-checked=true] {
        --input-color: var(--color-success)
    }
    .validator:user-valid:focus-within {
        --input-color: var(--color-success)
    }
    .validator:has(:user-valid) {
        --input-color: var(--color-success)
    }
    .validator:has(:user-valid):focus {
        --input-color: var(--color-success)
    }
    .validator:has(:user-valid):checked {
        --input-color: var(--color-success)
    }
    .validator:has(:user-valid)[aria-checked=true] {
        --input-color: var(--color-success)
    }
    .validator:has(:user-valid):focus-within {
        --input-color: var(--color-success)
    }
    .validator:user-invalid {
        --input-color: var(--color-error)
    }
    .validator:user-invalid:focus {
        --input-color: var(--color-error)
    }
    .validator:user-invalid:checked {
        --input-color: var(--color-error)
    }
    .validator:user-invalid[aria-checked=true] {
        --input-color: var(--color-error)
    }
    .validator:user-invalid:focus-within {
        --input-color: var(--color-error)
    }
    .validator:user-invalid~.validator-hint {
        visibility: visible;
        color: var(--color-error);
        display: block
    }
    .validator:has(:user-invalid) {
        --input-color: var(--color-error)
    }
    .validator:has(:user-invalid):focus {
        --input-color: var(--color-error)
    }
    .validator:has(:user-invalid):checked {
        --input-color: var(--color-error)
    }
    .validator:has(:user-invalid)[aria-checked=true] {
        --input-color: var(--color-error)
    }
    .validator:has(:user-invalid):focus-within {
        --input-color: var(--color-error)
    }
    .validator:has(:user-invalid)~.validator-hint {
        visibility: visible;
        color: var(--color-error);
        display: block
    }
    .validator[aria-invalid],
    .validator[aria-invalid]:focus,
    .validator[aria-invalid]:checked,
    .validator[aria-invalid][aria-checked=true],
    .validator[aria-invalid]:focus-within {
        --input-color: var(--color-error)
    }
    .validator[aria-invalid]~.validator-hint {
        visibility: visible;
        color: var(--color-error);
        display: block
    }
    .list {
        flex-direction: column;
        font-size: .875rem;
        display: flex
    }
    .list :where(.list-row) {
        --list-grid-cols: minmax(0, auto)1fr;
        border-radius: var(--radius-box);
        word-break: break-word;
        grid-auto-flow: column;
        grid-template-columns: var(--list-grid-cols);
        gap: 1rem;
        padding: 1rem;
        display: grid;
        position: relative
    }
    .list :where(.list-row):has(.list-col-grow:first-child) {
        --list-grid-cols: 1fr
    }
    .list :where(.list-row):has(.list-col-grow:nth-child(2)) {
        --list-grid-cols: minmax(0, auto)1fr
    }
    .list :where(.list-row):has(.list-col-grow:nth-child(3)) {
        --list-grid-cols: minmax(0, auto)minmax(0, auto)1fr
    }
    .list :where(.list-row):has(.list-col-grow:nth-child(4)) {
        --list-grid-cols: minmax(0, auto)minmax(0, auto)minmax(0, auto)1fr
    }
    .list :where(.list-row):has(.list-col-grow:nth-child(5)) {
        --list-grid-cols: minmax(0, auto)minmax(0, auto)minmax(0, auto)minmax(0, auto)1fr
    }
    .list :where(.list-row):has(.list-col-grow:nth-child(6)) {
        --list-grid-cols: minmax(0, auto)minmax(0, auto)minmax(0, auto)minmax(0, auto)minmax(0, auto)1fr
    }
    .list :where(.list-row) :not(.list-col-wrap) {
        grid-row-start: 1
    }
    :is(.list>:not(:last-child).list-row,
    .list>:not(:last-child) .list-row):after {
        content: "";
        border-bottom: var(--border)solid;
        inset-inline: var(--radius-box);
        border-color: var(--color-base-content);
        position: absolute;
        bottom: 0
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        :is(.list>: not(:last-child).list-row, .list>:not(:last-child) .list-row):after {
            border-color:color-mix(in oklab, var(--color-base-content)5%, transparent)
        }
    }
    .input {
        cursor: text;
        border: var(--border)solid #0000;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--color-base-100);
        vertical-align: middle;
        white-space: nowrap;
        width: clamp(3rem, 20rem, 100%);
        height: var(--size);
        border-color: var(--input-color);
        box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset;
        border-start-start-radius: var(--join-ss, var(--radius-field));
        border-start-end-radius: var(--join-se, var(--radius-field));
        border-end-end-radius: var(--join-ee, var(--radius-field));
        border-end-start-radius: var(--join-es, var(--radius-field));
        flex-shrink: 1;
        align-items: center;
        gap: .5rem;
        padding-inline: .75rem;
        font-size: .875rem;
        display: inline-flex;
        position: relative
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .input {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color)calc(var(--depth)*10%), #0000) inset, 0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset
        }
    }
    .input {
        --size: calc(var(--size-field, .25rem)*10);
        --input-color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .input {
            --input-color: color-mix(in oklab, var(--color-base-content)20%, #0000)
        }
    }
    .input:where(input) {
        display: inline-flex
    }
    .input :where(input) {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #0000;
        border: none;
        width: 100%;
        height: 100%;
        display: inline-flex
    }
    .input :where(input):focus,
    .input :where(input):focus-within {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (forced-colors:active) {
        .input :where(input):focus,
        .input :where(input):focus-within {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }
    .input :where(input[type=date]) {
        display: inline-block
    }
    .input:focus,
    .input:focus-within {
        --input-color: var(--color-base-content);
        box-shadow: 0 1px var(--input-color)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .input:focus,
        .input:focus-within {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color)calc(var(--depth)*10%), #0000)
        }
    }
    .input:focus,
    .input:focus-within {
        outline: 2px solid var(--input-color);
        outline-offset: 2px;
        isolation: isolate;
        z-index: 1
    }
    .input:has(>input[disabled]),
    .input:is(:disabled,
    [disabled]) {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .input:has(>input[disabled]),
        .input:is(:disabled,
        [disabled]) {
            color: color-mix(in oklab, var(--color-base-content)40%, transparent)
        }
    }
    :is(.input:has(>input[disabled]),
    .input:is(:disabled,
    [disabled]))::placeholder {
        color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        :is(.input: has(>input[disabled]), .input:is(:disabled, [disabled]))::placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }
    .input:has(>input[disabled]),
    .input:is(:disabled,
    [disabled]) {
        box-shadow: none
    }
    .input:has(>input[disabled])>input[disabled] {
        cursor: not-allowed
    }
    .input::-webkit-date-and-time-value {
        text-align: inherit
    }
    .input[type=number]::-webkit-inner-spin-button {
        margin-block: -.75rem;
        margin-inline-end: -.75rem
    }
    .input::-webkit-calendar-picker-indicator {
        position: absolute;
        inset-inline-end: .75em
    }
    .table {
        border-radius: var(--radius-box);
        text-align: left;
        width: 100%;
        font-size: .875rem;
        position: relative
    }
    .table:where(:dir(rtl),
    [dir=rtl],
    [dir=rtl] *) {
        text-align: right
    }
    @media (hover:hover) {
        :is(.table tr.row-hover,
        .table tr.row-hover: nth-child(2n)):hover {
            background-color:var(--color-base-200)
        }
    }
    .table :where(th,
    td) {
        vertical-align: middle;
        padding-block: .75rem;
        padding-inline: 1rem
    }
    .table :where(thead,
    tfoot) {
        white-space: nowrap;
        color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .table :where(thead,
        tfoot) {
            color: color-mix(in oklab, var(--color-base-content)60%, transparent)
        }
    }
    .table :where(thead,
    tfoot) {
        font-size: .875rem;
        font-weight: 600
    }
    .table :where(tfoot) {
        border-top: var(--border)solid var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .table :where(tfoot) {
            border-top: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }
    .table :where(.table-pin-rows thead tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        top: 0
    }
    .table :where(.table-pin-rows tfoot tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        bottom: 0
    }
    .table :where(.table-pin-cols tr th) {
        background-color: var(--color-base-100);
        position: sticky;
        left: 0;
        right: 0
    }
    .table :where(thead tr,
    tbody tr:not(:last-child)) {
        border-bottom: var(--border)solid var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .table :where(thead tr,
        tbody tr: not(:last-child)) {
            border-bottom:var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }
    .select {
        border: var(--border)solid #0000;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--color-base-100);
        vertical-align: middle;
        width: clamp(3rem, 20rem, 100%);
        height: var(--size);
        text-overflow: ellipsis;
        box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset;
        background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
        background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
        background-repeat: no-repeat;
        background-size: 4px 4px, 4px 4px;
        border-start-start-radius: var(--join-ss, var(--radius-field));
        border-start-end-radius: var(--join-se, var(--radius-field));
        border-end-end-radius: var(--join-ee, var(--radius-field));
        border-end-start-radius: var(--join-es, var(--radius-field));
        flex-shrink: 1;
        align-items: center;
        gap: .375rem;
        padding-inline: 1rem 1.75rem;
        font-size: .875rem;
        display: inline-flex;
        position: relative
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .select {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color)calc(var(--depth)*10%), #0000) inset, 0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset
        }
    }
    .select {
        border-color: var(--input-color);
        --input-color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .select {
            --input-color: color-mix(in oklab, var(--color-base-content)20%, #0000)
        }
    }
    .select {
        --size: calc(var(--size-field, .25rem)*10)
    }
    [dir=rtl] .select {
        background-position: 12px calc(1px + 50%), 16px calc(1px + 50%)
    }
    .select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: inherit;
        border-radius: inherit;
        border-style: none;
        width: calc(100% + 2.75rem);
        height: calc(100% - 2px);
        margin-inline: -1rem -1.75rem;
        padding-inline: 1rem 1.75rem
    }
    .select select:focus,
    .select select:focus-within {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (forced-colors:active) {
        .select select:focus,
        .select select:focus-within {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }
    .select select:not(:last-child) {
        background-image: none;
        margin-inline-end: -1.375rem
    }
    .select:focus,
    .select:focus-within {
        --input-color: var(--color-base-content);
        box-shadow: 0 1px var(--input-color)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .select:focus,
        .select:focus-within {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color)calc(var(--depth)*10%), #0000)
        }
    }
    .select:focus,
    .select:focus-within {
        outline: 2px solid var(--input-color);
        outline-offset: 2px;
        isolation: isolate;
        z-index: 1
    }
    .select:has(>select[disabled]),
    .select:is(:disabled,
    [disabled]) {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .select:has(>select[disabled]),
        .select:is(:disabled,
        [disabled]) {
            color: color-mix(in oklab, var(--color-base-content)40%, transparent)
        }
    }
    :is(.select:has(>select[disabled]),
    .select:is(:disabled,
    [disabled]))::placeholder {
        color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        :is(.select: has(>select[disabled]), .select:is(:disabled, [disabled]))::placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }
    .select:has(>select[disabled])>select[disabled] {
        cursor: not-allowed
    }
    .card {
        border-radius: var(--radius-box);
        outline-offset: 2px;
        outline: 0 solid #0000;
        flex-direction: column;
        transition: outline .2s ease-in-out;
        display: flex;
        position: relative
    }
    .card:focus {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (forced-colors:active) {
        .card:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }
    .card:focus-visible {
        outline-color: currentColor
    }
    .card :where(figure:first-child) {
        border-start-start-radius: inherit;
        border-start-end-radius: inherit;
        border-end-end-radius: unset;
        border-end-start-radius: unset;
        overflow: hidden
    }
    .card :where(figure:last-child) {
        border-start-start-radius: unset;
        border-start-end-radius: unset;
        border-end-end-radius: inherit;
        border-end-start-radius: inherit;
        overflow: hidden
    }
    .card:where(.card-border) {
        border: var(--border)solid var(--color-base-200)
    }
    .card:where(.card-dash) {
        border: var(--border)dashed var(--color-base-200)
    }
    .card.image-full {
        display: grid
    }
    .card.image-full>* {
        grid-row-start: 1;
        grid-column-start: 1
    }
    .card.image-full>.card-body {
        color: var(--color-neutral-content);
        position: relative
    }
    .card.image-full :where(figure) {
        border-radius: inherit;
        overflow: hidden
    }
    .card.image-full>figure img {
        object-fit: cover;
        filter: brightness(28%);
        height: 100%
    }
    .card figure {
        justify-content: center;
        align-items: center;
        display: flex
    }
    .card:has(>input:is(input[type=checkbox],
    input[type=radio])) {
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none
    }
    .card:has(>:checked) {
        outline: 2px solid
    }
    .swap {
        cursor: pointer;
        vertical-align: middle;
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        place-content: center;
        display: inline-grid;
        position: relative
    }
    .swap input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none
    }
    .swap>* {
        grid-row-start: 1;
        grid-column-start: 1;
        transition-property: transform, rotate, opacity;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }
    .swap .swap-on,
    .swap .swap-indeterminate,
    .swap input:indeterminate~.swap-on,
    .swap input:is(:checked,
    :indeterminate)~.swap-off {
        opacity: 0
    }
    .swap input:checked~.swap-on,
    .swap input:indeterminate~.swap-indeterminate {
        opacity: 1;
        backface-visibility: visible
    }
    .sr-only {
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
    .menu-horizontal {
        flex-direction: row;
        display: inline-flex
    }
    .menu-horizontal>li:not(.menu-title)>details>ul {
        margin-inline-start: 0;
        margin-top: 1rem;
        padding-block: .5rem;
        padding-inline-end: .5rem;
        position: absolute
    }
    .menu-horizontal>li>details>ul:before {
        content: none
    }
    :where(.menu-horizontal>li:not(.menu-title)>details>ul) {
        border-radius: var(--radius-box);
        background-color: var(--color-base-100);
        box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a
    }
    .checkbox {
        border: var(--border)solid var(--input-color, var(--color-base-content))
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .checkbox {
            border: var(--border)solid var(--input-color, color-mix(in oklab, var(--color-base-content)20%, #0000))
        }
    }
    .checkbox {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: var(--radius-selector);
        vertical-align: middle;
        color: var(--color-base-content);
        box-shadow: 0 1px oklch(0% 0 0/calc(var(--depth)*.1)) inset, 0 0 #0000 inset, 0 0 #0000;
        --size: calc(var(--size-selector, .25rem)*6);
        width: var(--size);
        height: var(--size);
        background-size: auto, calc(var(--noise)*100%);
        background-image: none, var(--fx-noise);
        flex-shrink: 0;
        padding: .25rem;
        transition: background-color .2s, box-shadow .2s;
        position: relative
    }
    .checkbox:before {
        --tw-content: "";
        content: var(--tw-content);
        opacity: 0;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
        width: 100%;
        height: 100%;
        box-shadow: 0 3px oklch(100% 0 0/calc(var(--depth)*.1)) inset;
        background-color: currentColor;
        font-size: 1rem;
        line-height: .75;
        transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
        display: block;
        rotate: 45deg
    }
    .checkbox:focus-visible {
        outline: 2px solid var(--input-color, currentColor);
        outline-offset: 2px
    }
    .checkbox:checked,
    .checkbox[aria-checked=true] {
        background-color: var(--input-color, #0000);
        box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset, 0 1px oklch(0% 0 0/calc(var(--depth)*.1))
    }
    :is(.checkbox:checked,
    .checkbox[aria-checked=true]):before {
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
        opacity: 1
    }
    @media (forced-colors:active) {
        :is(.checkbox: checked, .checkbox[aria-checked=true]):before {
            --tw-content:"✔︎";
            clip-path: none;
            background-color: #0000;
            rotate: none
        }
    }
    @media print {
        :is(.checkbox: checked, .checkbox[aria-checked=true]):before {
            --tw-content:"✔︎";
            clip-path: none;
            background-color: #0000;
            rotate: none
        }
    }
    .checkbox:indeterminate:before {
        opacity: 1;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
        translate: 0 -35%;
        rotate: none
    }
    .checkbox:disabled {
        cursor: not-allowed;
        opacity: .2
    }
    .radio {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        vertical-align: middle;
        border: var(--border)solid var(--input-color, currentColor);
        border-radius: 3.40282e38px;
        flex-shrink: 0;
        padding: .25rem;
        position: relative
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .radio {
            border: var(--border)solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000))
        }
    }
    .radio {
        box-shadow: 0 1px oklch(0% 0 0/calc(var(--depth)*.1)) inset;
        --size: calc(var(--size-selector, .25rem)*6);
        width: var(--size);
        height: var(--size);
        color: var(--input-color, currentColor)
    }
    .radio:before {
        --tw-content: "";
        content: var(--tw-content);
        background-size: auto, calc(var(--noise)*100%);
        background-image: none, var(--fx-noise);
        border-radius: 3.40282e38px;
        width: 100%;
        height: 100%;
        display: block
    }
    .radio:focus-visible {
        outline: 2px solid
    }
    .radio:checked,
    .radio[aria-checked=true] {
        background-color: var(--color-base-100);
        border-color: currentColor;
        animation: .2s ease-out radio
    }
    :is(.radio:checked,
    .radio[aria-checked=true]):before {
        box-shadow: 0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset, 0 1px oklch(0% 0 0/calc(var(--depth)*.1));
        background-color: currentColor
    }
    @media (forced-colors:active) {
        :is(.radio: checked, .radio[aria-checked=true]):before {
            outline-style:var(--tw-outline-style);
            outline-offset: -1px;
            outline-width: 1px
        }
    }
    @media print {
        :is(.radio: checked, .radio[aria-checked=true]):before {
            outline-offset:-1rem;
            outline: .25rem solid
        }
    }
    .radio:disabled {
        cursor: not-allowed;
        opacity: .2
    }
    .absolute {
        position: absolute
    }
    .fixed {
        position: fixed
    }
    .relative {
        position: relative
    }
    .sticky {
        position: sticky
    }
    .-top-6 {
        top: calc(var(--spacing)*-6)
    }
    .top-0 {
        top: calc(var(--spacing)*0)
    }
    .right-0 {
        right: calc(var(--spacing)*0)
    }
    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }
    .left-0 {
        left: calc(var(--spacing)*0)
    }
    .textarea {
        border: var(--border)solid #0000;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: var(--radius-field);
        background-color: var(--color-base-100);
        vertical-align: middle;
        border-color: var(--input-color);
        width: clamp(3rem, 20rem, 100%);
        min-height: 5rem;
        box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset;
        flex-shrink: 1;
        padding-block: .5rem;
        padding-inline: .75rem;
        font-size: .875rem
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .textarea {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color)calc(var(--depth)*10%), #0000) inset, 0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset
        }
    }
    .textarea {
        --input-color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .textarea {
            --input-color: color-mix(in oklab, var(--color-base-content)20%, #0000)
        }
    }
    .textarea textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #0000;
        border: none
    }
    .textarea textarea:focus,
    .textarea textarea:focus-within {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (forced-colors:active) {
        .textarea textarea:focus,
        .textarea textarea:focus-within {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }
    .textarea:focus,
    .textarea:focus-within {
        --input-color: var(--color-base-content);
        box-shadow: 0 1px var(--input-color)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .textarea:focus,
        .textarea:focus-within {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color)calc(var(--depth)*10%), #0000)
        }
    }
    .textarea:focus,
    .textarea:focus-within {
        outline: 2px solid var(--input-color);
        outline-offset: 2px;
        isolation: isolate
    }
    .textarea:has(>textarea[disabled]),
    .textarea:is(:disabled,
    [disabled]) {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .textarea:has(>textarea[disabled]),
        .textarea:is(:disabled,
        [disabled]) {
            color: color-mix(in oklab, var(--color-base-content)40%, transparent)
        }
    }
    :is(.textarea:has(>textarea[disabled]),
    .textarea:is(:disabled,
    [disabled]))::placeholder {
        color: var(--color-base-content)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        :is(.textarea: has(>textarea[disabled]), .textarea:is(:disabled, [disabled]))::placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }
    .textarea:has(>textarea[disabled]),
    .textarea:is(:disabled,
    [disabled]) {
        box-shadow: none
    }
    .textarea:has(>textarea[disabled])>textarea[disabled] {
        cursor: not-allowed
    }
    .z-0 {
        z-index: 0
    }
    .z-10 {
        z-index: 10
    }
    .z-20 {
        z-index: 20
    }
    .z-30 {
        z-index: 30
    }
    .z-40 {
        z-index: 40
    }
    .z-50 {
        z-index: 50
    }
    .divider {
        white-space: nowrap;
        height: 1rem;
        margin: var(--divider-m, 1rem 0);
        --divider-color: var(--color-base-content);
        flex-direction: row;
        align-self: stretch;
        align-items: center;
        display: flex
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .divider {
            --divider-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }
    .divider:before,
    .divider:after {
        content: "";
        background-color: var(--divider-color);
        flex-grow: 1;
        width: 100%;
        height: .125rem
    }
    @media print {
        .divider:before,
        .divider:after {
            border: .5px solid
        }
    }
    .divider:not(:empty) {
        gap: 1rem
    }
    .filter {
        flex-wrap: wrap;
        display: flex
    }
    .filter input[type=radio] {
        width: auto
    }
    .filter input {
        opacity: 1;
        transition: margin .1s, opacity .3s, padding .3s, border-width .1s;
        overflow: hidden;
        scale: 1
    }
    .filter input:not(:last-child) {
        margin-inline-end: .25rem
    }
    .filter input.filter-reset {
        aspect-ratio: 1
    }
    .filter input.filter-reset:after {
        content: "×"
    }
    .filter:not(:has(input:checked:not(.filter-reset))) .filter-reset,
    .filter:not(:has(input:checked:not(.filter-reset))) input[type=reset],
    .filter:has(input:checked:not(.filter-reset)) input:not(:checked,
    .filter-reset,
    input[type=reset]) {
        opacity: 0;
        border-width: 0;
        width: 0;
        margin-inline: 0;
        padding-inline: 0;
        scale: 0
    }
    .-my-\[7px\] {
        margin-block: -7px
    }
    .-my-\[8px\] {
        margin-block: -8px
    }
    .-my-\[10px\] {
        margin-block: -10px
    }
    .-my-\[11px\] {
        margin-block: -11px
    }
    .label {
        white-space: nowrap;
        color: currentColor;
        align-items: center;
        gap: .375rem;
        display: inline-flex
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .label {
            color: color-mix(in oklab, currentColor 60%, transparent)
        }
    }
    .label:has(input) {
        cursor: pointer
    }
    .label:is(.input>*,
    .select>*) {
        white-space: nowrap;
        height: calc(100% - .5rem);
        font-size: inherit;
        align-items: center;
        padding-inline: .75rem;
        display: flex
    }
    .label:is(.input>*,
    .select>*):first-child {
        border-inline-end: var(--border)solid currentColor;
        margin-inline: -.75rem .75rem
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .label:is(.input>*,
        .select>*):first-child {
            border-inline-end: var(--border)solid color-mix(in oklab, currentColor 10%, #0000)
        }
    }
    .label:is(.input>*,
    .select>*):last-child {
        border-inline-start: var(--border)solid currentColor;
        margin-inline: .75rem -.75rem
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .label:is(.input>*,
        .select>*):last-child {
            border-inline-start: var(--border)solid color-mix(in oklab, currentColor 10%, #0000)
        }
    }
    .mt-3 {
        margin-top: calc(var(--spacing)*3)
    }
    .mt-10 {
        margin-top: calc(var(--spacing)*10)
    }
    .fieldset-legend {
        color: var(--color-base-content);
        justify-content: space-between;
        align-items: center;
        gap: .5rem;
        margin-bottom: -.25rem;
        padding-block: .5rem;
        font-weight: 600;
        display: flex
    }
    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }
    .status {
        aspect-ratio: 1;
        border-radius: var(--radius-selector);
        background-color: var(--color-base-content);
        width: .5rem;
        height: .5rem;
        display: inline-block
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .status {
            background-color: color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }
    .status {
        vertical-align: middle;
        color: #0000004d;
        background-position: 50%;
        background-repeat: no-repeat
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .status {
            color: #0000004d
        }
        @supports (color:color-mix(in lab,
        red,
        red)) {
            .status {
                color: color-mix(in oklab, var(--color-black)30%, transparent)
            }
        }
    }
    .status {
        background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0/calc(var(--depth)*.5)), #0000);
        box-shadow: 0 2px 3px -1px
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .status {
            box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth)*100%), #0000)
        }
    }
    .card-body {
        padding: var(--card-p, 1.5rem);
        font-size: var(--card-fs, .875rem);
        flex-direction: column;
        flex: auto;
        gap: .5rem;
        display: flex
    }
    .card-body :where(p) {
        flex-grow: 1
    }
    .fieldset {
        grid-template-columns: 1fr;
        grid-auto-rows: max-content;
        gap: .375rem;
        padding-block: .25rem;
        font-size: .75rem;
        display: grid
    }
    .card-actions {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: .5rem;
        display: flex
    }
    .card-title {
        font-size: var(--cardtitle-fs, 1.125rem);
        align-items: center;
        gap: .5rem;
        font-weight: 600;
        display: flex
    }
    .contents {
        display: contents
    }
    .flex {
        display: flex
    }
    .grid {
        display: grid
    }
    .hidden {
        display: none
    }
    .list-item {
        display: list-item
    }
    .table {
        display: table
    }
    .aspect-auto {
        aspect-ratio: auto
    }
    .btn-square {
        width: var(--size);
        height: var(--size);
        padding-inline: 0
    }
    .h-9 {
        height: calc(var(--spacing)*9)
    }
    .h-40 {
        height: calc(var(--spacing)*40)
    }
    .h-80 {
        height: calc(var(--spacing)*80)
    }
    .h-\[2px\] {
        height: 2px
    }
    .h-\[100dvh\] {
        height: 100dvh
    }
    .h-fit {
        height: fit-content
    }
    .h-full {
        height: 100%
    }
    .max-h-40 {
        max-height: calc(var(--spacing)*40)
    }
    .max-h-60 {
        max-height: calc(var(--spacing)*60)
    }
    .max-h-96 {
        max-height: calc(var(--spacing)*96)
    }
    .max-h-\[480px\] {
        max-height: 480px
    }
    .min-h-60 {
        min-height: calc(var(--spacing)*60)
    }
    .min-h-96 {
        min-height: calc(var(--spacing)*96)
    }
    .w-32 {
        width: calc(var(--spacing)*32)
    }
    .w-\[500px\] {
        width: 500px
    }
    .w-\[800px\] {
        width: 800px
    }
    .w-fit {
        width: fit-content
    }
    .w-full {
        width: 100%
    }
    .max-w-7xl {
        max-width: var(--container-7xl)
    }
    .max-w-full {
        max-width: 100%
    }
    .shrink-0 {
        flex-shrink: 0
    }
    .grow {
        flex-grow: 1
    }
    .-translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-x-full {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-10 {
        --tw-translate-y: calc(var(--spacing)*-10);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-20 {
        --tw-translate-y: calc(var(--spacing)*-20);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-1\.5 {
        --tw-translate-y: calc(var(--spacing)*1.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-20 {
        --tw-translate-y: calc(var(--spacing)*20);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .link {
        cursor: pointer;
        text-decoration-line: underline
    }
    .link:focus {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (forced-colors:active) {
        .link:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }
    .link:focus-visible {
        outline-offset: 2px;
        outline: 2px solid
    }
    .list-disc {
        list-style-type: disc
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .flex-col {
        flex-direction: column
    }
    .flex-wrap {
        flex-wrap: wrap
    }
    .items-center {
        align-items: center
    }
    .items-end {
        align-items: flex-end
    }
    .justify-between {
        justify-content: space-between
    }
    .justify-center {
        justify-content: center
    }
    .justify-end {
        justify-content: flex-end
    }
    .justify-start {
        justify-content: flex-start
    }
    .gap-0 {
        gap: calc(var(--spacing)*0)
    }
    .gap-2 {
        gap: calc(var(--spacing)*2)
    }
    .gap-3 {
        gap: calc(var(--spacing)*3)
    }
    .gap-5 {
        gap: calc(var(--spacing)*5)
    }
    .gap-8 {
        gap: calc(var(--spacing)*8)
    }
    .gap-10 {
        gap: calc(var(--spacing)*10)
    }
    .gap-20 {
        gap: calc(var(--spacing)*20)
    }
    .gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }
    .gap-y-3 {
        row-gap: calc(var(--spacing)*3)
    }
    .gap-y-8 {
        row-gap: calc(var(--spacing)*8)
    }
    .gap-y-20 {
        row-gap: calc(var(--spacing)*20)
    }
    .overflow-hidden {
        overflow: hidden
    }
    .overflow-x-auto {
        overflow-x: auto
    }
    .overflow-y-scroll {
        overflow-y: scroll
    }
    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }
    .rounded-box {
        border-radius: var(--radius-box)
    }
    .rounded-xl {
        border-radius: var(--radius-xl)
    }
    .rounded-s-none {
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }
    .rounded-e-none {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }
    .border-e-0 {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 0
    }
    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }
    .border-base-200 {
        border-color: var(--color-base-200)
    }
    .border-base-300 {
        border-color: var(--color-base-300)
    }
    .border-primary {
        border-color: var(--color-primary)
    }
    .bg-base-100 {
        background-color: var(--color-base-100)
    }
    .bg-base-200,
    .bg-base-200\/20 {
        background-color: var(--color-base-200)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .bg-base-200\/20 {
            background-color: color-mix(in oklab, var(--color-base-200)20%, transparent)
        }
    }
    .bg-base-300,
    .bg-base-300\/10 {
        background-color: var(--color-base-300)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .bg-base-300\/10 {
            background-color: color-mix(in oklab, var(--color-base-300)10%, transparent)
        }
    }
    .bg-green-200 {
        background-color: var(--color-green-200)
    }
    .bg-green-400 {
        background-color: var(--color-green-400)
    }
    .bg-indigo-200 {
        background-color: var(--color-indigo-200)
    }
    .bg-indigo-400 {
        background-color: var(--color-indigo-400)
    }
    .bg-orange-200 {
        background-color: var(--color-orange-200)
    }
    .bg-orange-400 {
        background-color: var(--color-orange-400)
    }
    .bg-pink-200 {
        background-color: var(--color-pink-200)
    }
    .bg-pink-400 {
        background-color: var(--color-pink-400)
    }
    .bg-primary,
    .bg-primary\/20 {
        background-color: var(--color-primary)
    }
    @supports (color:color-mix(in lab,
    red,
    red)) {
        .bg-primary\/20 {
            background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }
    .bg-red-200 {
        background-color: var(--color-red-200)
    }
    .bg-red-400 {
        background-color: var(--color-red-400)
    }
    .bg-slate-200 {
        background-color: var(--color-slate-200)
    }
    .bg-slate-400 {
        background-color: var(--color-slate-400)
    }
    .bg-yellow-200 {
        background-color: var(--color-yellow-200)
    }
    .bg-yellow-400 {
        background-color: var(--color-yellow-400)
    }
    .stroke-1 {
        stroke-width: 1px
    }
    .object-cover {
        object-fit: cover
    }
    .object-top {
        object-position: top
    }
    .p-1 {
        padding: calc(var(--spacing)*1)
    }
    .p-2 {
        padding: calc(var(--spacing)*2)
    }
    .p-3 {
        padding: calc(var(--spacing)*3)
    }
    .p-4 {
        padding: calc(var(--spacing)*4)
    }
    .p-5 {
        padding: calc(var(--spacing)*5)
    }
    .p-10 {
        padding: calc(var(--spacing)*10)
    }
    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }
    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }
    .px-10 {
        padding-inline: calc(var(--spacing)*10)
    }
    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }
    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }
    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }
    .py-10 {
        padding-block: calc(var(--spacing)*10)
    }
    .ps-6 {
        padding-inline-start: calc(var(--spacing)*6)
    }
    .pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }
    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }
    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }
    .pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }
    .text-center {
        text-align: center
    }
    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }
    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }
    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }
    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }
    .text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height))
    }
    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }
    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }
    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }
    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }
    .text-\[144px\] {
        font-size: 144px
    }
    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }
    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }
    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }
    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }
    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }
    .font-thin {
        --tw-font-weight: var(--font-weight-thin);
        font-weight: var(--font-weight-thin)
    }
    .link-primary {
        color: var(--color-primary)
    }
    @media (hover:hover) {
        .link-primary:hover {
            color: var(--color-primary)
        }
        @supports (color:color-mix(in lab,
        red,
        red)) {
            .link-primary:hover {
                color: color-mix(in oklab, var(--color-primary)80%, #000)
            }
        }
    }
    .text-base-300 {
        color: var(--color-base-300)
    }
    .text-neutral {
        color: var(--color-neutral)
    }
    .text-primary {
        color: var(--color-primary)
    }
    .text-primary-content {
        color: var(--color-primary-content)
    }
    .uppercase {
        text-transform: uppercase
    }
    .italic {
        font-style: italic
    }
    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }
    .link-hover {
        text-decoration-line: none
    }
    @media (hover:hover) {
        .link-hover:hover {
            text-decoration-line: underline
        }
    }
    .opacity-30 {
        opacity: .3
    }
    .opacity-50 {
        opacity: .5
    }
    .opacity-60 {
        opacity: .6
    }
    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }
    .btn-ghost:not(.btn-active,
    :hover,
    :active:focus,
    :focus-visible) {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-border: #0000;
        --btn-noise: none
    }
    .btn-ghost:not(.btn-active,
    :hover,
    :active:focus,
    :focus-visible):not(:disabled,
    [disabled],
    .btn-disabled) {
        --btn-fg: currentColor;
        outline-color: currentColor
    }
    .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-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }
    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }
    .btn-sm {
        --fontsize: .75rem;
        --btn-p: .75rem;
        --size: calc(var(--size-field, .25rem)*8)
    }
    .btn-neutral {
        --btn-color: var(--color-neutral);
        --btn-fg: var(--color-neutral-content)
    }
    .btn-primary {
        --btn-color: var(--color-primary);
        --btn-fg: var(--color-primary-content)
    }
    @media not all and (min-width:64rem) {
        .not-lg\:left-0 {
            left: calc(var(--spacing)*0)
        }
        .not-lg\:-translate-y-10 {
            --tw-translate-y: calc(var(--spacing)*-10);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .not-lg\:flex-col {
            flex-direction: column
        }
        .not-lg\:py-20 {
            padding-block: calc(var(--spacing)*20)
        }
        .not-lg\:pb-20 {
            padding-bottom: calc(var(--spacing)*20)
        }
    }
    @media (hover:hover) {
        .hover\:scale-\[1\.01\]:hover {
            scale: 1.01
        }
    }
    .focus\:border-base-300:focus {
        border-color: var(--color-base-300)
    }
    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }
    @media (min-width:1920px) {
        .min-\[1920px\]\:\ !pe-3 {
            padding-inline-end: calc(var(--spacing)*3) !important
        }
    }
    @media (min-width:40rem) {
        .sm\:-my-\[11px\] {
            margin-block: -11px
        }
        .sm\:-my-\[16px\] {
            margin-block: -16px
        }
        .sm\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }
        .sm\:text-8xl {
            font-size: var(--text-8xl);
            line-height: var(--tw-leading, var(--text-8xl--line-height))
        }
    }
    @media (min-width:48rem) {
        .md\:-translate-y-20 {
            --tw-translate-y: calc(var(--spacing)*-20);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .md\:-translate-y-40 {
            --tw-translate-y: calc(var(--spacing)*-40);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }
    @media (min-width:64rem) {
        .lg\:menu-vertical {
            flex-direction: column;
            display: inline-flex
        }
        .lg\:menu-vertical>li:not(.menu-title)>details>ul {
            margin-inline-start: 1rem;
            margin-top: 0;
            padding-block: 0;
            padding-inline-end: 0;
            position: relative
        }
        .lg\:top-0 {
            top: calc(var(--spacing)*0)
        }
        .lg\:right-0 {
            right: calc(var(--spacing)*0)
        }
        .lg\:col-span-1 {
            grid-column: span 1/span 1
        }
        .lg\:col-span-2 {
            grid-column: span 2/span 2
        }
        .lg\:-my-\[7px\] {
            margin-block: -7px
        }
        .lg\:-my-\[11px\] {
            margin-block: -11px
        }
        .lg\:-my-\[12px\] {
            margin-block: -12px
        }
        .lg\:-my-\[16px\] {
            margin-block: -16px
        }
        .lg\:hidden {
            display: none
        }
        .lg\:card-side {
            flex-direction: row;
            align-items: stretch
        }
        .lg\:card-side :where(figure:first-child) {
            border-start-start-radius: inherit;
            border-start-end-radius: unset;
            border-end-end-radius: unset;
            border-end-start-radius: inherit;
            overflow: hidden
        }
        .lg\:card-side :where(figure:last-child) {
            border-start-start-radius: unset;
            border-start-end-radius: inherit;
            border-end-end-radius: inherit;
            border-end-start-radius: unset;
            overflow: hidden
        }
        .lg\:card-side figure>* {
            max-width: unset
        }
        .lg\:card-side :where(figure>*) {
            object-fit: cover;
            width: 100%;
            height: 100%
        }
        .lg\:h-screen {
            height: 100vh
        }
        .lg\:max-h-96 {
            max-height: calc(var(--spacing)*96)
        }
        .lg\:max-h-full {
            max-height: 100%
        }
        .lg\:w-64 {
            width: calc(var(--spacing)*64)
        }
        .lg\:w-fit {
            width: fit-content
        }
        .lg\:max-w-96 {
            max-width: calc(var(--spacing)*96)
        }
        .lg\:-translate-x-40 {
            --tw-translate-x: calc(var(--spacing)*-40);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .lg\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .lg\:-translate-y-10 {
            --tw-translate-y: calc(var(--spacing)*-10);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .lg\:-translate-y-32 {
            --tw-translate-y: calc(var(--spacing)*-32);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .lg\:flex-row {
            flex-direction: row
        }
        .lg\:items-center {
            align-items: center
        }
        .lg\:justify-between {
            justify-content: space-between
        }
        .lg\:justify-start {
            justify-content: flex-start
        }
        .lg\:rounded-xl {
            border-radius: var(--radius-xl)
        }
        .lg\:rounded-s-box {
            border-start-start-radius: var(--radius-box);
            border-end-start-radius: var(--radius-box)
        }
        .lg\:border-2 {
            border-style: var(--tw-border-style);
            border-width: 2px
        }
        .lg\:border-base-300 {
            border-color: var(--color-base-300)
        }
        .lg\:bg-base-300\/10 {
            background-color: var(--color-base-300)
        }
        @supports (color:color-mix(in lab,
        red,
        red)) {
            .lg\:bg-base-300\/10 {
                background-color: color-mix(in oklab, var(--color-base-300)10%, transparent)
            }
        }
        .lg\:bg-transparent {
            background-color: #0000
        }
        .lg\:p-3 {
            padding: calc(var(--spacing)*3)
        }
        .lg\:p-10 {
            padding: calc(var(--spacing)*10)
        }
        .lg\:px-20 {
            padding-inline: calc(var(--spacing)*20)
        }
        .lg\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }
        .lg\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }
        .lg\:ps-3 {
            padding-inline-start: calc(var(--spacing)*3)
        }
        .lg\:ps-64 {
            padding-inline-start: calc(var(--spacing)*64)
        }
        .lg\:pe-20 {
            padding-inline-end: calc(var(--spacing)*20)
        }
        .lg\:text-7xl {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading, var(--text-7xl--line-height))
        }
        .lg\:text-\[192px\] {
            font-size: 192px
        }
    }
    @media (min-width:80rem) {
        .xl\:col-span-1 {
            grid-column: span 1/span 1
        }
        .xl\:col-span-2 {
            grid-column: span 2/span 2
        }
        .xl\:w-full {
            width: 100%
        }
        .xl\:-translate-x-24 {
            --tw-translate-x: calc(var(--spacing)*-24);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }
    @media (min-width:96rem) {
        .\32xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }
}

@keyframes dropdown {
    0% {
        opacity: 0
    }
}

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

@keyframes toast {
    0% {
        opacity: 0;
        scale: .9
    }
    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes rating {
    0%,
    40% {
        filter: brightness(1.05)contrast(1.05);
        scale: 1.1
    }
}

@keyframes radio {
    0% {
        padding: 5px
    }
    50% {
        padding: 3px
    }
}

@keyframes skeleton {
    0% {
        background-position: 150%
    }
    to {
        background-position: -50%
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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