/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;

@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-white: #fff;
        --spacing: 0.25rem;
        --container-md: 28rem;
        --container-2xl: 42rem;
        --container-4xl: 56rem;
        --container-7xl: 80rem;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-bold: 700;
        --tracking-wide: 0.025em;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
    }
}

@layer base {
    *, ::after, ::before, ::backdrop, ::file-selector-button {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0 solid;
    }

    html, :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }

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

    :-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 {
        display: block;
        vertical-align: middle;
    }

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

    button, input, select, optgroup, textarea, ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        border-radius: 0;
        background-color: transparent;
        opacity: 1;
    }

    :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)) {
                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 {
        display: inline-flex;
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }

    ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1;
    }

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

    button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
        appearance: button;
    }

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

    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}

@layer utilities {
    .btn {
        : where(&)

{
    width: unset;
}

display: inline-flex;
flex-shrink: 0;
cursor: pointer;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
gap: calc(0.25rem * 1.5);
text-align: center;
vertical-align: middle;
outline-offset: 2px;
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, 0.875rem);
font-weight: 600;
outline-color: var(--btn-color, var(--color-base-content));
transition-property: color, background-color, border-color, box-shadow;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-duration: 0.2s;
border-start-start-radius: var(--join-ss, var(--radius-field));
border-start-end-radius: var(--join-se, var(--radius-field));
border-end-start-radius: var(--join-es, var(--radius-field));
border-end-end-radius: var(--join-ee, var(--radius-field));
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 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
touch-action: manipulation;
box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
--size: calc(var(--size-field, 0.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);
@supports (color: color-mix(in lab, red, red)) {
    --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
}

--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-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-noise: var(--fx-noise);
.prose & {
    text-decoration-line: none;
}

@media (hover: hover) {
    &:hover {
        --btn-bg: var(--btn-color, var(--color-base-200));

        @supports (color: color-mix(in lab, red, red)) {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
        }
    }
}

&:focus-visible, &:has(:focus-visible) {
    outline-width: 2px;
    outline-style: solid;
    isolation: isolate;
}

&:active:not(.btn-active) {
    translate: 0 0.5px;
    --btn-bg: var(--btn-color, var(--color-base-200));

    @supports (color: color-mix(in lab, red, red)) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
    }

    --btn-border: var(--btn-color, var(--color-base-200));

    @supports (color: color-mix(in lab, red, red)) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
    }

    --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
}

&:is(:disabled, [disabled], .btn-disabled) {
    &:not(.btn-link, .btn-ghost)

{
    background-color: var(--color-base-content);

    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }

    box-shadow: none;
}

pointer-events: none;
--btn-border: #0000;
--btn-noise: none;
--btn-fg: var(--color-base-content);
@supports (color: color-mix(in lab, red, red)) {
    --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
}

@media (hover: hover) {
    &:hover {
        pointer-events: none;
        background-color: var(--color-neutral);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
        }

        --btn-border: #0000;
        --btn-fg: var(--color-base-content);

        @supports (color: color-mix(in lab, red, red)) {
            --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
        }
    }
}

}

&:is(input[type="checkbox"], input[type="radio"]) {
    appearance: none;
    &::after

{
    content: attr(aria-label);
}

}

&:where(input:checked:not(.filter .btn)) {
    --btn-color: var(--color-primary);
    --btn-fg: var(--color-primary-content);
    isolation: isolate;
}

}

.pointer-events-none {
    pointer-events: none;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.static {
    position: static;
}

.inset-0 {
    inset: calc(var(--spacing) * 0);
}

.top-0 {
    top: calc(var(--spacing) * 0);
}

.-right-52 {
    right: calc(var(--spacing) * -52);
}

.-bottom-10 {
    bottom: calc(var(--spacing) * -10);
}

.bottom-0 {
    bottom: calc(var(--spacing) * 0);
}

.left-0 {
    left: calc(var(--spacing) * 0);
}

.left-10 {
    left: calc(var(--spacing) * 10);
}

.hero-content {
    isolation: isolate;
    display: flex;
    max-width: 80rem;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 4);
    padding: calc(0.25rem * 4);
}

.-z-10 {
    z-index: calc(10 * -1);
}

.z-10 {
    z-index: 10;
}

.hover-gallery {
    --items: 1;
    grid-template-columns: repeat(var(--items), 1fr);
    width: 100%;
    gap: 1px;
    overflow: hidden;
    &, &:is(figure)

{
    display: inline-grid;
}

&:has(> :nth-child(3)) {
    --items: 2;
}

&:has(> :nth-child(4)) {
    --items: 3;
}

&:has(> :nth-child(5)) {
    --items: 4;
}

&:has(> :nth-child(6)) {
    --items: 5;
}

&:has(> :nth-child(7)) {
    --items: 6;
}

&:has(> :nth-child(8)) {
    --items: 7;
}

&:has(> :nth-child(9)) {
    --items: 8;
}

&:has(> :nth-child(10)) {
    --items: 9;
}

> * {
    opacity: 0;
    height: 100%;
    grid-row: 1;
    object-fit: cover;
    width: 100%;
    &:nth-child(1)

{
    grid-column: 1 / -1;
    opacity: 1;
}

&:nth-child(2) {
    grid-column: 1;
}

&:nth-child(3) {
    grid-column: 2;
}

&:nth-child(4) {
    grid-column: 3;
}

&:nth-child(5) {
    grid-column: 4;
}

&:nth-child(6) {
    grid-column: 5;
}

&:nth-child(7) {
    grid-column: 6;
}

&:nth-child(8) {
    grid-column: 7;
}

&:nth-child(9) {
    grid-column: 8;
}

&:nth-child(10) {
    grid-column: 9;
}

&:nth-child(n + 11) {
    display: none;
}

}

> *:hover {
    grid-column: 1 / -1;
    opacity: 1;
}

&:has(*:hover) {
    > :nth-child(1)

{
    display: none;
}

}
}

.hero {
    display: grid;
    width: 100%;
    place-items: center;
    background-size: cover;
    background-position: center;
    & > *

{
    grid-column-start: 1;
    grid-row-start: 1;
}

}

.hero-overlay {
    grid-column-start: 1;
    grid-row-start: 1;
    height: 100%;
    width: 100%;
    background-color: var(--color-neutral);

    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral) 50%, transparent);
    }
}

.mx-auto {
    margin-inline: auto;
}

.my-auto {
    margin-block: auto;
}

.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
}

.mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
}

.mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
}

.mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
}

.mask {
    display: inline-block;
    vertical-align: middle;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.inline-block {
    display: inline-block;
}

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

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

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

.min-h-full {
    min-height: 100%;
}

.min-h-screen {
    min-height: 100vh;
}

.w-2xl {
    width: var(--container-2xl);
}

.w-\[80\%\] {
    width: 80%;
}

.w-\[215px\] {
    width: 215px;
}

.w-\[400px\] {
    width: 400px;
}

.w-\[calc\(231\%\+1\.3px\)\] {
    width: calc(231% + 1.3px);
}

.w-full {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

.max-w-2xl {
    max-width: var(--container-2xl);
}

.max-w-4xl {
    max-width: var(--container-4xl);
}

.max-w-7xl {
    max-width: var(--container-7xl);
}

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

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

.origin-bottom-left {
    transform-origin: bottom left;
}

.rotate-\[5deg\] {
    rotate: 5deg;
}

.rotate-\[180deg\] {
    rotate: 180deg;
}

.transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}

.flex-col {
    flex-direction: column;
}

.place-items-center {
    place-items: center;
}

.items-center {
    align-items: center;
}

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

.justify-center {
    justify-content: center;
}

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

.gap-4 {
    gap: calc(var(--spacing) * 4);
}

.gap-36 {
    gap: calc(var(--spacing) * 36);
}

.overflow-hidden {
    overflow: hidden;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-lg {
    border-radius: var(--radius-lg);
}

.bg-accent {
    background-color: var(--color-accent);
}

.bg-base-300 {
    background-color: var(--color-base-300);
}

.bg-primary {
    background-color: var(--color-primary);
}

.bg-secondary {
    background-color: var(--color-secondary);
}

.bg-white {
    background-color: var(--color-white);
}

.bg-white\/60 {
    background-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}

.bg-cover {
    background-size: cover;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-center {
    background-position: center;
}

.fill-accent {
    fill: var(--color-accent);
}

.fill-base-300 {
    fill: var(--color-base-300);
}

.fill-secondary {
    fill: var(--color-secondary);
}

.object-cover {
    object-fit: cover;
}

.p-3 {
    padding: calc(var(--spacing) * 3);
}

.p-5 {
    padding: calc(var(--spacing) * 5);
}

.p-10 {
    padding: calc(var(--spacing) * 10);
}

.py-8 {
    padding-block: calc(var(--spacing) * 8);
}

.py-12 {
    padding-block: calc(var(--spacing) * 12);
}

.pr-56 {
    padding-right: calc(var(--spacing) * 56);
}

.pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
}

.pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
}

.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-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
}

.leading-\[0\] {
    --tw-leading: 0;
    line-height: 0;
}

.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
}

.tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
}

.tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
}

.tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
}

.text-neutral-content {
    color: var(--color-neutral-content);
}

.text-secondary-content {
    color: var(--color-secondary-content);
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration-line: underline;
}

.underline-offset-2 {
    text-underline-offset: 2px;
}

.underline-offset-8 {
    text-underline-offset: 8px;
}

.opacity-50 {
    opacity: 50%;
}

.opacity-\[0\.05\] {
    opacity: 0.05;
}

.opacity-\[0\.19\] {
    opacity: 0.19;
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-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: 300ms;
    transition-duration: 300ms;
}

.hover\:scale-105 {
    &:hover

{
    @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
}

}

.sm\:mb-7 {
    @media (width >= 40rem) {
        margin-bottom: calc(var(--spacing) * 7);
    }
}

.sm\:mb-9 {
    @media (width >= 40rem) {
        margin-bottom: calc(var(--spacing) * 9);
    }
}

.sm\:w-\[380px\] {
    @media (width >= 40rem) {
        width: 380px;
    }
}

.sm\:max-w-\[100\%\] {
    @media (width >= 40rem) {
        max-width: 100%;
    }
}

.sm\:flex-row {
    @media (width >= 40rem) {
        flex-direction: row;
    }
}

.sm\:rounded-xl {
    @media (width >= 40rem) {
        border-radius: var(--radius-xl);
    }
}

.sm\:p-10 {
    @media (width >= 40rem) {
        padding: calc(var(--spacing) * 10);
    }
}

.sm\:py-10 {
    @media (width >= 40rem) {
        padding-block: calc(var(--spacing) * 10);
    }
}

.lg\:mb-7 {
    @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 7);
    }
}

.lg\:flex {
    @media (width >= 64rem) {
        display: flex;
    }
}

.lg\:flex-col {
    @media (width >= 64rem) {
        flex-direction: column;
    }
}

.lg\:flex-col-reverse {
    @media (width >= 64rem) {
        flex-direction: column-reverse;
    }
}

.lg\:flex-row {
    @media (width >= 64rem) {
        flex-direction: row;
    }
}

.lg\:flex-row-reverse {
    @media (width >= 64rem) {
        flex-direction: row-reverse;
    }
}

.lg\:border-\[1rem\] {
    @media (width >= 64rem) {
        border-style: var(--tw-border-style);
        border-width: 1rem;
    }
}

.lg\:border-solid {
    @media (width >= 64rem) {
        --tw-border-style: solid;
        border-style: solid;
    }
}

.xl\:block {
    @media (width >= 80rem) {
        display: block;
    }
}

.xl\:max-w-md {
    @media (width >= 80rem) {
        max-width: var(--container-md);
    }
}

.xl\:border-base-300 {
    @media (width >= 80rem) {
        border-color: var(--color-base-300);
    }
}

.\[\&_path\]\:fill-neutral {
    & path

{
    fill: var(--color-neutral);
}

}

.\[\&_path\]\:opacity-\[0\.05\] {
    & path

{
    opacity: 0.05;
}

}
}

@layer base {
    :where(:root), :root:has(input.theme-controller[value=light]:checked), [data-theme=light] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(98% 0 0);
        --color-base-300: oklch(95% 0 0);
        --color-base-content: oklch(21% 0.006 285.885);
        --color-primary: oklch(45% 0.24 277.023);
        --color-primary-content: oklch(93% 0.034 272.788);
        --color-secondary: oklch(65% 0.241 354.308);
        --color-secondary-content: oklch(94% 0.028 342.258);
        --color-accent: oklch(77% 0.152 181.912);
        --color-accent-content: oklch(38% 0.063 188.416);
        --color-neutral: oklch(14% 0.005 285.823);
        --color-neutral-content: oklch(92% 0.004 286.32);
        --color-info: oklch(74% 0.16 232.661);
        --color-info-content: oklch(29% 0.066 243.157);
        --color-success: oklch(76% 0.177 163.223);
        --color-success-content: oklch(37% 0.077 168.94);
        --color-warning: oklch(82% 0.189 84.429);
        --color-warning-content: oklch(41% 0.112 45.904);
        --color-error: oklch(71% 0.194 13.428);
        --color-error-content: oklch(27% 0.105 12.094);
        --radius-selector: 0.5rem;
        --radius-field: 0.25rem;
        --radius-box: 0.5rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    @media (prefers-color-scheme: dark) {
        :root:not([data-theme]) {
            color-scheme: dark;
            --color-base-100: oklch(25.33% 0.016 252.42);
            --color-base-200: oklch(23.26% 0.014 253.1);
            --color-base-300: oklch(21.15% 0.012 254.09);
            --color-base-content: oklch(97.807% 0.029 256.847);
            --color-primary: oklch(58% 0.233 277.117);
            --color-primary-content: oklch(96% 0.018 272.314);
            --color-secondary: oklch(65% 0.241 354.308);
            --color-secondary-content: oklch(94% 0.028 342.258);
            --color-accent: oklch(77% 0.152 181.912);
            --color-accent-content: oklch(38% 0.063 188.416);
            --color-neutral: oklch(14% 0.005 285.823);
            --color-neutral-content: oklch(92% 0.004 286.32);
            --color-info: oklch(74% 0.16 232.661);
            --color-info-content: oklch(29% 0.066 243.157);
            --color-success: oklch(76% 0.177 163.223);
            --color-success-content: oklch(37% 0.077 168.94);
            --color-warning: oklch(82% 0.189 84.429);
            --color-warning-content: oklch(41% 0.112 45.904);
            --color-error: oklch(71% 0.194 13.428);
            --color-error-content: oklch(27% 0.105 12.094);
            --radius-selector: 0.5rem;
            --radius-field: 0.25rem;
            --radius-box: 0.5rem;
            --size-selector: 0.25rem;
            --size-field: 0.25rem;
            --border: 1px;
            --depth: 1;
            --noise: 0;
        }
    }
}

@layer base {
    :root:has(input.theme-controller[value=light]:checked), [data-theme=light] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(98% 0 0);
        --color-base-300: oklch(95% 0 0);
        --color-base-content: oklch(21% 0.006 285.885);
        --color-primary: oklch(45% 0.24 277.023);
        --color-primary-content: oklch(93% 0.034 272.788);
        --color-secondary: oklch(65% 0.241 354.308);
        --color-secondary-content: oklch(94% 0.028 342.258);
        --color-accent: oklch(77% 0.152 181.912);
        --color-accent-content: oklch(38% 0.063 188.416);
        --color-neutral: oklch(14% 0.005 285.823);
        --color-neutral-content: oklch(92% 0.004 286.32);
        --color-info: oklch(74% 0.16 232.661);
        --color-info-content: oklch(29% 0.066 243.157);
        --color-success: oklch(76% 0.177 163.223);
        --color-success-content: oklch(37% 0.077 168.94);
        --color-warning: oklch(82% 0.189 84.429);
        --color-warning-content: oklch(41% 0.112 45.904);
        --color-error: oklch(71% 0.194 13.428);
        --color-error-content: oklch(27% 0.105 12.094);
        --radius-selector: 0.5rem;
        --radius-field: 0.25rem;
        --radius-box: 0.5rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=dark]:checked), [data-theme=dark] {
        color-scheme: dark;
        --color-base-100: oklch(25.33% 0.016 252.42);
        --color-base-200: oklch(23.26% 0.014 253.1);
        --color-base-300: oklch(21.15% 0.012 254.09);
        --color-base-content: oklch(97.807% 0.029 256.847);
        --color-primary: oklch(58% 0.233 277.117);
        --color-primary-content: oklch(96% 0.018 272.314);
        --color-secondary: oklch(65% 0.241 354.308);
        --color-secondary-content: oklch(94% 0.028 342.258);
        --color-accent: oklch(77% 0.152 181.912);
        --color-accent-content: oklch(38% 0.063 188.416);
        --color-neutral: oklch(14% 0.005 285.823);
        --color-neutral-content: oklch(92% 0.004 286.32);
        --color-info: oklch(74% 0.16 232.661);
        --color-info-content: oklch(29% 0.066 243.157);
        --color-success: oklch(76% 0.177 163.223);
        --color-success-content: oklch(37% 0.077 168.94);
        --color-warning: oklch(82% 0.189 84.429);
        --color-warning-content: oklch(41% 0.112 45.904);
        --color-error: oklch(71% 0.194 13.428);
        --color-error-content: oklch(27% 0.105 12.094);
        --radius-selector: 0.5rem;
        --radius-field: 0.25rem;
        --radius-box: 0.5rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=cupcake]:checked), [data-theme=cupcake] {
        color-scheme: light;
        --color-base-100: oklch(97.788% 0.004 56.375);
        --color-base-200: oklch(93.982% 0.007 61.449);
        --color-base-300: oklch(91.586% 0.006 53.44);
        --color-base-content: oklch(23.574% 0.066 313.189);
        --color-primary: oklch(85% 0.138 181.071);
        --color-primary-content: oklch(43% 0.078 188.216);
        --color-secondary: oklch(89% 0.061 343.231);
        --color-secondary-content: oklch(45% 0.187 3.815);
        --color-accent: oklch(90% 0.076 70.697);
        --color-accent-content: oklch(47% 0.157 37.304);
        --color-neutral: oklch(27% 0.006 286.033);
        --color-neutral-content: oklch(92% 0.004 286.32);
        --color-info: oklch(68% 0.169 237.323);
        --color-info-content: oklch(29% 0.066 243.157);
        --color-success: oklch(69% 0.17 162.48);
        --color-success-content: oklch(26% 0.051 172.552);
        --color-warning: oklch(79% 0.184 86.047);
        --color-warning-content: oklch(28% 0.066 53.813);
        --color-error: oklch(64% 0.246 16.439);
        --color-error-content: oklch(27% 0.105 12.094);
        --radius-selector: 1rem;
        --radius-field: 2rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 2px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=bumblebee]:checked), [data-theme=bumblebee] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(97% 0 0);
        --color-base-300: oklch(92% 0 0);
        --color-base-content: oklch(20% 0 0);
        --color-primary: oklch(85% 0.199 91.936);
        --color-primary-content: oklch(42% 0.095 57.708);
        --color-secondary: oklch(75% 0.183 55.934);
        --color-secondary-content: oklch(40% 0.123 38.172);
        --color-accent: oklch(0% 0 0);
        --color-accent-content: oklch(100% 0 0);
        --color-neutral: oklch(37% 0.01 67.558);
        --color-neutral-content: oklch(92% 0.003 48.717);
        --color-info: oklch(74% 0.16 232.661);
        --color-info-content: oklch(39% 0.09 240.876);
        --color-success: oklch(76% 0.177 163.223);
        --color-success-content: oklch(37% 0.077 168.94);
        --color-warning: oklch(82% 0.189 84.429);
        --color-warning-content: oklch(41% 0.112 45.904);
        --color-error: oklch(70% 0.191 22.216);
        --color-error-content: oklch(39% 0.141 25.723);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=emerald]:checked), [data-theme=emerald] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(93% 0 0);
        --color-base-300: oklch(86% 0 0);
        --color-base-content: oklch(35.519% 0.032 262.988);
        --color-primary: oklch(76.662% 0.135 153.45);
        --color-primary-content: oklch(33.387% 0.04 162.24);
        --color-secondary: oklch(61.302% 0.202 261.294);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(72.772% 0.149 33.2);
        --color-accent-content: oklch(0% 0 0);
        --color-neutral: oklch(35.519% 0.032 262.988);
        --color-neutral-content: oklch(98.462% 0.001 247.838);
        --color-info: oklch(72.06% 0.191 231.6);
        --color-info-content: oklch(0% 0 0);
        --color-success: oklch(64.8% 0.15 160);
        --color-success-content: oklch(0% 0 0);
        --color-warning: oklch(84.71% 0.199 83.87);
        --color-warning-content: oklch(0% 0 0);
        --color-error: oklch(71.76% 0.221 22.18);
        --color-error-content: oklch(0% 0 0);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=corporate]:checked), [data-theme=corporate] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(93% 0 0);
        --color-base-300: oklch(86% 0 0);
        --color-base-content: oklch(22.389% 0.031 278.072);
        --color-primary: oklch(58% 0.158 241.966);
        --color-primary-content: oklch(100% 0 0);
        --color-secondary: oklch(55% 0.046 257.417);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(60% 0.118 184.704);
        --color-accent-content: oklch(100% 0 0);
        --color-neutral: oklch(0% 0 0);
        --color-neutral-content: oklch(100% 0 0);
        --color-info: oklch(60% 0.126 221.723);
        --color-info-content: oklch(100% 0 0);
        --color-success: oklch(62% 0.194 149.214);
        --color-success-content: oklch(100% 0 0);
        --color-warning: oklch(85% 0.199 91.936);
        --color-warning-content: oklch(0% 0 0);
        --color-error: oklch(70% 0.191 22.216);
        --color-error-content: oklch(0% 0 0);
        --radius-selector: 0.25rem;
        --radius-field: 0.25rem;
        --radius-box: 0.25rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=synthwave]:checked), [data-theme=synthwave] {
        color-scheme: dark;
        --color-base-100: oklch(15% 0.09 281.288);
        --color-base-200: oklch(20% 0.09 281.288);
        --color-base-300: oklch(25% 0.09 281.288);
        --color-base-content: oklch(78% 0.115 274.713);
        --color-primary: oklch(71% 0.202 349.761);
        --color-primary-content: oklch(28% 0.109 3.907);
        --color-secondary: oklch(82% 0.111 230.318);
        --color-secondary-content: oklch(29% 0.066 243.157);
        --color-accent: oklch(75% 0.183 55.934);
        --color-accent-content: oklch(26% 0.079 36.259);
        --color-neutral: oklch(45% 0.24 277.023);
        --color-neutral-content: oklch(87% 0.065 274.039);
        --color-info: oklch(74% 0.16 232.661);
        --color-info-content: oklch(29% 0.066 243.157);
        --color-success: oklch(77% 0.152 181.912);
        --color-success-content: oklch(27% 0.046 192.524);
        --color-warning: oklch(90% 0.182 98.111);
        --color-warning-content: oklch(42% 0.095 57.708);
        --color-error: oklch(73.7% 0.121 32.639);
        --color-error-content: oklch(23.501% 0.096 290.329);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=retro]:checked), [data-theme=retro] {
        color-scheme: light;
        --color-base-100: oklch(91.637% 0.034 90.515);
        --color-base-200: oklch(88.272% 0.049 91.774);
        --color-base-300: oklch(84.133% 0.065 90.856);
        --color-base-content: oklch(41% 0.112 45.904);
        --color-primary: oklch(80% 0.114 19.571);
        --color-primary-content: oklch(39% 0.141 25.723);
        --color-secondary: oklch(92% 0.084 155.995);
        --color-secondary-content: oklch(44% 0.119 151.328);
        --color-accent: oklch(68% 0.162 75.834);
        --color-accent-content: oklch(41% 0.112 45.904);
        --color-neutral: oklch(44% 0.011 73.639);
        --color-neutral-content: oklch(86% 0.005 56.366);
        --color-info: oklch(58% 0.158 241.966);
        --color-info-content: oklch(96% 0.059 95.617);
        --color-success: oklch(51% 0.096 186.391);
        --color-success-content: oklch(96% 0.059 95.617);
        --color-warning: oklch(64% 0.222 41.116);
        --color-warning-content: oklch(96% 0.059 95.617);
        --color-error: oklch(70% 0.191 22.216);
        --color-error-content: oklch(40% 0.123 38.172);
        --radius-selector: 0.25rem;
        --radius-field: 0.25rem;
        --radius-box: 0.5rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=cyberpunk]:checked), [data-theme=cyberpunk] {
        color-scheme: light;
        --color-base-100: oklch(94.51% 0.179 104.32);
        --color-base-200: oklch(91.51% 0.179 104.32);
        --color-base-300: oklch(85.51% 0.179 104.32);
        --color-base-content: oklch(0% 0 0);
        --color-primary: oklch(74.22% 0.209 6.35);
        --color-primary-content: oklch(14.844% 0.041 6.35);
        --color-secondary: oklch(83.33% 0.184 204.72);
        --color-secondary-content: oklch(16.666% 0.036 204.72);
        --color-accent: oklch(71.86% 0.217 310.43);
        --color-accent-content: oklch(14.372% 0.043 310.43);
        --color-neutral: oklch(23.04% 0.065 269.31);
        --color-neutral-content: oklch(94.51% 0.179 104.32);
        --color-info: oklch(72.06% 0.191 231.6);
        --color-info-content: oklch(0% 0 0);
        --color-success: oklch(64.8% 0.15 160);
        --color-success-content: oklch(0% 0 0);
        --color-warning: oklch(84.71% 0.199 83.87);
        --color-warning-content: oklch(0% 0 0);
        --color-error: oklch(71.76% 0.221 22.18);
        --color-error-content: oklch(0% 0 0);
        --radius-selector: 0rem;
        --radius-field: 0rem;
        --radius-box: 0rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=valentine]:checked), [data-theme=valentine] {
        color-scheme: light;
        --color-base-100: oklch(97% 0.014 343.198);
        --color-base-200: oklch(94% 0.028 342.258);
        --color-base-300: oklch(89% 0.061 343.231);
        --color-base-content: oklch(52% 0.223 3.958);
        --color-primary: oklch(65% 0.241 354.308);
        --color-primary-content: oklch(100% 0 0);
        --color-secondary: oklch(62% 0.265 303.9);
        --color-secondary-content: oklch(97% 0.014 308.299);
        --color-accent: oklch(82% 0.111 230.318);
        --color-accent-content: oklch(39% 0.09 240.876);
        --color-neutral: oklch(40% 0.153 2.432);
        --color-neutral-content: oklch(89% 0.061 343.231);
        --color-info: oklch(86% 0.127 207.078);
        --color-info-content: oklch(44% 0.11 240.79);
        --color-success: oklch(84% 0.143 164.978);
        --color-success-content: oklch(43% 0.095 166.913);
        --color-warning: oklch(75% 0.183 55.934);
        --color-warning-content: oklch(26% 0.079 36.259);
        --color-error: oklch(63% 0.237 25.331);
        --color-error-content: oklch(97% 0.013 17.38);
        --radius-selector: 1rem;
        --radius-field: 2rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=halloween]:checked), [data-theme=halloween] {
        color-scheme: dark;
        --color-base-100: oklch(21% 0.006 56.043);
        --color-base-200: oklch(14% 0.004 49.25);
        --color-base-300: oklch(0% 0 0);
        --color-base-content: oklch(84.955% 0 0);
        --color-primary: oklch(77.48% 0.204 60.62);
        --color-primary-content: oklch(19.693% 0.004 196.779);
        --color-secondary: oklch(45.98% 0.248 305.03);
        --color-secondary-content: oklch(89.196% 0.049 305.03);
        --color-accent: oklch(64.8% 0.223 136.073);
        --color-accent-content: oklch(0% 0 0);
        --color-neutral: oklch(24.371% 0.046 65.681);
        --color-neutral-content: oklch(84.874% 0.009 65.681);
        --color-info: oklch(54.615% 0.215 262.88);
        --color-info-content: oklch(90.923% 0.043 262.88);
        --color-success: oklch(62.705% 0.169 149.213);
        --color-success-content: oklch(12.541% 0.033 149.213);
        --color-warning: oklch(66.584% 0.157 58.318);
        --color-warning-content: oklch(13.316% 0.031 58.318);
        --color-error: oklch(65.72% 0.199 27.33);
        --color-error-content: oklch(13.144% 0.039 27.33);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=garden]:checked), [data-theme=garden] {
        color-scheme: light;
        --color-base-100: oklch(92.951% 0.002 17.197);
        --color-base-200: oklch(86.445% 0.002 17.197);
        --color-base-300: oklch(79.938% 0.001 17.197);
        --color-base-content: oklch(16.961% 0.001 17.32);
        --color-primary: oklch(62.45% 0.278 3.836);
        --color-primary-content: oklch(100% 0 0);
        --color-secondary: oklch(48.495% 0.11 355.095);
        --color-secondary-content: oklch(89.699% 0.022 355.095);
        --color-accent: oklch(56.273% 0.054 154.39);
        --color-accent-content: oklch(100% 0 0);
        --color-neutral: oklch(24.155% 0.049 89.07);
        --color-neutral-content: oklch(92.951% 0.002 17.197);
        --color-info: oklch(72.06% 0.191 231.6);
        --color-info-content: oklch(0% 0 0);
        --color-success: oklch(64.8% 0.15 160);
        --color-success-content: oklch(0% 0 0);
        --color-warning: oklch(84.71% 0.199 83.87);
        --color-warning-content: oklch(0% 0 0);
        --color-error: oklch(71.76% 0.221 22.18);
        --color-error-content: oklch(0% 0 0);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=forest]:checked), [data-theme=forest] {
        color-scheme: dark;
        --color-base-100: oklch(20.84% 0.008 17.911);
        --color-base-200: oklch(18.522% 0.007 17.911);
        --color-base-300: oklch(16.203% 0.007 17.911);
        --color-base-content: oklch(83.768% 0.001 17.911);
        --color-primary: oklch(68.628% 0.185 148.958);
        --color-primary-content: oklch(0% 0 0);
        --color-secondary: oklch(69.776% 0.135 168.327);
        --color-secondary-content: oklch(13.955% 0.027 168.327);
        --color-accent: oklch(70.628% 0.119 185.713);
        --color-accent-content: oklch(14.125% 0.023 185.713);
        --color-neutral: oklch(30.698% 0.039 171.364);
        --color-neutral-content: oklch(86.139% 0.007 171.364);
        --color-info: oklch(72.06% 0.191 231.6);
        --color-info-content: oklch(0% 0 0);
        --color-success: oklch(64.8% 0.15 160);
        --color-success-content: oklch(0% 0 0);
        --color-warning: oklch(84.71% 0.199 83.87);
        --color-warning-content: oklch(0% 0 0);
        --color-error: oklch(71.76% 0.221 22.18);
        --color-error-content: oklch(0% 0 0);
        --radius-selector: 1rem;
        --radius-field: 2rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=aqua]:checked), [data-theme=aqua] {
        color-scheme: dark;
        --color-base-100: oklch(37% 0.146 265.522);
        --color-base-200: oklch(28% 0.091 267.935);
        --color-base-300: oklch(22% 0.091 267.935);
        --color-base-content: oklch(90% 0.058 230.902);
        --color-primary: oklch(85.661% 0.144 198.645);
        --color-primary-content: oklch(40.124% 0.068 197.603);
        --color-secondary: oklch(60.682% 0.108 309.782);
        --color-secondary-content: oklch(96% 0.016 293.756);
        --color-accent: oklch(93.426% 0.102 94.555);
        --color-accent-content: oklch(18.685% 0.02 94.555);
        --color-neutral: oklch(27% 0.146 265.522);
        --color-neutral-content: oklch(80% 0.146 265.522);
        --color-info: oklch(54.615% 0.215 262.88);
        --color-info-content: oklch(90.923% 0.043 262.88);
        --color-success: oklch(62.705% 0.169 149.213);
        --color-success-content: oklch(12.541% 0.033 149.213);
        --color-warning: oklch(66.584% 0.157 58.318);
        --color-warning-content: oklch(27% 0.077 45.635);
        --color-error: oklch(73.95% 0.19 27.33);
        --color-error-content: oklch(14.79% 0.038 27.33);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=lofi]:checked), [data-theme=lofi] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(97% 0 0);
        --color-base-300: oklch(94% 0 0);
        --color-base-content: oklch(0% 0 0);
        --color-primary: oklch(15.906% 0 0);
        --color-primary-content: oklch(100% 0 0);
        --color-secondary: oklch(21.455% 0.001 17.278);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(26.861% 0 0);
        --color-accent-content: oklch(100% 0 0);
        --color-neutral: oklch(0% 0 0);
        --color-neutral-content: oklch(100% 0 0);
        --color-info: oklch(79.54% 0.103 205.9);
        --color-info-content: oklch(15.908% 0.02 205.9);
        --color-success: oklch(90.13% 0.153 164.14);
        --color-success-content: oklch(18.026% 0.03 164.14);
        --color-warning: oklch(88.37% 0.135 79.94);
        --color-warning-content: oklch(17.674% 0.027 79.94);
        --color-error: oklch(78.66% 0.15 28.47);
        --color-error-content: oklch(15.732% 0.03 28.47);
        --radius-selector: 2rem;
        --radius-field: 0.25rem;
        --radius-box: 0.5rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=pastel]:checked), [data-theme=pastel] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(98.462% 0.001 247.838);
        --color-base-300: oklch(92.462% 0.001 247.838);
        --color-base-content: oklch(20% 0 0);
        --color-primary: oklch(90% 0.063 306.703);
        --color-primary-content: oklch(49% 0.265 301.924);
        --color-secondary: oklch(89% 0.058 10.001);
        --color-secondary-content: oklch(51% 0.222 16.935);
        --color-accent: oklch(90% 0.093 164.15);
        --color-accent-content: oklch(50% 0.118 165.612);
        --color-neutral: oklch(55% 0.046 257.417);
        --color-neutral-content: oklch(92% 0.013 255.508);
        --color-info: oklch(86% 0.127 207.078);
        --color-info-content: oklch(52% 0.105 223.128);
        --color-success: oklch(87% 0.15 154.449);
        --color-success-content: oklch(52% 0.154 150.069);
        --color-warning: oklch(83% 0.128 66.29);
        --color-warning-content: oklch(55% 0.195 38.402);
        --color-error: oklch(80% 0.114 19.571);
        --color-error-content: oklch(50% 0.213 27.518);
        --radius-selector: 1rem;
        --radius-field: 2rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 2px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=fantasy]:checked), [data-theme=fantasy] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(93% 0 0);
        --color-base-300: oklch(86% 0 0);
        --color-base-content: oklch(27.807% 0.029 256.847);
        --color-primary: oklch(37.45% 0.189 325.02);
        --color-primary-content: oklch(87.49% 0.037 325.02);
        --color-secondary: oklch(53.92% 0.162 241.36);
        --color-secondary-content: oklch(90.784% 0.032 241.36);
        --color-accent: oklch(75.98% 0.204 56.72);
        --color-accent-content: oklch(15.196% 0.04 56.72);
        --color-neutral: oklch(27.807% 0.029 256.847);
        --color-neutral-content: oklch(85.561% 0.005 256.847);
        --color-info: oklch(72.06% 0.191 231.6);
        --color-info-content: oklch(0% 0 0);
        --color-success: oklch(64.8% 0.15 160);
        --color-success-content: oklch(0% 0 0);
        --color-warning: oklch(84.71% 0.199 83.87);
        --color-warning-content: oklch(0% 0 0);
        --color-error: oklch(71.76% 0.221 22.18);
        --color-error-content: oklch(0% 0 0);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=wireframe]:checked), [data-theme=wireframe] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(97% 0 0);
        --color-base-300: oklch(94% 0 0);
        --color-base-content: oklch(20% 0 0);
        --color-primary: oklch(87% 0 0);
        --color-primary-content: oklch(26% 0 0);
        --color-secondary: oklch(87% 0 0);
        --color-secondary-content: oklch(26% 0 0);
        --color-accent: oklch(87% 0 0);
        --color-accent-content: oklch(26% 0 0);
        --color-neutral: oklch(87% 0 0);
        --color-neutral-content: oklch(26% 0 0);
        --color-info: oklch(44% 0.11 240.79);
        --color-info-content: oklch(90% 0.058 230.902);
        --color-success: oklch(43% 0.095 166.913);
        --color-success-content: oklch(90% 0.093 164.15);
        --color-warning: oklch(47% 0.137 46.201);
        --color-warning-content: oklch(92% 0.12 95.746);
        --color-error: oklch(44% 0.177 26.899);
        --color-error-content: oklch(88% 0.062 18.334);
        --radius-selector: 0rem;
        --radius-field: 0.25rem;
        --radius-box: 0.25rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=black]:checked), [data-theme=black] {
        color-scheme: dark;
        --color-base-100: oklch(0% 0 0);
        --color-base-200: oklch(19% 0 0);
        --color-base-300: oklch(22% 0 0);
        --color-base-content: oklch(87.609% 0 0);
        --color-primary: oklch(35% 0 0);
        --color-primary-content: oklch(100% 0 0);
        --color-secondary: oklch(35% 0 0);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(35% 0 0);
        --color-accent-content: oklch(100% 0 0);
        --color-neutral: oklch(35% 0 0);
        --color-neutral-content: oklch(100% 0 0);
        --color-info: oklch(45.201% 0.313 264.052);
        --color-info-content: oklch(89.04% 0.062 264.052);
        --color-success: oklch(51.975% 0.176 142.495);
        --color-success-content: oklch(90.395% 0.035 142.495);
        --color-warning: oklch(96.798% 0.211 109.769);
        --color-warning-content: oklch(19.359% 0.042 109.769);
        --color-error: oklch(62.795% 0.257 29.233);
        --color-error-content: oklch(12.559% 0.051 29.233);
        --radius-selector: 0rem;
        --radius-field: 0rem;
        --radius-box: 0rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=luxury]:checked), [data-theme=luxury] {
        color-scheme: dark;
        --color-base-100: oklch(14.076% 0.004 285.822);
        --color-base-200: oklch(20.219% 0.004 308.229);
        --color-base-300: oklch(23.219% 0.004 308.229);
        --color-base-content: oklch(75.687% 0.123 76.89);
        --color-primary: oklch(100% 0 0);
        --color-primary-content: oklch(20% 0 0);
        --color-secondary: oklch(27.581% 0.064 261.069);
        --color-secondary-content: oklch(85.516% 0.012 261.069);
        --color-accent: oklch(36.674% 0.051 338.825);
        --color-accent-content: oklch(87.334% 0.01 338.825);
        --color-neutral: oklch(24.27% 0.057 59.825);
        --color-neutral-content: oklch(93.203% 0.089 90.861);
        --color-info: oklch(79.061% 0.121 237.133);
        --color-info-content: oklch(15.812% 0.024 237.133);
        --color-success: oklch(78.119% 0.192 132.154);
        --color-success-content: oklch(15.623% 0.038 132.154);
        --color-warning: oklch(86.127% 0.136 102.891);
        --color-warning-content: oklch(17.225% 0.027 102.891);
        --color-error: oklch(71.753% 0.176 22.568);
        --color-error-content: oklch(14.35% 0.035 22.568);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=dracula]:checked), [data-theme=dracula] {
        color-scheme: dark;
        --color-base-100: oklch(28.822% 0.022 277.508);
        --color-base-200: oklch(26.805% 0.02 277.508);
        --color-base-300: oklch(24.787% 0.019 277.508);
        --color-base-content: oklch(97.747% 0.007 106.545);
        --color-primary: oklch(75.461% 0.183 346.812);
        --color-primary-content: oklch(15.092% 0.036 346.812);
        --color-secondary: oklch(74.202% 0.148 301.883);
        --color-secondary-content: oklch(14.84% 0.029 301.883);
        --color-accent: oklch(83.392% 0.124 66.558);
        --color-accent-content: oklch(16.678% 0.024 66.558);
        --color-neutral: oklch(39.445% 0.032 275.524);
        --color-neutral-content: oklch(87.889% 0.006 275.524);
        --color-info: oklch(88.263% 0.093 212.846);
        --color-info-content: oklch(17.652% 0.018 212.846);
        --color-success: oklch(87.099% 0.219 148.024);
        --color-success-content: oklch(17.419% 0.043 148.024);
        --color-warning: oklch(95.533% 0.134 112.757);
        --color-warning-content: oklch(19.106% 0.026 112.757);
        --color-error: oklch(68.22% 0.206 24.43);
        --color-error-content: oklch(13.644% 0.041 24.43);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=cmyk]:checked), [data-theme=cmyk] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(95% 0 0);
        --color-base-300: oklch(90% 0 0);
        --color-base-content: oklch(20% 0 0);
        --color-primary: oklch(71.772% 0.133 239.443);
        --color-primary-content: oklch(14.354% 0.026 239.443);
        --color-secondary: oklch(64.476% 0.202 359.339);
        --color-secondary-content: oklch(12.895% 0.04 359.339);
        --color-accent: oklch(94.228% 0.189 105.306);
        --color-accent-content: oklch(18.845% 0.037 105.306);
        --color-neutral: oklch(21.778% 0 0);
        --color-neutral-content: oklch(84.355% 0 0);
        --color-info: oklch(68.475% 0.094 217.284);
        --color-info-content: oklch(13.695% 0.018 217.284);
        --color-success: oklch(46.949% 0.162 321.406);
        --color-success-content: oklch(89.389% 0.032 321.406);
        --color-warning: oklch(71.236% 0.159 52.023);
        --color-warning-content: oklch(14.247% 0.031 52.023);
        --color-error: oklch(62.013% 0.208 28.717);
        --color-error-content: oklch(12.402% 0.041 28.717);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=autumn]:checked), [data-theme=autumn] {
        color-scheme: light;
        --color-base-100: oklch(95.814% 0 0);
        --color-base-200: oklch(89.107% 0 0);
        --color-base-300: oklch(82.4% 0 0);
        --color-base-content: oklch(19.162% 0 0);
        --color-primary: oklch(40.723% 0.161 17.53);
        --color-primary-content: oklch(88.144% 0.032 17.53);
        --color-secondary: oklch(61.676% 0.169 23.865);
        --color-secondary-content: oklch(12.335% 0.033 23.865);
        --color-accent: oklch(73.425% 0.094 60.729);
        --color-accent-content: oklch(14.685% 0.018 60.729);
        --color-neutral: oklch(54.367% 0.037 51.902);
        --color-neutral-content: oklch(90.873% 0.007 51.902);
        --color-info: oklch(69.224% 0.097 207.284);
        --color-info-content: oklch(13.844% 0.019 207.284);
        --color-success: oklch(60.995% 0.08 174.616);
        --color-success-content: oklch(12.199% 0.016 174.616);
        --color-warning: oklch(70.081% 0.164 56.844);
        --color-warning-content: oklch(14.016% 0.032 56.844);
        --color-error: oklch(53.07% 0.241 24.16);
        --color-error-content: oklch(90.614% 0.048 24.16);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=business]:checked), [data-theme=business] {
        color-scheme: dark;
        --color-base-100: oklch(24.353% 0 0);
        --color-base-200: oklch(22.648% 0 0);
        --color-base-300: oklch(20.944% 0 0);
        --color-base-content: oklch(84.87% 0 0);
        --color-primary: oklch(41.703% 0.099 251.473);
        --color-primary-content: oklch(88.34% 0.019 251.473);
        --color-secondary: oklch(64.092% 0.027 229.389);
        --color-secondary-content: oklch(12.818% 0.005 229.389);
        --color-accent: oklch(67.271% 0.167 35.791);
        --color-accent-content: oklch(13.454% 0.033 35.791);
        --color-neutral: oklch(27.441% 0.013 253.041);
        --color-neutral-content: oklch(85.488% 0.002 253.041);
        --color-info: oklch(62.616% 0.143 240.033);
        --color-info-content: oklch(12.523% 0.028 240.033);
        --color-success: oklch(70.226% 0.094 156.596);
        --color-success-content: oklch(14.045% 0.018 156.596);
        --color-warning: oklch(77.482% 0.115 81.519);
        --color-warning-content: oklch(15.496% 0.023 81.519);
        --color-error: oklch(51.61% 0.146 29.674);
        --color-error-content: oklch(90.322% 0.029 29.674);
        --radius-selector: 0rem;
        --radius-field: 0.25rem;
        --radius-box: 0.25rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=acid]:checked), [data-theme=acid] {
        color-scheme: light;
        --color-base-100: oklch(98% 0 0);
        --color-base-200: oklch(95% 0 0);
        --color-base-300: oklch(91% 0 0);
        --color-base-content: oklch(0% 0 0);
        --color-primary: oklch(71.9% 0.357 330.759);
        --color-primary-content: oklch(14.38% 0.071 330.759);
        --color-secondary: oklch(73.37% 0.224 48.25);
        --color-secondary-content: oklch(14.674% 0.044 48.25);
        --color-accent: oklch(92.78% 0.264 122.962);
        --color-accent-content: oklch(18.556% 0.052 122.962);
        --color-neutral: oklch(21.31% 0.128 278.68);
        --color-neutral-content: oklch(84.262% 0.025 278.68);
        --color-info: oklch(60.72% 0.227 252.05);
        --color-info-content: oklch(12.144% 0.045 252.05);
        --color-success: oklch(85.72% 0.266 158.53);
        --color-success-content: oklch(17.144% 0.053 158.53);
        --color-warning: oklch(91.01% 0.212 100.5);
        --color-warning-content: oklch(18.202% 0.042 100.5);
        --color-error: oklch(64.84% 0.293 29.349);
        --color-error-content: oklch(12.968% 0.058 29.349);
        --radius-selector: 1rem;
        --radius-field: 1rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=lemonade]:checked), [data-theme=lemonade] {
        color-scheme: light;
        --color-base-100: oklch(98.71% 0.02 123.72);
        --color-base-200: oklch(91.8% 0.018 123.72);
        --color-base-300: oklch(84.89% 0.017 123.72);
        --color-base-content: oklch(19.742% 0.004 123.72);
        --color-primary: oklch(58.92% 0.199 134.6);
        --color-primary-content: oklch(11.784% 0.039 134.6);
        --color-secondary: oklch(77.75% 0.196 111.09);
        --color-secondary-content: oklch(15.55% 0.039 111.09);
        --color-accent: oklch(85.39% 0.201 100.73);
        --color-accent-content: oklch(17.078% 0.04 100.73);
        --color-neutral: oklch(30.98% 0.075 108.6);
        --color-neutral-content: oklch(86.196% 0.015 108.6);
        --color-info: oklch(86.19% 0.047 224.14);
        --color-info-content: oklch(17.238% 0.009 224.14);
        --color-success: oklch(86.19% 0.047 157.85);
        --color-success-content: oklch(17.238% 0.009 157.85);
        --color-warning: oklch(86.19% 0.047 102.15);
        --color-warning-content: oklch(17.238% 0.009 102.15);
        --color-error: oklch(86.19% 0.047 25.85);
        --color-error-content: oklch(17.238% 0.009 25.85);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=night]:checked), [data-theme=night] {
        color-scheme: dark;
        --color-base-100: oklch(20.768% 0.039 265.754);
        --color-base-200: oklch(19.314% 0.037 265.754);
        --color-base-300: oklch(17.86% 0.034 265.754);
        --color-base-content: oklch(84.153% 0.007 265.754);
        --color-primary: oklch(75.351% 0.138 232.661);
        --color-primary-content: oklch(15.07% 0.027 232.661);
        --color-secondary: oklch(68.011% 0.158 276.934);
        --color-secondary-content: oklch(13.602% 0.031 276.934);
        --color-accent: oklch(72.36% 0.176 350.048);
        --color-accent-content: oklch(14.472% 0.035 350.048);
        --color-neutral: oklch(27.949% 0.036 260.03);
        --color-neutral-content: oklch(85.589% 0.007 260.03);
        --color-info: oklch(68.455% 0.148 237.251);
        --color-info-content: oklch(0% 0 0);
        --color-success: oklch(78.452% 0.132 181.911);
        --color-success-content: oklch(15.69% 0.026 181.911);
        --color-warning: oklch(83.242% 0.139 82.95);
        --color-warning-content: oklch(16.648% 0.027 82.95);
        --color-error: oklch(71.785% 0.17 13.118);
        --color-error-content: oklch(14.357% 0.034 13.118);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=coffee]:checked), [data-theme=coffee] {
        color-scheme: dark;
        --color-base-100: oklch(24% 0.023 329.708);
        --color-base-200: oklch(21% 0.021 329.708);
        --color-base-300: oklch(16% 0.019 329.708);
        --color-base-content: oklch(72.354% 0.092 79.129);
        --color-primary: oklch(71.996% 0.123 62.756);
        --color-primary-content: oklch(14.399% 0.024 62.756);
        --color-secondary: oklch(34.465% 0.029 199.194);
        --color-secondary-content: oklch(86.893% 0.005 199.194);
        --color-accent: oklch(42.621% 0.074 224.389);
        --color-accent-content: oklch(88.524% 0.014 224.389);
        --color-neutral: oklch(16.51% 0.015 326.261);
        --color-neutral-content: oklch(83.302% 0.003 326.261);
        --color-info: oklch(79.49% 0.063 184.558);
        --color-info-content: oklch(15.898% 0.012 184.558);
        --color-success: oklch(74.722% 0.072 131.116);
        --color-success-content: oklch(14.944% 0.014 131.116);
        --color-warning: oklch(88.15% 0.14 87.722);
        --color-warning-content: oklch(17.63% 0.028 87.722);
        --color-error: oklch(77.318% 0.128 31.871);
        --color-error-content: oklch(15.463% 0.025 31.871);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=winter]:checked), [data-theme=winter] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(97.466% 0.011 259.822);
        --color-base-300: oklch(93.268% 0.016 262.751);
        --color-base-content: oklch(41.886% 0.053 255.824);
        --color-primary: oklch(56.86% 0.255 257.57);
        --color-primary-content: oklch(91.372% 0.051 257.57);
        --color-secondary: oklch(42.551% 0.161 282.339);
        --color-secondary-content: oklch(88.51% 0.032 282.339);
        --color-accent: oklch(59.939% 0.191 335.171);
        --color-accent-content: oklch(11.988% 0.038 335.171);
        --color-neutral: oklch(19.616% 0.063 257.651);
        --color-neutral-content: oklch(83.923% 0.012 257.651);
        --color-info: oklch(88.127% 0.085 214.515);
        --color-info-content: oklch(17.625% 0.017 214.515);
        --color-success: oklch(80.494% 0.077 197.823);
        --color-success-content: oklch(16.098% 0.015 197.823);
        --color-warning: oklch(89.172% 0.045 71.47);
        --color-warning-content: oklch(17.834% 0.009 71.47);
        --color-error: oklch(73.092% 0.11 20.076);
        --color-error-content: oklch(14.618% 0.022 20.076);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=dim]:checked), [data-theme=dim] {
        color-scheme: dark;
        --color-base-100: oklch(30.857% 0.023 264.149);
        --color-base-200: oklch(28.036% 0.019 264.182);
        --color-base-300: oklch(26.346% 0.018 262.177);
        --color-base-content: oklch(82.901% 0.031 222.959);
        --color-primary: oklch(86.133% 0.141 139.549);
        --color-primary-content: oklch(17.226% 0.028 139.549);
        --color-secondary: oklch(73.375% 0.165 35.353);
        --color-secondary-content: oklch(14.675% 0.033 35.353);
        --color-accent: oklch(74.229% 0.133 311.379);
        --color-accent-content: oklch(14.845% 0.026 311.379);
        --color-neutral: oklch(24.731% 0.02 264.094);
        --color-neutral-content: oklch(82.901% 0.031 222.959);
        --color-info: oklch(86.078% 0.142 206.182);
        --color-info-content: oklch(17.215% 0.028 206.182);
        --color-success: oklch(86.171% 0.142 166.534);
        --color-success-content: oklch(17.234% 0.028 166.534);
        --color-warning: oklch(86.163% 0.142 94.818);
        --color-warning-content: oklch(17.232% 0.028 94.818);
        --color-error: oklch(82.418% 0.099 33.756);
        --color-error-content: oklch(16.483% 0.019 33.756);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=nord]:checked), [data-theme=nord] {
        color-scheme: light;
        --color-base-100: oklch(95.127% 0.007 260.731);
        --color-base-200: oklch(93.299% 0.01 261.788);
        --color-base-300: oklch(89.925% 0.016 262.749);
        --color-base-content: oklch(32.437% 0.022 264.182);
        --color-primary: oklch(59.435% 0.077 254.027);
        --color-primary-content: oklch(11.887% 0.015 254.027);
        --color-secondary: oklch(69.651% 0.059 248.687);
        --color-secondary-content: oklch(13.93% 0.011 248.687);
        --color-accent: oklch(77.464% 0.062 217.469);
        --color-accent-content: oklch(15.492% 0.012 217.469);
        --color-neutral: oklch(45.229% 0.035 264.131);
        --color-neutral-content: oklch(89.925% 0.016 262.749);
        --color-info: oklch(69.207% 0.062 332.664);
        --color-info-content: oklch(13.841% 0.012 332.664);
        --color-success: oklch(76.827% 0.074 131.063);
        --color-success-content: oklch(15.365% 0.014 131.063);
        --color-warning: oklch(85.486% 0.089 84.093);
        --color-warning-content: oklch(17.097% 0.017 84.093);
        --color-error: oklch(60.61% 0.12 15.341);
        --color-error-content: oklch(12.122% 0.024 15.341);
        --radius-selector: 1rem;
        --radius-field: 0.25rem;
        --radius-box: 0.5rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=sunset]:checked), [data-theme=sunset] {
        color-scheme: dark;
        --color-base-100: oklch(22% 0.019 237.69);
        --color-base-200: oklch(20% 0.019 237.69);
        --color-base-300: oklch(18% 0.019 237.69);
        --color-base-content: oklch(77.383% 0.043 245.096);
        --color-primary: oklch(74.703% 0.158 39.947);
        --color-primary-content: oklch(14.94% 0.031 39.947);
        --color-secondary: oklch(72.537% 0.177 2.72);
        --color-secondary-content: oklch(14.507% 0.035 2.72);
        --color-accent: oklch(71.294% 0.166 299.844);
        --color-accent-content: oklch(14.258% 0.033 299.844);
        --color-neutral: oklch(26% 0.019 237.69);
        --color-neutral-content: oklch(70% 0.019 237.69);
        --color-info: oklch(85.559% 0.085 206.015);
        --color-info-content: oklch(17.111% 0.017 206.015);
        --color-success: oklch(85.56% 0.085 144.778);
        --color-success-content: oklch(17.112% 0.017 144.778);
        --color-warning: oklch(85.569% 0.084 74.427);
        --color-warning-content: oklch(17.113% 0.016 74.427);
        --color-error: oklch(85.511% 0.078 16.886);
        --color-error-content: oklch(17.102% 0.015 16.886);
        --radius-selector: 1rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=caramellatte]:checked), [data-theme=caramellatte] {
        color-scheme: light;
        --color-base-100: oklch(98% 0.016 73.684);
        --color-base-200: oklch(95% 0.038 75.164);
        --color-base-300: oklch(90% 0.076 70.697);
        --color-base-content: oklch(40% 0.123 38.172);
        --color-primary: oklch(0% 0 0);
        --color-primary-content: oklch(100% 0 0);
        --color-secondary: oklch(22.45% 0.075 37.85);
        --color-secondary-content: oklch(90% 0.076 70.697);
        --color-accent: oklch(46.44% 0.111 37.85);
        --color-accent-content: oklch(90% 0.076 70.697);
        --color-neutral: oklch(55% 0.195 38.402);
        --color-neutral-content: oklch(98% 0.016 73.684);
        --color-info: oklch(42% 0.199 265.638);
        --color-info-content: oklch(90% 0.076 70.697);
        --color-success: oklch(43% 0.095 166.913);
        --color-success-content: oklch(90% 0.076 70.697);
        --color-warning: oklch(82% 0.189 84.429);
        --color-warning-content: oklch(41% 0.112 45.904);
        --color-error: oklch(70% 0.191 22.216);
        --color-error-content: oklch(39% 0.141 25.723);
        --radius-selector: 2rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 2px;
        --depth: 1;
        --noise: 1;
    }
}

@layer base {
    :root:has(input.theme-controller[value=abyss]:checked), [data-theme=abyss] {
        color-scheme: dark;
        --color-base-100: oklch(20% 0.08 209);
        --color-base-200: oklch(15% 0.08 209);
        --color-base-300: oklch(10% 0.08 209);
        --color-base-content: oklch(90% 0.076 70.697);
        --color-primary: oklch(92% 0.2653 125);
        --color-primary-content: oklch(50% 0.2653 125);
        --color-secondary: oklch(83.27% 0.0764 298.3);
        --color-secondary-content: oklch(43.27% 0.0764 298.3);
        --color-accent: oklch(43% 0 0);
        --color-accent-content: oklch(98% 0 0);
        --color-neutral: oklch(30% 0.08 209);
        --color-neutral-content: oklch(90% 0.076 70.697);
        --color-info: oklch(74% 0.16 232.661);
        --color-info-content: oklch(29% 0.066 243.157);
        --color-success: oklch(79% 0.209 151.711);
        --color-success-content: oklch(26% 0.065 152.934);
        --color-warning: oklch(84.8% 0.1962 84.62);
        --color-warning-content: oklch(44.8% 0.1962 84.62);
        --color-error: oklch(65% 0.1985 24.22);
        --color-error-content: oklch(27% 0.1985 24.22);
        --radius-selector: 2rem;
        --radius-field: 0.25rem;
        --radius-box: 0.5rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :root:has(input.theme-controller[value=silk]:checked), [data-theme=silk] {
        color-scheme: light;
        --color-base-100: oklch(97% 0.0035 67.78);
        --color-base-200: oklch(95% 0.0081 61.42);
        --color-base-300: oklch(90% 0.0081 61.42);
        --color-base-content: oklch(40% 0.0081 61.42);
        --color-primary: oklch(23.27% 0.0249 284.3);
        --color-primary-content: oklch(94.22% 0.2505 117.44);
        --color-secondary: oklch(23.27% 0.0249 284.3);
        --color-secondary-content: oklch(73.92% 0.2135 50.94);
        --color-accent: oklch(23.27% 0.0249 284.3);
        --color-accent-content: oklch(88.92% 0.2061 189.9);
        --color-neutral: oklch(20% 0 0);
        --color-neutral-content: oklch(80% 0.0081 61.42);
        --color-info: oklch(80.39% 0.1148 241.68);
        --color-info-content: oklch(30.39% 0.1148 241.68);
        --color-success: oklch(83.92% 0.0901 136.87);
        --color-success-content: oklch(23.92% 0.0901 136.87);
        --color-warning: oklch(83.92% 0.1085 80);
        --color-warning-content: oklch(43.92% 0.1085 80);
        --color-error: oklch(75.1% 0.1814 22.37);
        --color-error-content: oklch(35.1% 0.1814 22.37);
        --radius-selector: 2rem;
        --radius-field: 0.5rem;
        --radius-box: 1rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 2px;
        --depth: 1;
        --noise: 0;
    }
}

@layer base {
    :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)) {
            --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;
    }
}

@layer base {
    @property --radialprogress {
        syntax: "<percentage>";
        inherits: true;
        initial-value: 0%;
    }
}

@layer base {
    :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");
    }
}

@layer base {
    :root, [data-theme] {
        background-color: var(--root-bg, var(--color-base-100));
        color: var(--color-base-content);
    }
}

@layer base {
    :root {
        scrollbar-color: currentColor #0000;

        @supports (color: color-mix(in lab, red, red)) {
            scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
        }
    }
}

@layer base {
    :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked ) {
        overflow: hidden;
    }
}

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

@keyframes radio {
    0% {
        padding: 5px;
    }

    50% {
        padding: 3px;
    }
}

@keyframes toast {
    0% {
        scale: 0.9;
        opacity: 0;
    }

    100% {
        scale: 1;
        opacity: 1;
    }
}

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

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

    100% {
        background-position: -50%;
    }
}

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

@layer base {
    :root:has(input.theme-controller[value=evelina]:checked), [data-theme="evelina"] {
        color-scheme: light;
        --color-base-100: oklch(100% 0.12 303.4);
        --color-base-200: oklch(95.3% 0.12 303.4);
        --color-base-300: oklch(87.3% 0.12 303.4);
        --color-base-content: oklch(14% 0.005 285.8);
        --color-primary: oklch(0.62 0.18 300.93);
        --color-primary-content: oklch(100% 0 0);
        --color-secondary: oklch(65% 0.241 354.308);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(0.89 0.15 93.09);
        --color-accent-content: oklch(0% 0 0);
        --color-neutral: oklch(14% 0.005 285.8);
        --color-neutral-content: oklch(100% 0 0);
        --color-info: oklch(62% 0.214 259.815);
        --color-info-content: oklch(100% 0 0);
        --color-success: oklch(76% 0.177 163.223);
        --color-success-content: oklch(14% 0.005 285.8);
        --color-warning: oklch(66% 0.179 58.318);
        --color-warning-content: oklch(98% 0.003 247.858);
        --color-error: oklch(58% 0.253 17.585);
        --color-error-content: oklch(98% 0.003 247.858);
        --radius-selector: 0.5rem;
        --radius-field: 0.25rem;
        --radius-box: 0.5rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
    }
}

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

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

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

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

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

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

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

@property --tw-tracking {
    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: 0px;
}

@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-duration {
    syntax: "*";
    inherits: false;
}

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

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

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

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

@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-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: 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-duration: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-border-style: solid;
        }
    }
}