/*! tailwindcss v4.1.6 | 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-red-400: oklch(70.4% 0.191 22.216);
        --color-red-500: oklch(63.7% 0.237 25.331);
        --color-zinc-200: oklch(92% 0.004 286.32);
        --color-zinc-300: oklch(87.1% 0.006 286.286);
        --color-zinc-400: oklch(70.5% 0.015 286.067);
        --color-zinc-500: oklch(55.2% 0.016 285.938);
        --color-zinc-600: oklch(44.2% 0.017 285.786);
        --color-zinc-700: oklch(37% 0.013 285.805);
        --color-zinc-800: oklch(27.4% 0.006 286.033);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --font-weight-medium: 500;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --animate-spin: spin 1s linear infinite;
        --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;
    }

    :-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 {
    .absolute {
        position: absolute;
    }

    .relative {
        position: relative;
    }

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

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

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

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

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

    .-ms-1\.5 {
        margin-inline-start: calc(var(--spacing) * -1.5);
    }

    .-me-1 {
        margin-inline-end: calc(var(--spacing) * -1);
    }

    .-me-1\.5 {
        margin-inline-end: calc(var(--spacing) * -1.5);
    }

    .mt-1 {
        margin-top: calc(var(--spacing) * 1);
    }

    .mt-3 {
        margin-top: calc(var(--spacing) * 3);
    }

    .block {
        display: block;
    }

    .flex {
        display: flex;
    }

    .hidden {
        display: none;
    }

    .inline {
        display: inline;
    }

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

    .h-8 {
        height: calc(var(--spacing) * 8);
    }

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

    .w-8 {
        width: calc(var(--spacing) * 8);
    }

    .w-full {
        width: 100%;
    }

    .min-w-0 {
        min-width: calc(var(--spacing) * 0);
    }

    .shrink-0 {
        flex-shrink: 0;
    }

    .animate-spin {
        animation: var(--animate-spin);
    }

    .appearance-none {
        appearance: none;
    }

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

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

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

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

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

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

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

    .gap-x-1\.5 {
        column-gap: calc(var(--spacing) * 1.5);
    }

    .space-x-1 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

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

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

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .border-black\/10 {
        border-color: color-mix(in srgb, #000 10%, transparent);

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

    .border-zinc-200 {
        border-color: var(--color-zinc-200);
    }

    .border-zinc-300 {
        border-color: var(--color-zinc-300);
    }

    .border-b-zinc-300\/80 {
        border-bottom-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 80%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-bottom-color: color-mix(in oklab, var(--color-zinc-300) 80%, transparent);
        }
    }

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

    .bg-transparent {
        background-color: transparent;
    }

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

    .px-4 {
        padding-inline: calc(var(--spacing) * 4);
    }

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

    .ps-3 {
        padding-inline-start: calc(var(--spacing) * 3);
    }

    .pe-3 {
        padding-inline-end: calc(var(--spacing) * 3);
    }

    .pe-10 {
        padding-inline-end: calc(var(--spacing) * 10);
    }

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

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .leading-\[1\.375rem\] {
        --tw-leading: 1.375rem;
        line-height: 1.375rem;
    }

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

    .whitespace-nowrap {
        white-space: nowrap;
    }

    .text-\[var\(--color-accent-content\)\] {
        color: var(--color-accent-content);
    }

    .text-\[var\(--color-accent-foreground\)\] {
        color: var(--color-accent-foreground);
    }

    .text-red-500 {
        color: var(--color-red-500);
    }

    .text-zinc-400 {
        color: var(--color-zinc-400);
    }

    .text-zinc-600 {
        color: var(--color-zinc-600);
    }

    .text-zinc-700 {
        color: var(--color-zinc-700);
    }

    .text-zinc-800 {
        color: var(--color-zinc-800);
    }

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

    .decoration-\[color-mix\(in_oklab\,var\(--color-accent-content\)\,transparent_80\%\)\] {
        text-decoration-color: var(--color-accent-content);

        @supports (color: color-mix(in lab, red, red)) {
            text-decoration-color: color-mix(in oklab, var(--color-accent-content), transparent 80%);
        }
    }

    .underline-offset-\[6px\] {
        text-underline-offset: 6px;
    }

    .placeholder-zinc-400 {
        &::placeholder {
            color: var(--color-zinc-400);
        }
    }

    .opacity-0 {
        opacity: 0%;
    }

    .opacity-25 {
        opacity: 25%;
    }

    .opacity-75 {
        opacity: 75%;
    }

    .shadow-\[inset_0px_1px_--theme\(--color-white\/\.2\)\] {
        --tw-shadow: inset 0px 1px var(--tw-shadow-color, color-mix(in srgb, #fff 20%, transparent));

        @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow: inset 0px 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 20%, transparent));
        }

        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, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .\*\:transition-opacity {
        :is(& > *) {
            transition-property: opacity;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .hover\:bg-\[color-mix\(in_oklab\,_var\(--color-accent\)\,_transparent_10\%\)\] {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-accent);

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

    .hover\:bg-zinc-800\/5 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 5%, transparent);

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

    .hover\:text-zinc-800 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-zinc-800);
            }
        }
    }

    .hover\:decoration-current {
        &:hover {
            @media (hover: hover) {
                text-decoration-color: currentcolor;
            }
        }
    }

    .disabled\:pointer-events-none {
        &:disabled {
            pointer-events: none;
        }
    }

    .disabled\:cursor-default {
        &:disabled {
            cursor: default;
        }
    }

    .disabled\:border-b-zinc-200 {
        &:disabled {
            border-bottom-color: var(--color-zinc-200);
        }
    }

    .disabled\:text-zinc-500 {
        &:disabled {
            color: var(--color-zinc-500);
        }
    }

    .disabled\:placeholder-zinc-400\/70 {
        &:disabled {
            &::placeholder {
                color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 70%, transparent);

                @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-zinc-400) 70%, transparent);
                }
            }
        }
    }

    .disabled\:opacity-75 {
        &:disabled {
            opacity: 75%;
        }
    }

    .disabled\:shadow-none {
        &:disabled {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .\*\:data-flux-label\:mb-3 {
        :is(& > *) {
            &[data-flux-label] {
                margin-bottom: calc(var(--spacing) * 1);
                margin-top: calc(var(--spacing) * 1);
            }
        }
    }

    .sm\:text-sm {
        @media (width >=40rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }

    .rtl\:space-x-reverse {
        &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 1;
            }
        }
    }

    .dark\:border-0 {
        @media (prefers-color-scheme: dark) {
            border-style: var(--tw-border-style);
            border-width: 0px;
        }
    }

    .dark\:border-white\/10 {
        @media (prefers-color-scheme: dark) {
            border-color: color-mix(in srgb, #fff 10%, transparent);

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

    .dark\:border-zinc-600 {
        @media (prefers-color-scheme: dark) {
            border-color: var(--color-zinc-600);
        }
    }

    .dark\:bg-white\/10 {
        @media (prefers-color-scheme: dark) {
            background-color: color-mix(in srgb, #fff 10%, transparent);

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

    .dark\:bg-zinc-700 {
        @media (prefers-color-scheme: dark) {
            background-color: var(--color-zinc-700);
        }
    }

    .dark\:text-red-400 {
        @media (prefers-color-scheme: dark) {
            color: var(--color-red-400);
        }
    }

    .dark\:text-white {
        @media (prefers-color-scheme: dark) {
            color: var(--color-white);
        }
    }

    .dark\:text-zinc-300 {
        @media (prefers-color-scheme: dark) {
            color: var(--color-zinc-300);
        }
    }

    .dark\:text-zinc-400 {
        @media (prefers-color-scheme: dark) {
            color: var(--color-zinc-400);
        }
    }

    .dark\:placeholder-zinc-400 {
        @media (prefers-color-scheme: dark) {
            &::placeholder {
                color: var(--color-zinc-400);
            }
        }
    }

    .dark\:shadow-none {
        @media (prefers-color-scheme: dark) {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .dark\:hover\:bg-white\/15 {
        @media (prefers-color-scheme: dark) {
            &:hover {
                @media (hover: hover) {
                    background-color: color-mix(in srgb, #fff 15%, transparent);

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

    .dark\:hover\:text-white {
        @media (prefers-color-scheme: dark) {
            &:hover {
                @media (hover: hover) {
                    color: var(--color-white);
                }
            }
        }
    }

    .dark\:disabled\:border-white\/5 {
        @media (prefers-color-scheme: dark) {
            &:disabled {
                border-color: color-mix(in srgb, #fff 5%, transparent);

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

    .dark\:disabled\:bg-white\/\[7\%\] {
        @media (prefers-color-scheme: dark) {
            &:disabled {
                background-color: color-mix(in srgb, #fff 7%, transparent);

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

    .dark\:disabled\:text-zinc-400 {
        @media (prefers-color-scheme: dark) {
            &:disabled {
                color: var(--color-zinc-400);
            }
        }
    }

    .dark\:disabled\:placeholder-zinc-500 {
        @media (prefers-color-scheme: dark) {
            &:disabled {
                &::placeholder {
                    color: var(--color-zinc-500);
                }
            }
        }
    }

    .dark\:disabled\:opacity-75 {
        @media (prefers-color-scheme: dark) {
            &:disabled {
                opacity: 75%;
            }
        }
    }

    .\[\&\:has\(\+\[data-flux-subheading\]\)\]\:mb-2 {
        &:has(+[data-flux-subheading]) {
            margin-bottom: calc(var(--spacing) * 2);
        }
    }

    .\[\&\:has\(\>\[data-flux-checkbox-group\]\[disabled\]\)\>\[data-flux-label\]\]\:opacity-50 {
        &:has(>[data-flux-checkbox-group][disabled])>[data-flux-label] {
            opacity: 50%;
        }
    }

    .\[\&\:has\(\>\[data-flux-radio-group\]\[disabled\]\)\>\[data-flux-label\]\]\:opacity-50 {
        &:has(>[data-flux-radio-group][disabled])>[data-flux-label] {
            opacity: 50%;
        }
    }

    .\[\&\:not\(\:has\(\[data-flux-field\]\)\)\:has\(\[data-flux-control\]\[disabled\]\)\>\[data-flux-label\]\]\:opacity-50 {
        &:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label] {
            opacity: 50%;
        }
    }

    .\[\&\>\*\:not\(\[data-flux-label\]\)\+\[data-flux-description\]\]\:mt-3 {
        &>*:not([data-flux-label])+[data-flux-description] {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .\[\&\>\[data-flux-label\]\+\[data-flux-description\]\]\:mt-0 {
        &>[data-flux-label]+[data-flux-description] {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .\[\&\>\[data-flux-label\]\+\[data-flux-description\]\]\:mb-3 {
        &>[data-flux-label]+[data-flux-description] {
            margin-bottom: calc(var(--spacing) * 3);
        }
    }

    .\[\&\>\[data-flux-label\]\:has\(\+\[data-flux-description\]\)\]\:mb-2 {
        &>[data-flux-label]:has(+[data-flux-description]) {
            margin-bottom: calc(var(--spacing) * 2);
        }
    }

    .\[\&\[disabled\]\]\:pointer-events-none {
        &[disabled] {
            pointer-events: none;
        }
    }

    .\[\&\[disabled\]\>\:not\(\[data-flux-loading-indicator\]\)\]\:opacity-0 {
        &[disabled]>:not([data-flux-loading-indicator]) {
            opacity: 0%;
        }
    }

    .\[\&\[disabled\]\>\[data-flux-loading-indicator\]\]\:opacity-100 {
        &[disabled]>[data-flux-loading-indicator] {
            opacity: 100%;
        }
    }

    .\[\:is\(\[data-flux-button-group\]\>\&\:last-child\,_\[data-flux-button-group\]_\:last-child\>\&\)\]\:border-e-\[1px\] {
        :is([data-flux-button-group]>&:last-child, [data-flux-button-group] :last-child>&) {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 1px;
        }
    }

    .dark\:\[\:is\(\[data-flux-button-group\]\>\&\:last-child\,_\[data-flux-button-group\]_\:last-child\>\&\)\]\:border-s-\[1px\] {
        @media (prefers-color-scheme: dark) {
            :is([data-flux-button-group]>&:last-child, [data-flux-button-group] :last-child>&) {
                border-inline-start-style: var(--tw-border-style);
                border-inline-start-width: 1px;
            }
        }
    }

    .dark\:\[\:is\(\[data-flux-button-group\]\>\&\:last-child\,_\[data-flux-button-group\]_\:last-child\>\&\)\]\:border-e-0 {
        @media (prefers-color-scheme: dark) {
            :is([data-flux-button-group]>&:last-child, [data-flux-button-group] :last-child>&) {
                border-inline-end-style: var(--tw-border-style);
                border-inline-end-width: 0px;
            }
        }
    }

    .\[\:is\(\[data-flux-button-group\]\>\&\:not\(\:first-child\)\,_\[data-flux-button-group\]_\:not\(\:first-child\)\>\&\)\]\:border-s-\[color-mix\(in_srgb\,var\(--color-accent-foreground\)\,transparent_85\%\)\] {
        :is([data-flux-button-group]>&:not(:first-child), [data-flux-button-group] :not(:first-child)>&) {
            border-inline-start-color: var(--color-accent-foreground);

            @supports (color: color-mix(in lab, red, red)) {
                border-inline-start-color: color-mix(in srgb, var(--color-accent-foreground), transparent 85%);
            }
        }
    }

    .\[\:where\(\&\)\]\:size-4 {
        :where(&) {
            width: calc(var(--spacing) * 4);
            height: calc(var(--spacing) * 4);
        }
    }

    .\[\:where\(\&\)\]\:text-zinc-500 {
        :where(&) {
            color: var(--color-zinc-500);
        }
    }

    .\[\:where\(\&\)\]\:text-zinc-800 {
        :where(&) {
            color: var(--color-zinc-800);
        }
    }

    .\[\:where\(\&\)\]\:dark\:text-white {
        :where(&) {
            @media (prefers-color-scheme: dark) {
                color: var(--color-white);
            }
        }
    }

    .\[\:where\(\&\)\]\:dark\:text-white\/70 {
        :where(&) {
            @media (prefers-color-scheme: dark) {
                color: color-mix(in srgb, #fff 70%, transparent);

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

    .\[\[data-color\]\>\&\]\:text-inherit {
        [data-color]>& {
            color: inherit;
        }
    }

    .\[\[data-color\]\>\&\]\:decoration-current\/20 {
        [data-color]>& {
            text-decoration-color: currentcolor;

            @supports (color: color-mix(in lab, red, red)) {
                text-decoration-color: color-mix(in oklab, currentcolor 20%, transparent);
            }
        }
    }

    .\[\[data-color\]\>\&\]\:hover\:decoration-current {
        [data-color]>& {
            &:hover {
                @media (hover: hover) {
                    text-decoration-color: currentcolor;
                }
            }
        }
    }

    .dark\:\[\[data-color\]\>\&\]\:decoration-current\/50 {
        @media (prefers-color-scheme: dark) {
            [data-color]>& {
                text-decoration-color: currentcolor;

                @supports (color: color-mix(in lab, red, red)) {
                    text-decoration-color: color-mix(in oklab, currentcolor 50%, transparent);
                }
            }
        }
    }

    .\[\[data-flux-button-group\]_\&\]\:border-e-0 {
        [data-flux-button-group] & {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 0px;
        }
    }

    .\[\[data-flux-subheading\]\+\&\]\:mt-2 {
        [data-flux-subheading]+& {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .\[\[data-viewable-open\]\>\&\]\:block {
        [data-viewable-open]>& {
            display: block;
        }
    }

    .\[\[data-viewable-open\]\>\&\]\:hidden {
        [data-viewable-open]>& {
            display: none;
        }
    }
}

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

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

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

@property --tw-font-weight {
    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;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@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-space-x-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: 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;
        }
    }
}