/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, ::backdrop, :after, :before {
            --tw-border-style: solid;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --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-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-text-shadow-color: initial;
            --tw-text-shadow-alpha: 100%;
            --tw-content: "";
            --radix-collapsible-content-height: 0px;
            --tw-animation-delay: 0s;
            --tw-animation-direction: normal;
            --tw-animation-duration: initial;
            --tw-animation-fill-mode: none;
            --tw-animation-iteration-count: 1;
            --tw-enter-blur: 0;
            --tw-enter-opacity: 1;
            --tw-enter-rotate: 0;
            --tw-enter-scale: 1;
            --tw-enter-translate-x: 0;
            --tw-enter-translate-y: 0;
            --tw-exit-blur: 0;
            --tw-exit-opacity: 1;
            --tw-exit-rotate: 0;
            --tw-exit-scale: 1;
            --tw-exit-translate-x: 0;
            --tw-exit-translate-y: 0;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial
        }
    }
}

@layer theme {
    :host, :root {
        --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-50: oklch(97.1% .013 17.38);
        --color-red-100: oklch(93.6% .032 17.717);
        --color-red-200: oklch(88.5% .062 18.334);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-red-800: oklch(44.4% .177 26.899);
        --color-red-950: oklch(25.8% .092 26.042);
        --color-yellow-500: oklch(79.5% .184 86.047);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-emerald-300: oklch(84.5% .143 164.978);
        --color-emerald-400: oklch(76.5% .177 163.223);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-cyan-500: oklch(71.5% .143 215.221);
        --color-cyan-600: oklch(60.9% .126 221.723);
        --color-blue-50: oklch(97% .014 254.604);
        --color-blue-100: oklch(93.2% .032 255.585);
        --color-blue-300: oklch(80.9% .105 251.813);
        --color-blue-400: oklch(70.7% .165 254.624);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-blue-600: oklch(54.6% .245 262.881);
        --color-blue-700: oklch(48.8% .243 264.376);
        --color-blue-800: oklch(42.4% .199 265.638);
        --color-blue-900: oklch(37.9% .146 265.522);
        --color-indigo-600: oklch(51.1% .262 276.966);
        --color-purple-50: oklch(97.7% .014 308.299);
        --color-purple-300: oklch(82.7% .119 306.383);
        --color-purple-400: oklch(71.4% .203 305.504);
        --color-purple-500: oklch(62.7% .265 303.9);
        --color-purple-600: oklch(55.8% .288 302.321);
        --color-pink-400: oklch(71.8% .202 349.761);
        --color-pink-500: oklch(65.6% .241 354.308);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-800: oklch(27.8% .033 256.848);
        --color-zinc-800: oklch(27.4% .006 286.033);
        --color-neutral-100: oklch(97% 0 0);
        --color-neutral-200: oklch(92.2% 0 0);
        --color-neutral-400: oklch(70.8% 0 0);
        --color-neutral-500: oklch(55.6% 0 0);
        --color-neutral-950: oklch(14.5% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-sm: 40rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25/1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-wide: .025em;
        --leading-relaxed: 1.625;
        --radius-xs: calc(var(--radius)*.25);
        --radius-sm: calc(var(--radius)*.5);
        --radius-md: calc(var(--radius)*.75);
        --radius-lg: calc(var(--radius)*1);
        --radius-xl: calc(var(--radius)*1.5);
        --radius-2xl: calc(var(--radius)*2);
        --radius-3xl: calc(var(--radius)*3);
        --radius-4xl: calc(var(--radius)*4);
        --drop-shadow-lg: 0 4px 4px #00000026;
        --drop-shadow-xl: 0 9px 7px #0000001a;
        --ease-out: cubic-bezier(0,0,.2,1);
        --ease-in-out: cubic-bezier(.4,0,.2,1);
        --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-fd-background: #fafafa;
        --color-fd-foreground: #0a0a0a;
        --color-fd-muted: #f5f5f5;
        --color-fd-muted-foreground: #737373;
        --color-fd-popover: #fff;
        --color-fd-popover-foreground: #272727;
        --color-fd-card: #fefefe;
        --color-fd-card-foreground: #0a0a0a;
        --color-fd-border: #9993;
        --color-fd-primary: #171717;
        --color-fd-primary-foreground: #fafafa;
        --color-fd-secondary: #f5f5f5;
        --color-fd-secondary-foreground: #171717;
        --color-fd-accent: #f0f0f0;
        --color-fd-accent-foreground: #171717;
        --color-fd-info: oklch(62.3% .214 259.815);
        --color-fd-warning: oklch(76.9% .188 70.08);
        --color-fd-error: oklch(63.7% .237 25.331);
        --color-fd-success: oklch(72.3% .219 149.579);
        --fd-sidebar-mobile-offset: 100%;
        --spacing-fd-container: 1400px;
        --fd-page-width: 1200px;
        --fd-sidebar-width: 0px;
        --fd-toc-width: 0px;
        --fd-layout-width: 100vw;
        --fd-banner-height: 0px;
        --fd-nav-height: 0px;
        --fd-tocnav-height: 0px;
        --color-fd-diff-remove: #c80a641f;
        --color-fd-diff-remove-symbol: #e60a64;
        --color-fd-diff-add: #0eb4641a;
        --color-fd-diff-add-symbol: #0ac864;
        --animate-fd-fade-in: fd-fade-in .3s ease;
        --animate-fd-fade-out: fd-fade-out .3s ease;
        --animate-fd-dialog-in: fd-dialog-in .3s cubic-bezier(.16,1,.3,1);
        --animate-fd-dialog-out: fd-dialog-out .3s cubic-bezier(.16,1,.3,1);
        --animate-fd-popover-in: fd-popover-in .13s ease;
        --animate-fd-popover-out: fd-popover-out .13s ease;
        --animate-fd-collapsible-down: fd-collapsible-down .15s cubic-bezier(.45,0,.55,1);
        --animate-fd-collapsible-up: fd-collapsible-up .15s cubic-bezier(.45,0,.55,1);
        --animate-fd-accordion-down: fd-accordion-down .2s ease-out;
        --animate-fd-accordion-up: fd-accordion-up .2s ease-out;
        --animate-fd-nav-menu-in: fd-nav-menu-in .2s ease;
        --animate-fd-nav-menu-out: fd-nav-menu-out .2s ease;
        --animate-fd-enterFromLeft: fd-enterFromLeft .25s ease;
        --animate-fd-enterFromRight: fd-enterFromRight .25s ease;
        --animate-fd-sidebar-in: fd-sidebar-in .25s ease;
        --animate-fd-sidebar-out: fd-sidebar-out .25s ease;
        --animate-fd-exitToLeft: fd-exitToLeft .25s ease;
        --animate-fd-exitToRight: fd-exitToRight .25s ease;
        --animate-caret-blink: caret-blink 1.2s ease-out infinite;
        --color-background: var(--background);
        --color-foreground: var(--foreground);
        --color-surface: var(--surface);
        --color-surface-foreground: var(--surface-foreground);
        --color-overlay: var(--overlay);
        --color-overlay-foreground: var(--overlay-foreground);
        --color-muted: var(--muted);
        --color-accent: var(--accent);
        --color-accent-foreground: var(--accent-foreground);
        --color-segment: var(--segment);
        --color-segment-foreground: var(--segment-foreground);
        --color-border: var(--border);
        --color-separator: var(--separator);
        --color-focus: var(--focus);
        --color-link: var(--link);
        --color-default: var(--default);
        --color-default-foreground: var(--default-foreground);
        --color-success: var(--success);
        --color-success-foreground: var(--success-foreground);
        --color-warning: var(--warning);
        --color-warning-foreground: var(--warning-foreground);
        --color-danger: var(--danger);
        --color-danger-foreground: var(--danger-foreground);
        --shadow-surface: var(--surface-shadow);
        --shadow-overlay: var(--overlay-shadow);
        --shadow-field: var(--field-shadow);
        --color-field: var(--field-background,var(--color-default));
        --color-field-hover: var(--color-field)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-field-hover: color-mix(in oklab,var(--color-field)90%,var(--color-field-foreground)2%)
        }
    }

    :host, :root {
        --color-field-foreground: var(--field-foreground,var(--color-foreground));
        --color-field-placeholder: var(--field-placeholder,var(--color-muted));
        --color-field-border: var(--field-border,var(--color-border));
        --radius-field: var(--field-radius,var(--radius-xl));
        --border-width-field: var(--field-border-width,var(--border-width));
        --color-background-secondary: var(--color-background)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-background-secondary: color-mix(in oklab,var(--color-background)96%,var(--color-foreground)4%)
        }
    }

    :host, :root {
        --color-background-tertiary: var(--color-background)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-background-tertiary: color-mix(in oklab,var(--color-background)92%,var(--color-foreground)8%)
        }
    }

    :host, :root {
        --color-background-quaternary: var(--color-background)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-background-quaternary: color-mix(in oklab,var(--color-background)86%,var(--color-foreground)14%)
        }
    }

    :host, :root {
        --color-background-inverse: var(--color-foreground);
        --color-default-hover: var(--color-default)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-default-hover: color-mix(in oklab,var(--color-default)80%,transparent)
        }
    }

    :host, :root {
        --color-accent-hover: var(--color-accent)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-accent-hover: color-mix(in oklab,var(--color-accent)90%,var(--color-accent-foreground)10%)
        }
    }

    :host, :root {
        --color-success-hover: var(--color-success)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-success-hover: color-mix(in oklab,var(--color-success)90%,var(--color-success-foreground)10%)
        }
    }

    :host, :root {
        --color-warning-hover: var(--color-warning)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-warning-hover: color-mix(in oklab,var(--color-warning)90%,var(--color-warning-foreground)10%)
        }
    }

    :host, :root {
        --color-danger-hover: var(--color-danger)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-danger-hover: color-mix(in oklab,var(--color-danger)90%,var(--color-danger-foreground)10%)
        }
    }

    :host, :root {
        --color-field-focus: var(--color-field);
        --color-field-border-hover: var(--color-field-border)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-field-border-hover: color-mix(in oklab,var(--color-field-border)88%,var(--color-field-foreground)10%)
        }
    }

    :host, :root {
        --color-field-border-focus: var(--color-field-border)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-field-border-focus: color-mix(in oklab,var(--color-field-border)74%,var(--color-field-foreground)22%)
        }
    }

    :host, :root {
        --color-accent-soft: var(--color-accent)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-accent-soft: color-mix(in oklab,var(--color-accent)15%,transparent)
        }
    }

    :host, :root {
        --color-accent-soft-foreground: var(--color-accent);
        --color-accent-soft-hover: var(--color-accent)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-accent-soft-hover: color-mix(in oklab,var(--color-accent)20%,transparent)
        }
    }

    :host, :root {
        --color-danger-soft: var(--color-danger)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-danger-soft: color-mix(in oklab,var(--color-danger)15%,transparent)
        }
    }

    :host, :root {
        --color-danger-soft-foreground: var(--color-danger);
        --color-danger-soft-hover: var(--color-danger)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-danger-soft-hover: color-mix(in oklab,var(--color-danger)20%,transparent)
        }
    }

    :host, :root {
        --color-warning-soft: var(--color-warning)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-warning-soft: color-mix(in oklab,var(--color-warning)15%,transparent)
        }
    }

    :host, :root {
        --color-warning-soft-foreground: var(--color-warning);
        --color-warning-soft-hover: var(--color-warning)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-warning-soft-hover: color-mix(in oklab,var(--color-warning)20%,transparent)
        }
    }

    :host, :root {
        --color-success-soft: var(--color-success)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-success-soft: color-mix(in oklab,var(--color-success)15%,transparent)
        }
    }

    :host, :root {
        --color-success-soft-foreground: var(--color-success);
        --color-success-soft-hover: var(--color-success)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-success-soft-hover: color-mix(in oklab,var(--color-success)20%,transparent)
        }
    }

    :host, :root {
        --color-surface-secondary: var(--surface)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-surface-secondary: color-mix(in oklab,var(--surface)94%,var(--surface-foreground)6%)
        }
    }

    :host, :root {
        --color-surface-tertiary: var(--surface)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-surface-tertiary: color-mix(in oklab,var(--surface)92%,var(--surface-foreground)8%)
        }
    }

    :host, :root {
        --color-surface-quaternary: var(--surface)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-surface-quaternary: color-mix(in oklab,var(--surface)86%,var(--default-foreground)14%)
        }
    }

    :host, :root {
        --color-on-surface: var(--color-surface)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-on-surface: color-mix(in oklab,var(--color-surface)93%,var(--color-surface-foreground)7%)
        }
    }

    :host, :root {
        --color-on-surface-foreground: var(--color-surface-foreground);
        --color-on-surface-hover: var(--color-surface)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-on-surface-hover: color-mix(in oklab,var(--color-surface)91%,var(--color-surface-foreground)9%)
        }
    }

    :host, :root {
        --color-on-surface-focus: var(--color-on-surface);
        --color-separator-on-surface: var(--color-surface)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :host, :root {
            --color-separator-on-surface: color-mix(in oklab,var(--color-surface)92%,var(--color-surface-foreground)8%)
        }
    }

    :host, :root {
        --ease-smooth: ease;
        --ease-in-quad: cubic-bezier(.55,.085,.68,.53);
        --ease-in-cubic: cubic-bezier(.55,.055,.675,.19);
        --ease-in-quart: cubic-bezier(.895,.03,.685,.22);
        --ease-in-quint: cubic-bezier(.755,.05,.855,.06);
        --ease-in-expo: cubic-bezier(.95,.05,.795,.035);
        --ease-in-circ: cubic-bezier(.6,.04,.98,.335);
        --ease-out-quad: cubic-bezier(.25,.46,.45,.94);
        --ease-out-cubic: cubic-bezier(.215,.61,.355,1);
        --ease-out-quart: cubic-bezier(.165,.84,.44,1);
        --ease-out-quint: cubic-bezier(.23,1,.32,1);
        --ease-out-expo: cubic-bezier(.19,1,.22,1);
        --ease-out-circ: cubic-bezier(.075,.82,.165,1);
        --ease-fluid-out: cubic-bezier(.32,.72,0,1);
        --ease-in-out-quad: cubic-bezier(.455,.03,.515,.955);
        --ease-in-out-cubic: cubic-bezier(.645,.045,.355,1);
        --ease-in-out-quart: cubic-bezier(.77,0,.175,1);
        --ease-in-out-quint: cubic-bezier(.86,0,.07,1);
        --ease-in-out-expo: cubic-bezier(1,0,0,1);
        --ease-in-out-circ: cubic-bezier(.785,.135,.15,.86);
        --ease-linear: linear;
        --animate-spin-fast: spin .75s linear infinite;
        --animate-skeleton: skeleton 2s linear infinite
    }

    @layer theme {
        @layer base {
            .default, .light, :root, [data-theme=default], [data-theme=light] {
                color-scheme: light;
                --white: oklch(100% 0 0);
                --black: oklch(0% 0 0);
                --snow: oklch(99.11% 0 0);
                --eclipse: oklch(21.03% .0059 285.89);
                --spacing: .25rem;
                --border-width: 0px;
                --field-border-width: var(--border-width);
                --disabled-opacity: .5;
                --ring-offset-width: 2px;
                --cursor-interactive: pointer;
                --cursor-disabled: not-allowed;
                --radius: .5rem;
                --field-radius: calc(var(--radius)*1.5);
                --background: oklch(97.02% 0 0);
                --foreground: var(--eclipse);
                --surface: var(--white);
                --surface-foreground: var(--foreground);
                --overlay: var(--white);
                --overlay-foreground: var(--foreground);
                --muted: oklch(55.17% .0138 285.94);
                --scrollbar: oklch(87.1% .006 286.286);
                --default: oklch(94% .001 286.375);
                --default-foreground: var(--eclipse);
                --accent: oklch(62.04% .195 253.83);
                --accent-foreground: var(--snow);
                --field-background: var(--white);
                --field-foreground: oklch(21.03% .0059 285.89);
                --field-placeholder: var(--muted);
                --field-border: transparent;
                --success: oklch(73.29% .1935 150.81);
                --success-foreground: var(--eclipse);
                --warning: oklch(78.19% .1585 72.33);
                --warning-foreground: var(--eclipse);
                --danger: oklch(65.32% .2328 25.74);
                --danger-foreground: var(--snow);
                --segment: var(--white);
                --segment-foreground: var(--eclipse);
                --border: oklch(0% 0 0/0);
                --separator: oklch(92% .004 286.32);
                --focus: var(--accent);
                --link: var(--foreground);
                --surface-shadow: 0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 1px 0 #0000000f;
                --overlay-shadow: 0 4px 16px 0 #18181b14,0 8px 24px 0 #18181b17;
                --field-shadow: 0 2px 4px 0 #0000000a,0 1px 2px 0 #0000000f,0 0 1px 0 #0000000f;
                --skeleton-animation: shimmer
            }

            .dark, [data-theme=dark] {
                color-scheme: dark;
                --background: oklch(12% .005 285.823);
                --foreground: var(--snow);
                --surface: oklch(21.03% .0059 285.89);
                --surface-foreground: var(--foreground);
                --overlay: oklch(22% .0059 285.89);
                --overlay-foreground: var(--foreground);
                --muted: oklch(70.5% .015 286.067);
                --scrollbar: oklch(70.5% .015 286.067);
                --default: oklch(27.4% .006 286.033);
                --default-foreground: var(--snow);
                --field-background: var(--default);
                --field-foreground: var(--foreground);
                --warning: oklch(82.03% .1388 76.34);
                --warning-foreground: var(--eclipse);
                --danger: oklch(59.4% .1967 24.63);
                --danger-foreground: var(--snow);
                --success-foreground: var(--snow);
                --segment: oklch(39.64% .01 285.93);
                --segment-foreground: var(--foreground);
                --border: oklch(100% 0 0/0);
                --separator: oklch(22% .006 286.033);
                --focus: var(--accent);
                --link: var(--foreground);
                --surface-shadow: 0 0 0 0 transparent inset;
                --overlay-shadow: 0 0 0 0 transparent inset;
                --field-shadow: 0 0 0 0 transparent inset
            }

            @supports (color: lab(0% 0 0)) {
                .dark, [data-theme=dark] {
                    --background: lab(1.54547% .178337 -.64671);
                    --surface: lab(8.34178% .607349 -2.12998);
                    --overlay: lab(9.4671% .605635 -2.13097);
                    --muted: lab(65.6464% 1.53497 -5.42429);
                    --scrollbar: lab(65.6464% 1.53497 -5.42429);
                    --default: lab(15.7305% .613764 -2.16959);
                    --warning: lab(79.1095% 16.747 59.9157);
                    --danger: lab(50.9109% 62.2712 37.59);
                    --segment: lab(29.8929% 1.02498 -3.61326);
                    --border: lab(100% 0 0/0);
                    --separator: lab(9.466% .621274 -2.16515)
                }
            }
        }
    }
}

.dark {
    --color-fd-background: #050505;
    --color-fd-foreground: #fafafa;
    --color-fd-muted: #141414;
    --color-fd-muted-foreground: #999;
    --color-fd-popover: #0a0a0a;
    --color-fd-popover-foreground: #fafafa;
    --color-fd-card: #0a0a0a;
    --color-fd-card-foreground: #fafafa;
    --color-fd-border: #80808033;
    --color-fd-primary: #fafafa;
    --color-fd-primary-foreground: #171717;
    --color-fd-secondary: #212121;
    --color-fd-secondary-foreground: #fafafa;
    --color-fd-accent: #262626;
    --color-fd-accent-foreground: #fff;
    --color-fd-ring: #595959
}

.shiki:not(.not-fumadocs-codeblock *) {
    --padding-left: calc(var(--spacing)*3);
    --padding-right: calc(var(--spacing)*3)
}

    .shiki:not(.not-fumadocs-codeblock *) code span {
        color: var(--shiki-light)
    }

    .shiki:not(.not-fumadocs-codeblock *) code .line {
        min-height: 1lh;
        padding-left: var(--padding-left);
        padding-right: var(--padding-right);
        position: relative
    }

    .shiki:not(.not-fumadocs-codeblock *).has-focused code .line:not(.focused) {
        filter: blur(2px);
        transition: filter .2s
    }

    .shiki:not(.not-fumadocs-codeblock *).has-focused:hover code .line:not(.focused) {
        filter: blur()
    }

    .shiki:not(.not-fumadocs-codeblock *)[data-line-numbers] code .twoslash-meta-line {
        padding-left: calc(var(--padding-left) + 7*var(--spacing))
    }

    .shiki:not(.not-fumadocs-codeblock *)[data-line-numbers] code .line {
        counter-increment: line;
        padding-left: calc(var(--padding-left) + 7*var(--spacing))
    }

        .shiki:not(.not-fumadocs-codeblock *)[data-line-numbers] code .line:after {
            content: counter(line);
            color: var(--fd-counter-color,#737373);
            position: absolute
        }

@supports (color:color-mix(in lab,red,red)) {
    .shiki:not(.not-fumadocs-codeblock *)[data-line-numbers] code .line:after {
        color: color-mix(in oklab,var(--fd-counter-color,var(--color-fd-muted-foreground))60%,transparent)
    }
}

.shiki:not(.not-fumadocs-codeblock *)[data-line-numbers] code .line:after {
    top: calc(var(--spacing)*0);
    left: calc(var(--spacing)*4)
}

.shiki:not(.not-fumadocs-codeblock *) code .diff:before {
    left: var(--spacing);
    position: absolute
}

.shiki:not(.not-fumadocs-codeblock *) code .diff.remove {
    opacity: .7;
    --fd-counter-color: var(--color-fd-diff-remove-symbol);
    background-color: var(--color-fd-diff-remove)
}

    .shiki:not(.not-fumadocs-codeblock *) code .diff.remove:before {
        content: "-";
        color: var(--color-fd-diff-remove-symbol)
    }

.shiki:not(.not-fumadocs-codeblock *) code .diff.add {
    --fd-counter-color: var(--color-fd-diff-add-symbol);
    background-color: var(--color-fd-diff-add)
}

    .shiki:not(.not-fumadocs-codeblock *) code .diff.add:before {
        content: "+";
        color: var(--color-fd-diff-add-symbol)
    }

.shiki:not(.not-fumadocs-codeblock *) code .highlighted {
    --fd-counter-color: var(--color-fd-primary);
    background-color: #1717171a
}

@supports (color:color-mix(in lab,red,red)) {
    .shiki:not(.not-fumadocs-codeblock *) code .highlighted {
        background-color: color-mix(in oklab,var(--color-fd-primary)10%,transparent)
    }
}

.shiki:not(.not-fumadocs-codeblock *) code .highlighted-word {
    border-radius: calc(var(--radius)*.75);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #1717174d;
    margin-block: -1px;
    padding: 1px
}

@supports (color:color-mix(in lab,red,red)) {
    .shiki:not(.not-fumadocs-codeblock *) code .highlighted-word {
        border-color: color-mix(in oklab,var(--color-fd-primary)30%,transparent)
    }
}

.shiki:not(.not-fumadocs-codeblock *) code .highlighted-word {
    background-color: #1717171a
}

@supports (color:color-mix(in lab,red,red)) {
    .shiki:not(.not-fumadocs-codeblock *) code .highlighted-word {
        background-color: color-mix(in oklab,var(--color-fd-primary)10%,transparent)
    }
}

.shiki:not(.not-fumadocs-codeblock *) code .highlighted-word {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.dark .shiki:not(.not-fumadocs-codeblock *) code span {
    color: var(--shiki-dark)
}

[dir=rtl] {
    --fd-sidebar-mobile-offset: -100%
}

@media not all and (min-width:80rem) {
    #nd-docs-layout:has([data-toc-popover]) {
        --fd-tocnav-height: calc(var(--spacing)*10)
    }
}

@property --radix-collapsible-content-height {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-animation-delay {
    syntax: "*";
    inherits: false;
    initial-value: 0s
}

@property --tw-animation-direction {
    syntax: "*";
    inherits: false;
    initial-value: normal
}

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

@property --tw-animation-fill-mode {
    syntax: "*";
    inherits: false;
    initial-value: none
}

@property --tw-animation-iteration-count {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

:root {
    --fd-layout-width: 1400px;
    --color-fd-background: var(--background);
    --color-fd-foreground: var(--foreground);
    --color-fd-primary: oklch(14% 0 0);
    --color-fd-secondary: #f9f9f9;
    --color-fd-card: #f9f9f9;
    --spacing-fd-container: 1120px;
    --color-fd-border: oklch(0% 0 0/.1);
    --color-fd-accent: #f9f9f9;
    --color-fd-muted-foreground: var(--color-neutral-500);
    --color-backdrop: #fff6;
    --animate-fd-fade-in: custom-fade-in .2s ease-out forwards;
    --animate-fd-fade-out: custom-fade-out .15s ease-out forwards;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dark, [data-theme=dark] {
    --color-fd-primary: oklch(99% 0 0);
    --color-fd-card: #28282866;
    --color-fd-secondary: #18181b;
    --color-fd-accent: #2c2c2c;
    --color-fd-popover: #383435;
    --color-fd-border: #ffffff1a;
    --color-backdrop: #0006
}

[data-theme-toggle] {
    --tw-border-style: none;
    background-color: var(--default);
    border-style: none
}

@supports (color:color-mix(in lab,red,red)) {
    [data-theme-toggle] {
        background-color: color-mix(in oklab,var(--default)80%,transparent)
    }
}

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

@supports (color: color-mix(in lab, red, red)) {
    .bg-accent-soft {
        background-color: color-mix(in oklab,var(--color-accent)15%,transparent)
    }
}

.modal__icon {
    width: calc(var(--spacing)*10);
    height: calc(var(--spacing)*10);
    -webkit-user-select: none;
    user-select: none;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.leading-5 {
    --tw-leading: calc(var(--spacing)*5);
    line-height: calc(var(--spacing)*5)
}

.mt-1\.5 {
    margin-top: calc(var(--spacing)*1.5)
}

.text-accent-soft-foreground {
    color: var(--color-accent)
}

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

.text-muted, .text-muted\/50 {
    color: var(--muted) !important;
}

@supports (color: color-mix(in lab, red, red)) {
    .text-muted\/50 {
        color: color-mix(in oklab,var(--muted)50%,transparent) !important;
    }
}

.color-muted {
    color: var(--muted);
}

.color-foreground {
    color: var(--foreground);
}

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

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

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