@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *,:before,:after,::backdrop {
            --tw-translate-x:0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-border-style: solid;
            --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-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-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-content: "";
            --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
        }
    }
}

@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: "JetBrains Mono Variable", monospace;
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-amber-50: oklch(98.7% .022 95.277);
        --color-amber-200: oklch(92.4% .12 95.746);
        --color-amber-400: oklch(82.8% .189 84.429);
        --color-amber-500: oklch(76.9% .188 70.08);
        --color-amber-600: oklch(66.6% .179 58.318);
        --color-amber-900: oklch(41.4% .112 45.904);
        --color-amber-950: oklch(27.9% .077 45.635);
        --color-green-100: oklch(96.2% .044 156.743);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-green-600: oklch(62.7% .194 149.214);
        --color-emerald-50: oklch(97.9% .021 166.113);
        --color-emerald-200: oklch(90.5% .093 164.15);
        --color-emerald-400: oklch(76.5% .177 163.223);
        --color-emerald-600: oklch(59.6% .145 163.225);
        --color-emerald-900: oklch(37.8% .077 168.94);
        --color-emerald-950: oklch(26.2% .051 172.552);
        --color-blue-100: oklch(93.2% .032 255.585);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-blue-900: oklch(37.9% .146 265.522);
        --color-rose-400: oklch(71.2% .194 13.428);
        --color-slate-950: oklch(12.9% .042 264.695);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-950: oklch(13% .028 261.692);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-xl: 80rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-5xl: 64rem;
        --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: 1.5 ;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2 ;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-widest: .1em;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-sm: 8px;
        --blur-lg: 16px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: "JetBrains Mono Variable", monospace
    }
}

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

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr: where([title]) {
        -webkit-text-decoration:underline dotted;
        text-decoration: underline dotted
    }

    h1,h2,h3,h4,h5,h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,strong {
        font-weight: bolder
    }

    code,kbd,samp,pre {
        font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings,normal);
        font-variation-settings: var(--default-mono-font-variation-settings,normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,ul,menu {
        list-style: none
    }

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

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

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

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select: is([multiple],[size])) optgroup {
        font-weight:bolder
    }

    :where(select: is([multiple],[size])) optgroup option {
        padding-inline-start:20px
    }

    ::file-selector-button {
        margin-inline-end:4px}

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color:currentColor
        }

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

    textarea {
        resize: vertical
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

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

    ::-webkit-datetime-edit {
        padding-block:0}

    ::-webkit-datetime-edit-year-field {
        padding-block:0}

    ::-webkit-datetime-edit-month-field {
        padding-block:0}

    ::-webkit-datetime-edit-day-field {
        padding-block:0}

    ::-webkit-datetime-edit-hour-field {
        padding-block:0}

    ::-webkit-datetime-edit-minute-field {
        padding-block:0}

    ::-webkit-datetime-edit-second-field {
        padding-block:0}

    ::-webkit-datetime-edit-millisecond-field {
        padding-block:0}

    ::-webkit-datetime-edit-meridiem-field {
        padding-block:0}

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

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

    button,input: where([type=button],[type=reset],[type=submit]) {
        appearance:button
    }

    ::file-selector-button {
        appearance: button
    }

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

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

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

    * {
        border-color: var(--border);
        outline-color: var(--ring)
    }

    @supports (color: color-mix(in lab,red,red)) {
        * {
            outline-color:color-mix(in oklab,var(--ring) 50%,transparent)
        }
    }

    body {
        background-color: var(--background);
        color: var(--foreground)
    }

    html {
        scrollbar-color: var(--primary) var(--muted);
        font-family: JetBrains Mono Variable,monospace
    }

    @supports (color: color-mix(in lab,red,red)) {
        html {
            scrollbar-color:color-mix(in oklch,var(--primary) 38%,var(--background)) color-mix(in oklch,var(--muted) 72%,transparent)
        }
    }

    html {
        scrollbar-width: thin
    }

    ::-webkit-scrollbar {
        width: .8rem;
        height: .8rem
    }

    ::-webkit-scrollbar-track {
        background: linear-gradient(180deg,var(--background) 0%,var(--muted) 100%)
    }

    @supports (color: color-mix(in lab,red,red)) {
        ::-webkit-scrollbar-track {
            background:linear-gradient(180deg,color-mix(in oklch,var(--background) 96%,var(--muted)),color-mix(in oklch,var(--muted) 78%,var(--background)))
        }
    }

    ::-webkit-scrollbar-track {
        border-left: 1px solid var(--border)
    }

    @supports (color: color-mix(in lab,red,red)) {
        ::-webkit-scrollbar-track {
            border-left:1px solid color-mix(in oklch,var(--border) 72%,transparent)
        }
    }

    ::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg,var(--primary) 0%,var(--primary) 100%)
    }

    @supports (color: color-mix(in lab,red,red)) {
        ::-webkit-scrollbar-thumb {
            background:linear-gradient(180deg,color-mix(in oklch,var(--primary) 34%,var(--background)),color-mix(in oklch,var(--primary) 22%,var(--muted)))
        }
    }

    ::-webkit-scrollbar-thumb {
        border: 2px solid var(--background)
    }

    @supports (color: color-mix(in lab,red,red)) {
        ::-webkit-scrollbar-thumb {
            border:2px solid color-mix(in oklch,var(--background) 86%,transparent)
        }
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 999px
    }

    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg,var(--primary) 0%,var(--primary) 100%)
    }

    @supports (color: color-mix(in lab,red,red)) {
        ::-webkit-scrollbar-thumb:hover {
            background:linear-gradient(180deg,color-mix(in oklch,var(--primary) 48%,var(--background)),color-mix(in oklch,var(--primary) 32%,var(--muted)))
        }
    }

    ::-webkit-scrollbar-corner {
        background: var(--muted)
    }

    @supports (color: color-mix(in lab,red,red)) {
        ::-webkit-scrollbar-corner {
            background:color-mix(in oklch,var(--muted) 72%,var(--background))
        }
    }
}

@layer components;@layer utilities {
    .\@container\/card-header {
        container: card-header/inline-size
    }

    .\@container\/field-group {
        container: field-group/inline-size
    }

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

    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .sticky {
        position: sticky
    }

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

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

    .start {
        inset-inline-start: var(--spacing)
    }

    .end {
        inset-inline-end: var(--spacing)
    }

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

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

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

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

    .top-\[calc\(--spacing\(1\.25\)\)\] {
        top: calc(calc(var(--spacing) * 1.25))
    }

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

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

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

    .right-\[calc\(--spacing\(1\.25\)\)\] {
        right: calc(calc(var(--spacing) * 1.25))
    }

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

    .left-2\.5 {
        left: calc(var(--spacing) * 2.5)
    }

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

    .z-10 {
        z-index: 10
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

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

    .col-start-2 {
        grid-column-start: 2
    }

    .row-span-2 {
        grid-row: span 2/span 2
    }

    .row-start-1 {
        grid-row-start: 1
    }

    .-mx-1 {
        margin-inline:calc(var(--spacing) * -1)}

    .mx-auto {
        margin-inline: auto
    }

    .-my-2 {
        margin-block:calc(var(--spacing) * -2)}

    .my-1 {
        margin-block: calc(var(--spacing) * 1)
    }

    .my-8 {
        margin-block:calc(var(--spacing) * 8)}

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

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

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

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

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

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

    .mr-1 {
        margin-right: calc(var(--spacing) * 1)
    }

    .mr-2 {
        margin-right: calc(var(--spacing) * 2)
    }

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

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

    .mb-2\.5 {
        margin-bottom: calc(var(--spacing) * 2.5)
    }

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

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

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

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

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

    .ml-1 {
        margin-left: calc(var(--spacing) * 1)
    }

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

    .ml-2 {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-4 {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-auto {
        margin-left: auto
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .table-caption {
        display: table-caption
    }

    .table-cell {
        display: table-cell
    }

    .table-row {
        display: table-row
    }

    .field-sizing-content {
        field-sizing: content
    }

    .size-2 {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2)
    }

    .size-2\.5 {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5)
    }

    .size-3 {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3)
    }

    .size-3\.5 {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5)
    }

    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .size-7 {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7)
    }

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

    .size-9 {
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9)
    }

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

    .size-12 {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12)
    }

    .size-14 {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14)
    }

    .h-1\.5 {
        height: calc(var(--spacing) * 1.5)
    }

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(100\%-1px\)\] {
        height: calc(100% - 1px)
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .max-h-\(--radix-select-content-available-height\) {
        max-height: var(--radix-select-content-available-height)
    }

    .max-h-72 {
        max-height: calc(var(--spacing) * 72)
    }

    .max-h-\[75vh\] {
        max-height: 75vh
    }

    .min-h-16 {
        min-height: calc(var(--spacing) * 16)
    }

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

    .w-3\/4 {
        width: 75%
    }

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

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

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

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

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

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

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

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

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

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

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

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

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

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

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

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

    .max-w-lg {
        max-width: var(--container-lg)
    }

    .max-w-md {
        max-width: var(--container-md)
    }

    .max-w-screen-xl {
        max-width: var(--breakpoint-xl)
    }

    .max-w-sm {
        max-width: var(--container-sm)
    }

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

    .max-w-xs {
        max-width: var(--container-xs)
    }

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

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

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

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

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

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

    .min-w-\[700px\] {
        min-width: 700px
    }

    .min-w-\[980px\] {
        min-width: 980px
    }

    .min-w-full {
        min-width: 100%
    }

    .flex-1 {
        flex: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .caption-bottom {
        caption-side: bottom
    }

    .origin-\(--radix-select-content-transform-origin\) {
        transform-origin: var(--radix-select-content-transform-origin)
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50% ;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50% ;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

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

    .cursor-default {
        cursor: default
    }

    .cursor-pointer {
        cursor: pointer
    }

    .scroll-my-1 {
        scroll-margin-block: calc(var(--spacing) * 1)
    }

    .list-disc {
        list-style-type: disc
    }

    .appearance-none {
        appearance: none
    }

    .auto-rows-min {
        grid-auto-rows: min-content
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-content-center {
        place-content: center
    }

    .items-center {
        align-items: center
    }

    .items-start {
        align-items: flex-start
    }

    .items-stretch {
        align-items: stretch
    }

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

    .justify-center {
        justify-content: center
    }

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

    .justify-start {
        justify-content: flex-start
    }

    .gap-0\.5 {
        gap: calc(var(--spacing) * .5)
    }

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

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

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

    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5)
    }

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

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

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

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

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

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

    .gap-\[--spacing\(var\(--gap\)\)\] {
        gap: calc(var(--spacing) * var(--gap))
    }

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

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

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

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

    .self-start {
        align-self: flex-start
    }

    .justify-self-end {
        justify-self: flex-end
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .rounded-\[18px\] {
        border-radius: 18px
    }

    .rounded-\[28px\] {
        border-radius: 28px
    }

    .rounded-\[36px\] {
        border-radius: 36px
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

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

    .rounded-md {
        border-radius: calc(var(--radius) * .8)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-sm {
        border-radius: calc(var(--radius) * .6)
    }

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

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

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

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

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

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-amber-200 {
        border-color: var(--color-amber-200)
    }

    .border-amber-500\/30 {
        border-color: #f99c004d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .border-amber-500\/30 {
            border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)
        }
    }

    .border-border {
        border-color: var(--border)
    }

    .border-destructive {
        border-color: var(--destructive)
    }

    .border-emerald-200 {
        border-color: var(--color-emerald-200)
    }

    .border-input {
        border-color: var(--input)
    }

    .border-primary,.border-primary\/20 {
        border-color: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .border-primary\/20 {
            border-color:color-mix(in oklab,var(--primary) 20%,transparent)
        }
    }

    .border-primary\/30 {
        border-color: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .border-primary\/30 {
            border-color:color-mix(in oklab,var(--primary) 30%,transparent)
        }
    }

    .border-primary\/40 {
        border-color: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .border-primary\/40 {
            border-color:color-mix(in oklab,var(--primary) 40%,transparent)
        }
    }

    .border-transparent {
        border-color: #0000
    }

    .border-white\/55 {
        border-color: #ffffff8c
    }

    @supports (color: color-mix(in lab,red,red)) {
        .border-white\/55 {
            border-color:color-mix(in oklab,var(--color-white) 55%,transparent)
        }
    }

    .bg-amber-50\/90 {
        background-color: #fffbebe6
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-amber-50\/90 {
            background-color:color-mix(in oklab,var(--color-amber-50) 90%,transparent)
        }
    }

    .bg-amber-400\/60 {
        background-color: #fcbb0099
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-amber-400\/60 {
            background-color:color-mix(in oklab,var(--color-amber-400) 60%,transparent)
        }
    }

    .bg-amber-500\/5 {
        background-color: #f99c000d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-amber-500\/5 {
            background-color:color-mix(in oklab,var(--color-amber-500) 5%,transparent)
        }
    }

    .bg-amber-500\/10 {
        background-color: #f99c001a
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-amber-500\/10 {
            background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)
        }
    }

    .bg-background,.bg-background\/80 {
        background-color: var(--background)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-background\/80 {
            background-color:color-mix(in oklab,var(--background) 80%,transparent)
        }
    }

    .bg-background\/95 {
        background-color: var(--background)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-background\/95 {
            background-color:color-mix(in oklab,var(--background) 95%,transparent)
        }
    }

    .bg-black\/5 {
        background-color: #0000000d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-black\/5 {
            background-color:color-mix(in oklab,var(--color-black) 5%,transparent)
        }
    }

    .bg-black\/40 {
        background-color: #0006
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-black\/40 {
            background-color:color-mix(in oklab,var(--color-black) 40%,transparent)
        }
    }

    .bg-black\/50 {
        background-color: #00000080
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-black\/50 {
            background-color:color-mix(in oklab,var(--color-black) 50%,transparent)
        }
    }

    .bg-blue-100 {
        background-color: var(--color-blue-100)
    }

    .bg-blue-500 {
        background-color: var(--color-blue-500)
    }

    .bg-border {
        background-color: var(--border)
    }

    .bg-card {
        background-color: var(--card)
    }

    .bg-destructive\/10 {
        background-color: var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-destructive\/10 {
            background-color:color-mix(in oklab,var(--destructive) 10%,transparent)
        }
    }

    .bg-emerald-50\/90 {
        background-color: #ecfdf5e6
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-emerald-50\/90 {
            background-color:color-mix(in oklab,var(--color-emerald-50) 90%,transparent)
        }
    }

    .bg-emerald-400\/60 {
        background-color: #00d29499
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-emerald-400\/60 {
            background-color:color-mix(in oklab,var(--color-emerald-400) 60%,transparent)
        }
    }

    .bg-green-100 {
        background-color: var(--color-green-100)
    }

    .bg-green-500 {
        background-color: var(--color-green-500)
    }

    .bg-muted,.bg-muted\/20 {
        background-color: var(--muted)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-muted\/20 {
            background-color:color-mix(in oklab,var(--muted) 20%,transparent)
        }
    }

    .bg-muted\/30 {
        background-color: var(--muted)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-muted\/30 {
            background-color:color-mix(in oklab,var(--muted) 30%,transparent)
        }
    }

    .bg-muted\/40 {
        background-color: var(--muted)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-muted\/40 {
            background-color:color-mix(in oklab,var(--muted) 40%,transparent)
        }
    }

    .bg-muted\/50 {
        background-color: var(--muted)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-muted\/50 {
            background-color:color-mix(in oklab,var(--muted) 50%,transparent)
        }
    }

    .bg-muted\/60 {
        background-color: var(--muted)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-muted\/60 {
            background-color:color-mix(in oklab,var(--muted) 60%,transparent)
        }
    }

    .bg-popover {
        background-color: var(--popover)
    }

    .bg-primary {
        background-color: #783afd;
    }

    .bg-primary-foreground\/10 {
        background-color: var(--primary-foreground)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-primary-foreground\/10 {
            background-color:color-mix(in oklab,var(--primary-foreground) 10%,transparent)
        }
    }

    .bg-primary\/5 {
        background-color: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-primary\/5 {
            background-color:color-mix(in oklab,var(--primary) 5%,transparent)
        }
    }

    .bg-primary\/10 {
        background-color: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-primary\/10 {
            background-color:color-mix(in oklab,var(--primary) 10%,transparent)
        }
    }

    .bg-primary\/12 {
        background-color: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-primary\/12 {
            background-color:color-mix(in oklab,var(--primary) 12%,transparent)
        }
    }

    .bg-primary\/20 {
        background-color: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-primary\/20 {
            background-color:color-mix(in oklab,var(--primary) 20%,transparent)
        }
    }

    .bg-red-500 {
        background-color: var(--color-red-500)
    }

    .bg-rose-400\/60 {
        background-color: #ff667f99
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-rose-400\/60 {
            background-color:color-mix(in oklab,var(--color-rose-400) 60%,transparent)
        }
    }

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

    .bg-transparent {
        background-color: #0000
    }

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

    .bg-white\/62 {
        background-color: #ffffff9e
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-white\/62 {
            background-color:color-mix(in oklab,var(--color-white) 62%,transparent)
        }
    }

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .from-background {
        --tw-gradient-from: var(--background);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .via-background {
        --tw-gradient-via: var(--background);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-primary\/5 {
        --tw-gradient-to: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .to-primary\/5 {
            --tw-gradient-to:color-mix(in oklab, var(--primary) 5%, transparent)
        }
    }

    .to-primary\/5 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .bg-clip-padding {
        background-clip: padding-box
    }

    .object-contain {
        object-fit: contain
    }

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

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

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

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

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

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

    .p-\[3px\] {
        padding: 3px
    }

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

    .px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5)
    }

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

    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5)
    }

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

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

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

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

    .py-0\.5 {
        padding-block: calc(var(--spacing) * .5)
    }

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

    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5)
    }

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

    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5)
    }

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

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

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

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

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

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

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

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

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

    .pt-4 {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-6 {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-\[66px\] {
        padding-top: 66px
    }

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

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

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

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

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

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

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

    .pl-2 {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-2\.5 {
        padding-left: calc(var(--spacing) * 2.5)
    }

    .pl-7 {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-8 {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-9 {
        padding-left: calc(var(--spacing) * 9)
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .align-middle {
        vertical-align: middle
    }

    .font-heading {
        font-family: var(--font-mono)
    }

    .font-mono {
        font-family: JetBrains Mono Variable,monospace
    }

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

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

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

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

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

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

    .text-xs\/relaxed {
        font-size: var(--text-xs);
        line-height: var(--leading-relaxed)
    }

    .text-\[9px\] {
        font-size: 9px
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[11px\] {
        font-size: 11px
    }

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

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

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

    .leading-\[1\.05\] {
        --tw-leading: 1.05;
        line-height: 1.05
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

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

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

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

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

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

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

    .text-balance {
        text-wrap: balance
    }

    .break-words {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-amber-500 {
        color: var(--color-amber-500)
    }

    .text-amber-600 {
        color: var(--color-amber-600)
    }

    .text-blue-900 {
        color: var(--color-blue-900)
    }

    .text-card-foreground {
        color: var(--card-foreground)
    }

    .text-current {
        color: currentColor
    }

    .text-destructive {
        color: var(--destructive)
    }

    .text-emerald-600 {
        color: var(--color-emerald-600)
    }

    .text-foreground,.text-foreground\/60 {
        color: var(--foreground)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-foreground\/60 {
            color:color-mix(in oklab,var(--foreground) 60%,transparent)
        }
    }

    .text-gray-600 {
        color: var(--color-gray-600)
    }

    .text-green-500 {
        color: var(--color-green-500)
    }

    .text-green-600 {
        color: var(--color-green-600)
    }

    .text-muted-foreground,.text-muted-foreground\/40 {
        color: var(--muted-foreground)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-muted-foreground\/40 {
            color:color-mix(in oklab,var(--muted-foreground) 40%,transparent)
        }
    }

    .text-muted-foreground\/70 {
        color: var(--muted-foreground)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-muted-foreground\/70 {
            color:color-mix(in oklab,var(--muted-foreground) 70%,transparent)
        }
    }

    .text-popover-foreground {
        color: var(--popover-foreground)
    }

    .text-primary {
        color: var(--primary)
    }

    .text-primary-foreground,.text-primary-foreground\/80 {
        color: var(--primary-foreground)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-primary-foreground\/80 {
            color:color-mix(in oklab,var(--primary-foreground) 80%,transparent)
        }
    }

    .text-red-600 {
        color: var(--color-red-600)
    }

    .text-secondary-foreground {
        color: var(--secondary-foreground)
    }

    .text-white {
        color: var(--color-white)
    }

    .capitalize {
        text-transform: capitalize
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .accent-primary {
        accent-color: var(--primary)
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-70 {
        opacity: .7
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring-destructive\/30 {
        --tw-ring-color: var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .ring-destructive\/30 {
            --tw-ring-color:color-mix(in oklab, var(--destructive) 30%, transparent)
        }
    }

    .ring-foreground\/10 {
        --tw-ring-color: var(--foreground)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .ring-foreground\/10 {
            --tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)
        }
    }

    .ring-offset-background {
        --tw-ring-offset-color: var(--background)
    }

    .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
    }

    @media(forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

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

    .backdrop-blur-lg {
        --tw-backdrop-blur: blur(var(--blur-lg));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

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

    .transition-none {
        transition-property: none
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .running {
        animation-play-state: running
    }

    :is(.\*\: w-full>*) {
        width:100%
    }

    .group-has-disabled\/field\: opacity-50:is(:where(.group\/field):has(:disabled) *) {
        opacity:.5
    }

    .group-has-data-horizontal\/field\: text-balance:is(:where(.group\/field):has(:where([data-orientation=horizontal])) *) {
        text-wrap:balance
    }

    .group-has-\[\>svg\]\/alert\: col-start-2:is(:where(.group\/alert):has(>svg) *) {
        grid-column-start:2
    }

    .group-data-\[disabled\=true\]\: pointer-events-none:is(:where(.group)[data-disabled=true] *) {
        pointer-events:none
    }

    .group-data-\[disabled\=true\]\: opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *) {
        opacity:.5
    }

    .group-data-\[size\=default\]\/switch\: size-4:is(:where(.group\/switch)[data-size=default] *) {
        width:calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .group-data-\[size\=sm\]\/card\: p-3:is(:where(.group\/card)[data-size=sm] *) {
        padding:calc(var(--spacing) * 3)
    }

    .group-data-\[size\=sm\]\/card\: px-3:is(:where(.group\/card)[data-size=sm] *) {
        padding-inline:calc(var(--spacing) * 3)
    }

    .group-data-\[size\=sm\]\/card\: text-sm:is(:where(.group\/card)[data-size=sm] *) {
        font-size:var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    .group-data-\[size\=sm\]\/switch\: size-3:is(:where(.group\/switch)[data-size=sm] *) {
        width:calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3)
    }

    .group-data-\[spacing\=0\]\/toggle-group\: rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
        border-radius:0
    }

    .group-data-\[spacing\=0\]\/toggle-group\: px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
        padding-inline:calc(var(--spacing) * 2)
    }

    .group-data-\[variant\=line\]\/tabs-list\: bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *) {
        background-color:#0000
    }

    .group-data-\[variant\=outline\]\/field-group\: -mb-2:is(:where(.group\/field-group)[data-variant=outline] *) {
        margin-bottom:calc(var(--spacing) * -2)
    }

    .group-data-horizontal\/tabs\: h-8:is(:where(.group\/tabs):where([data-orientation=horizontal]) *) {
        height:calc(var(--spacing) * 8)
    }

    .group-data-vertical\/tabs\: h-fit:is(:where(.group\/tabs):where([data-orientation=vertical]) *) {
        height:fit-content
    }

    .group-data-vertical\/tabs\: w-full:is(:where(.group\/tabs):where([data-orientation=vertical]) *) {
        width:100%
    }

    .group-data-vertical\/tabs\: flex-col:is(:where(.group\/tabs):where([data-orientation=vertical]) *) {
        flex-direction:column
    }

    .group-data-vertical\/tabs\: justify-start:is(:where(.group\/tabs):where([data-orientation=vertical]) *) {
        justify-content:flex-start
    }

    .group-data-vertical\/tabs\: py-\[calc\(--spacing\(1\.25\)\)\]:is(:where(.group\/tabs):where([data-orientation=vertical]) *) {
        padding-block:calc(calc(var(--spacing) * 1.25))
    }

    .peer-disabled\: cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor:not-allowed
    }

    .peer-disabled\: opacity-50:is(:where(.peer):disabled~*) {
        opacity:.5
    }

    .file\: inline-flex::file-selector-button {
        display:inline-flex
    }

    .file\: h-6::file-selector-button {
        height:calc(var(--spacing) * 6)
    }

    .file\: border-0::file-selector-button {
        border-style:var(--tw-border-style);
        border-width: 0
    }

    .file\: bg-transparent::file-selector-button {
        background-color:#0000
    }

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

    .file\: font-medium::file-selector-button {
        --tw-font-weight:var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .file\: text-foreground::file-selector-button {
        color:var(--foreground)
    }

    .placeholder\: text-muted-foreground::placeholder {
        color:var(--muted-foreground)
    }

    .after\: absolute:after {
        content:var(--tw-content);
        position: absolute
    }

    .after\: -inset-x-3:after {
        content:var(--tw-content);
        inset-inline: calc(var(--spacing) * -3)
    }

    .after\: -inset-y-2:after {
        content:var(--tw-content);
        inset-block: calc(var(--spacing) * -2)
    }

    .after\: bg-foreground:after {
        content:var(--tw-content);
        background-color: var(--foreground)
    }

    .after\: opacity-0:after {
        content:var(--tw-content);
        opacity: 0
    }

    .after\: transition-opacity:after {
        content:var(--tw-content);
        transition-property: opacity;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .group-data-horizontal\/tabs\: after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after {
        content:var(--tw-content);
        inset-inline: calc(var(--spacing) * 0)
    }

    .group-data-horizontal\/tabs\: after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after {
        content:var(--tw-content);
        bottom: -5px
    }

    .group-data-horizontal\/tabs\: after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after {
        content:var(--tw-content);
        height: calc(var(--spacing) * .5)
    }

    .group-data-vertical\/tabs\: after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after {
        content:var(--tw-content);
        inset-block: calc(var(--spacing) * 0)
    }

    .group-data-vertical\/tabs\: after\:-right-1:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after {
        content:var(--tw-content);
        right: calc(var(--spacing) * -1)
    }

    .group-data-vertical\/tabs\: after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after {
        content:var(--tw-content);
        width: calc(var(--spacing) * .5)
    }

    .last\: mt-0:last-child {
        margin-top:calc(var(--spacing) * 0)
    }

    .last\: border-0:last-child {
        border-style:var(--tw-border-style);
        border-width: 0
    }

    @media(hover: hover) {
        .hover\:border-primary\/30:hover {
            border-color:var(--primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:border-primary\/30:hover {
                border-color:color-mix(in oklab,var(--primary) 30%,transparent)
            }
        }

        .hover\:border-primary\/50:hover {
            border-color: var(--primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:border-primary\/50:hover {
                border-color:color-mix(in oklab,var(--primary) 50%,transparent)
            }
        }

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

        .hover\:bg-destructive\/5:hover {
            background-color: var(--destructive)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-destructive\/5:hover {
                background-color:color-mix(in oklab,var(--destructive) 5%,transparent)
            }
        }

        .hover\:bg-destructive\/10:hover {
            background-color: var(--destructive)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-destructive\/10:hover {
                background-color:color-mix(in oklab,var(--destructive) 10%,transparent)
            }
        }

        .hover\:bg-destructive\/20:hover {
            background-color: var(--destructive)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-destructive\/20:hover {
                background-color:color-mix(in oklab,var(--destructive) 20%,transparent)
            }
        }

        .hover\:bg-muted:hover,.hover\:bg-muted\/40:hover {
            background-color: var(--muted)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-muted\/40:hover {
                background-color:color-mix(in oklab,var(--muted) 40%,transparent)
            }
        }

        .hover\:bg-primary-foreground\/10:hover {
            background-color: var(--primary-foreground)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-primary-foreground\/10:hover {
                background-color:color-mix(in oklab,var(--primary-foreground) 10%,transparent)
            }
        }

        .hover\:bg-secondary\/80:hover {
            background-color: var(--secondary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-secondary\/80:hover {
                background-color:color-mix(in oklab,var(--secondary) 80%,transparent)
            }
        }

        .hover\:text-destructive:hover {
            color: var(--destructive)
        }

        .hover\:text-foreground:hover {
            color: var(--foreground)
        }

        .hover\:text-muted-foreground:hover {
            color: var(--muted-foreground)
        }

        .hover\:text-primary:hover {
            color: var(--primary)
        }

        .hover\:text-primary-foreground:hover {
            color: var(--primary-foreground)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }
    }

    .focus\: z-10:focus {
        z-index:10
    }

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

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

    .focus\: text-destructive:focus {
        color:var(--destructive)
    }

    .focus\: ring-1:focus {
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .focus\: ring-ring:focus {
        --tw-ring-color:var(--ring)
    }

    .focus\: ring-offset-1:focus {
        --tw-ring-offset-width:1px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .focus\: outline-none:focus {
        --tw-outline-style:none;
        outline-style: none
    }

    :is(.not-data-\[variant\=destructive\]\: focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *) {
        color:var(--accent-foreground)
    }

    .focus-visible\: z-10:focus-visible {
        z-index:10
    }

    .focus-visible\: border-destructive\/40:focus-visible {
        border-color:var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .focus-visible\:border-destructive\/40:focus-visible {
            border-color:color-mix(in oklab,var(--destructive) 40%,transparent)
        }
    }

    .focus-visible\: border-ring:focus-visible {
        border-color:var(--ring)
    }

    .focus-visible\: ring-1:focus-visible {
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .focus-visible\: ring-\[3px\]:focus-visible {
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .focus-visible\: ring-destructive\/20:focus-visible {
        --tw-ring-color:var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .focus-visible\:ring-destructive\/20:focus-visible {
            --tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)
        }
    }

    .focus-visible\: ring-ring\/50:focus-visible {
        --tw-ring-color:var(--ring)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .focus-visible\:ring-ring\/50:focus-visible {
            --tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)
        }
    }

    .focus-visible\: outline-1:focus-visible {
        outline-style:var(--tw-outline-style);
        outline-width: 1px
    }

    .focus-visible\: outline-ring:focus-visible {
        outline-color:var(--ring)
    }

    .active\: not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
        --tw-translate-y:1px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

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

    .disabled\: cursor-not-allowed:disabled {
        cursor:not-allowed
    }

    .disabled\: bg-input\/50:disabled {
        background-color:var(--input)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .disabled\:bg-input\/50:disabled {
            background-color:color-mix(in oklab,var(--input) 50%,transparent)
        }
    }

    .disabled\: opacity-50:disabled {
        opacity:.5
    }

    .has-data-\[icon\=inline-end\]\: pr-1:has([data-icon=inline-end]) {
        padding-right:calc(var(--spacing) * 1)
    }

    .has-data-\[icon\=inline-end\]\: pr-1\.5:has([data-icon=inline-end]) {
        padding-right:calc(var(--spacing) * 1.5)
    }

    .has-data-\[icon\=inline-end\]\: pr-2:has([data-icon=inline-end]) {
        padding-right:calc(var(--spacing) * 2)
    }

    .group-data-\[spacing\=0\]\/toggle-group\: has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-end]) {
        padding-right:calc(var(--spacing) * 1.5)
    }

    .has-data-\[icon\=inline-start\]\: pl-1:has([data-icon=inline-start]) {
        padding-left:calc(var(--spacing) * 1)
    }

    .has-data-\[icon\=inline-start\]\: pl-1\.5:has([data-icon=inline-start]) {
        padding-left:calc(var(--spacing) * 1.5)
    }

    .has-data-\[icon\=inline-start\]\: pl-2:has([data-icon=inline-start]) {
        padding-left:calc(var(--spacing) * 2)
    }

    .group-data-\[spacing\=0\]\/toggle-group\: has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-start]) {
        padding-left:calc(var(--spacing) * 1.5)
    }

    .has-data-\[slot\=alert-action\]\: relative:has([data-slot=alert-action]) {
        position:relative
    }

    .has-data-\[slot\=alert-action\]\: pr-18:has([data-slot=alert-action]) {
        padding-right:calc(var(--spacing) * 18)
    }

    .has-data-\[slot\=card-action\]\: grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
        grid-template-columns:1fr auto
    }

    .has-data-\[slot\=card-description\]\: grid-rows-\[auto_auto\]:has([data-slot=card-description]) {
        grid-template-rows:auto auto
    }

    .has-data-\[slot\=card-footer\]\: pb-0:has([data-slot=card-footer]) {
        padding-bottom:calc(var(--spacing) * 0)
    }

    .has-data-checked\: border-primary\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))) {
        border-color:var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .has-data-checked\:border-primary\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))) {
            border-color:color-mix(in oklab,var(--primary) 30%,transparent)
        }
    }

    .has-data-checked\: bg-primary\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))) {
        background-color:var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .has-data-checked\:bg-primary\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))) {
            background-color:color-mix(in oklab,var(--primary) 5%,transparent)
        }
    }

    .has-\[\>\[data-slot\=checkbox-group\]\]\: gap-3:has(>[data-slot=checkbox-group]) {
        gap:calc(var(--spacing) * 3)
    }

    .has-\[\>\[data-slot\=field-content\]\]\: items-start:has(>[data-slot=field-content]) {
        align-items:flex-start
    }

    .has-\[\>\[data-slot\=field\]\]\: w-full:has(>[data-slot=field]) {
        width:100%
    }

    .has-\[\>\[data-slot\=field\]\]\: flex-col:has(>[data-slot=field]) {
        flex-direction:column
    }

    .has-\[\>\[data-slot\=field\]\]\: rounded-none:has(>[data-slot=field]) {
        border-radius:0
    }

    .has-\[\>\[data-slot\=field\]\]\: border:has(>[data-slot=field]) {
        border-style:var(--tw-border-style);
        border-width: 1px
    }

    .has-\[\>\[data-slot\=radio-group\]\]\: gap-3:has(>[data-slot=radio-group]) {
        gap:calc(var(--spacing) * 3)
    }

    .has-\[\>img\: first-child\]\:pt-0:has(>img:first-child) {
        padding-top:calc(var(--spacing) * 0)
    }

    .has-\[\>svg\]\: grid-cols-\[auto_1fr\]:has(>svg) {
        grid-template-columns:auto 1fr
    }

    .has-\[\>svg\]\: gap-x-2:has(>svg) {
        column-gap:calc(var(--spacing) * 2)
    }

    .aria-expanded\: bg-muted[aria-expanded=true] {
        background-color:var(--muted)
    }

    .aria-expanded\: bg-secondary[aria-expanded=true] {
        background-color:var(--secondary)
    }

    .aria-expanded\: text-foreground[aria-expanded=true] {
        color:var(--foreground)
    }

    .aria-expanded\: text-secondary-foreground[aria-expanded=true] {
        color:var(--secondary-foreground)
    }

    .aria-invalid\: border-destructive[aria-invalid=true] {
        border-color:var(--destructive)
    }

    .aria-invalid\: ring-1[aria-invalid=true] {
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .aria-invalid\: ring-destructive\/20[aria-invalid=true] {
        --tw-ring-color:var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
            --tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)
        }
    }

    .aria-invalid\: aria-checked\:border-primary[aria-invalid=true][aria-checked=true] {
        border-color:var(--primary)
    }

    .aria-pressed\: bg-muted[aria-pressed=true] {
        background-color:var(--muted)
    }

    .data-placeholder\: text-muted-foreground[data-placeholder] {
        color:var(--muted-foreground)
    }

    .data-\[align-trigger\=true\]\: animate-none[data-align-trigger=true] {
        animation:none
    }

    .data-\[invalid\=true\]\: text-destructive[data-invalid=true] {
        color:var(--destructive)
    }

    .data-\[position\=popper\]\: h-\(--radix-select-trigger-height\)[data-position=popper] {
        height:var(--radix-select-trigger-height)
    }

    .data-\[position\=popper\]\: w-full[data-position=popper] {
        width:100%
    }

    .data-\[position\=popper\]\: min-w-\(--radix-select-trigger-width\)[data-position=popper] {
        min-width:var(--radix-select-trigger-width)
    }

    .data-\[side\=bottom\]\: translate-y-1[data-side=bottom] {
        --tw-translate-y:calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=bottom\]\: slide-in-from-top-2[data-side=bottom] {
        --tw-enter-translate-y:calc(2*var(--spacing)*-1)
    }

    .data-\[side\=left\]\: -translate-x-1[data-side=left] {
        --tw-translate-x:calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=left\]\: slide-in-from-right-2[data-side=left] {
        --tw-enter-translate-x:calc(2*var(--spacing))
    }

    .data-\[side\=right\]\: translate-x-1[data-side=right] {
        --tw-translate-x:calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=right\]\: slide-in-from-left-2[data-side=right] {
        --tw-enter-translate-x:calc(2*var(--spacing)*-1)
    }

    .data-\[side\=top\]\: -translate-y-1[data-side=top] {
        --tw-translate-y:calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=top\]\: slide-in-from-bottom-2[data-side=top] {
        --tw-enter-translate-y:calc(2*var(--spacing))
    }

    .data-\[size\=default\]\: h-8[data-size=default] {
        height:calc(var(--spacing) * 8)
    }

    .data-\[size\=default\]\: h-\[18\.4px\][data-size=default] {
        height:18.4px
    }

    .data-\[size\=default\]\: w-\[32px\][data-size=default] {
        width:32px
    }

    .data-\[size\=sm\]\: h-7[data-size=sm] {
        height:calc(var(--spacing) * 7)
    }

    .data-\[size\=sm\]\: h-\[14px\][data-size=sm] {
        height:14px
    }

    .data-\[size\=sm\]\: w-\[24px\][data-size=sm] {
        width:24px
    }

    .data-\[size\=sm\]\: gap-2[data-size=sm] {
        gap:calc(var(--spacing) * 2)
    }

    .data-\[size\=sm\]\: rounded-none[data-size=sm] {
        border-radius:0
    }

    .data-\[size\=sm\]\: py-3[data-size=sm] {
        padding-block:calc(var(--spacing) * 3)
    }

    .data-\[size\=sm\]\: has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]) {
        padding-bottom:calc(var(--spacing) * 0)
    }

    :is(.\*\: data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] {
        color:var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] {
            color:color-mix(in oklab,var(--destructive) 90%,transparent)
        }
    }

    .data-\[slot\=checkbox-group\]\: gap-3[data-slot=checkbox-group] {
        gap:calc(var(--spacing) * 3)
    }

    :is(.\*\: data-\[slot\=field\]\:p-2>*)[data-slot=field] {
        padding:calc(var(--spacing) * 2)
    }

    :is(.\*\: data-\[slot\=field-group\]\:gap-4>*)[data-slot=field-group] {
        gap:calc(var(--spacing) * 4)
    }

    :is(.\*\: data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label] {
        flex:auto
    }

    :is(.\*\: data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    :is(.\*\: data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
        display:flex
    }

    :is(.\*\: data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
        align-items:center
    }

    :is(.\*\: data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value] {
        gap:calc(var(--spacing) * 1.5)
    }

    .group-data-horizontal\/toggle-group\: data-\[spacing\=0\]\:first\:rounded-none:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:first-child,.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-none:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:first-child,.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-none:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:last-child,.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-none:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:last-child {
        border-radius:0
    }

    .data-\[state\=closed\]\: animate-out[data-state=closed] {
        animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)
    }

    .data-\[state\=closed\]\: fade-out-0[data-state=closed] {
        --tw-exit-opacity:0
    }

    .data-\[state\=closed\]\: zoom-out-95[data-state=closed] {
        --tw-exit-scale:.95
    }

    .data-\[state\=closed\]\: slide-out-to-left-1\/2[data-state=closed] {
        --tw-exit-translate-x: -50%
    }

    .data-\[state\=closed\]\: slide-out-to-top-\[48\%\][data-state=closed] {
        --tw-exit-translate-y: -48%
    }

    .data-\[state\=on\]\: bg-muted[data-state=on] {
        background-color:var(--muted)
    }

    .data-\[state\=open\]\: animate-in[data-state=open] {
        animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)
    }

    .data-\[state\=open\]\: bg-accent[data-state=open] {
        background-color:var(--accent)
    }

    .data-\[state\=open\]\: text-muted-foreground[data-state=open] {
        color:var(--muted-foreground)
    }

    .data-\[state\=open\]\: fade-in-0[data-state=open] {
        --tw-enter-opacity:0
    }

    .data-\[state\=open\]\: zoom-in-95[data-state=open] {
        --tw-enter-scale:.95
    }

    .data-\[state\=open\]\: slide-in-from-left-1\/2[data-state=open] {
        --tw-enter-translate-x: -50%
    }

    .data-\[state\=open\]\: slide-in-from-top-\[48\%\][data-state=open] {
        --tw-enter-translate-y: -48%
    }

    .data-\[state\=selected\]\: bg-muted[data-state=selected] {
        background-color:var(--muted)
    }

    .data-\[variant\=label\]\: text-xs[data-variant=label] {
        font-size:var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    .data-\[variant\=legend\]\: text-sm[data-variant=legend] {
        font-size:var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    .data-\[variant\=line\]\: rounded-none[data-variant=line] {
        border-radius:0
    }

    .group-data-horizontal\/toggle-group\: data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline] {
        border-left-style:var(--tw-border-style);
        border-left-width: 0
    }

    .group-data-vertical\/toggle-group\: data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline] {
        border-top-style:var(--tw-border-style);
        border-top-width: 0
    }

    .group-data-horizontal\/toggle-group\: data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline]:first-child {
        border-left-style:var(--tw-border-style);
        border-left-width: 1px
    }

    .group-data-vertical\/toggle-group\: data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline]:first-child {
        border-top-style:var(--tw-border-style);
        border-top-width: 1px
    }

    .nth-last-2\: -mt-1:nth-last-child(2) {
        margin-top:calc(var(--spacing) * -1)
    }

    @media(min-width: 40rem) {
        .sm\:mt-0 {
            margin-top:calc(var(--spacing) * 0)
        }

        .sm\:block {
            display: block
        }

        .sm\:table-cell {
            display: table-cell
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:max-w-xs {
            max-width: var(--container-xs)
        }

        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .sm\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:items-center {
            align-items: center
        }

        .sm\:items-end {
            align-items: flex-end
        }

        .sm\:items-start {
            align-items: flex-start
        }

        .sm\:justify-between {
            justify-content: space-between
        }

        .sm\:justify-end {
            justify-content: flex-end
        }

        .sm\:px-6 {
            padding-inline:calc(var(--spacing) * 6)}

        .sm\: py-32 {
            padding-block:calc(var(--spacing) * 32)
        }

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

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

    @media(min-width: 48rem) {
        .md\:flex {
            display:flex
        }

        .md\:max-w-xs {
            max-width: var(--container-xs)
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-start {
            align-items: flex-start
        }

        .md\:justify-between {
            justify-content: space-between
        }

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

        .md\:text-pretty {
            text-wrap: pretty
        }
    }

    @media(min-width: 64rem) {
        .lg\:col-span-2 {
            grid-column:span 2/span 2
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

        .lg\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
            grid-template-columns: 280px minmax(0,1fr)
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:px-8 {
            padding-inline:calc(var(--spacing) * 8)}

        .lg\: py-40 {
            padding-block:calc(var(--spacing) * 40)
        }

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

    @media(min-width: 80rem) {
        .xl\:grid-cols-2 {
            grid-template-columns:repeat(2,minmax(0,1fr))
        }

        .xl\:grid-cols-\[minmax\(0\,1\.35fr\)_360px\] {
            grid-template-columns: minmax(0,1.35fr) 360px
        }

        .xl\:grid-cols-\[minmax\(0\,1\.45fr\)_340px\] {
            grid-template-columns: minmax(0,1.45fr) 340px
        }
    }

    @container field-group (min-width:28rem) {
        .\@md\/field-group\: flex-row {
            flex-direction:row
        }

        .\@md\/field-group\: items-center {
            align-items:center
        }

        :is(.\@md\/field-group\: \*\:w-auto>*) {
            width:auto
        }

        .\@md\/field-group\: has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) {
            align-items:flex-start
        }

        :is(.\@md\/field-group\: \*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label] {
            flex:auto
        }
    }

    .dark\: border-amber-900:is(.dark *) {
        border-color:var(--color-amber-900)
    }

    .dark\: border-emerald-900:is(.dark *) {
        border-color:var(--color-emerald-900)
    }

    .dark\: border-input:is(.dark *) {
        border-color:var(--input)
    }

    .dark\: border-white\/8:is(.dark *) {
        border-color:#ffffff14
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:border-white\/8:is(.dark *) {
            border-color:color-mix(in oklab,var(--color-white) 8%,transparent)
        }
    }

    .dark\: bg-amber-950\/30:is(.dark *) {
        background-color:#4619014d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:bg-amber-950\/30:is(.dark *) {
            background-color:color-mix(in oklab,var(--color-amber-950) 30%,transparent)
        }
    }

    .dark\: bg-destructive\/20:is(.dark *) {
        background-color:var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:bg-destructive\/20:is(.dark *) {
            background-color:color-mix(in oklab,var(--destructive) 20%,transparent)
        }
    }

    .dark\: bg-emerald-950\/30:is(.dark *) {
        background-color:#002c224d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:bg-emerald-950\/30:is(.dark *) {
            background-color:color-mix(in oklab,var(--color-emerald-950) 30%,transparent)
        }
    }

    .dark\: bg-gray-950:is(.dark *) {
        background-color:var(--color-gray-950)
    }

    .dark\: bg-input\/30:is(.dark *) {
        background-color:var(--input)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:bg-input\/30:is(.dark *) {
            background-color:color-mix(in oklab,var(--input) 30%,transparent)
        }
    }

    .dark\: bg-slate-950\/60:is(.dark *) {
        background-color:#02061899
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:bg-slate-950\/60:is(.dark *) {
            background-color:color-mix(in oklab,var(--color-slate-950) 60%,transparent)
        }
    }

    .dark\: bg-white\/5:is(.dark *) {
        background-color:#ffffff0d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:bg-white\/5:is(.dark *) {
            background-color:color-mix(in oklab,var(--color-white) 5%,transparent)
        }
    }

    .dark\: text-amber-400:is(.dark *) {
        color:var(--color-amber-400)
    }

    .dark\: text-muted-foreground:is(.dark *) {
        color:var(--muted-foreground)
    }

    @media(hover: hover) {
        .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
            background-color:var(--destructive)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
                background-color:color-mix(in oklab,var(--destructive) 30%,transparent)
            }
        }

        .dark\:hover\:bg-input\/50:is(.dark *):hover {
            background-color: var(--input)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .dark\:hover\:bg-input\/50:is(.dark *):hover {
                background-color:color-mix(in oklab,var(--input) 50%,transparent)
            }
        }

        .dark\:hover\:bg-muted\/50:is(.dark *):hover {
            background-color: var(--muted)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .dark\:hover\:bg-muted\/50:is(.dark *):hover {
                background-color:color-mix(in oklab,var(--muted) 50%,transparent)
            }
        }

        .dark\:hover\:text-foreground:is(.dark *):hover {
            color: var(--foreground)
        }
    }

    .dark\: focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
        --tw-ring-color:var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
            --tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)
        }
    }

    .dark\: disabled\:bg-input\/80:is(.dark *):disabled {
        background-color:var(--input)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
            background-color:color-mix(in oklab,var(--input) 80%,transparent)
        }
    }

    .dark\: has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))) {
        border-color:var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))) {
            border-color:color-mix(in oklab,var(--primary) 20%,transparent)
        }
    }

    .dark\: has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))) {
        background-color:var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))) {
            background-color:color-mix(in oklab,var(--primary) 10%,transparent)
        }
    }

    .dark\: aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true] {
        border-color:var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true] {
            border-color:color-mix(in oklab,var(--destructive) 50%,transparent)
        }
    }

    .dark\: aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
        --tw-ring-color:var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
            --tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)
        }
    }

    .data-open\: animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])) {
        animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)
    }

    .data-open\: fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])) {
        --tw-enter-opacity:0
    }

    .data-open\: zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])) {
        --tw-enter-scale:.95
    }

    .data-closed\: animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])) {
        animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)
    }

    .data-closed\: fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])) {
        --tw-exit-opacity:0
    }

    .data-closed\: zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])) {
        --tw-exit-scale:.95
    }

    .data-checked\: border-primary:where([data-state=checked]),.data-checked\:border-primary:where([data-checked]:not([data-checked=false])) {
        border-color:var(--primary)
    }

    .data-checked\: bg-primary:where([data-state=checked]),.data-checked\:bg-primary:where([data-checked]:not([data-checked=false])) {
        background-color:var(--primary)
    }

    .data-checked\: text-primary-foreground:where([data-state=checked]),.data-checked\:text-primary-foreground:where([data-checked]:not([data-checked=false])) {
        color:var(--primary-foreground)
    }

    .group-data-\[size\=default\]\/switch\: data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=default] *):where([data-state=checked]),.group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=default] *):where([data-checked]:not([data-checked=false])),.group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=sm] *):where([data-state=checked]),.group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=sm] *):where([data-checked]:not([data-checked=false])) {
        --tw-translate-x: calc(100% - 2px) ;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .dark\: data-checked\:bg-primary:is(.dark *):where([data-state=checked]),.dark\:data-checked\:bg-primary:is(.dark *):where([data-checked]:not([data-checked=false])) {
        background-color:var(--primary)
    }

    .dark\: data-checked\:bg-primary-foreground:is(.dark *):where([data-state=checked]),.dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked=false])) {
        background-color:var(--primary-foreground)
    }

    .data-unchecked\: bg-input:where([data-state=unchecked]),.data-unchecked\:bg-input:where([data-unchecked]:not([data-unchecked=false])) {
        background-color:var(--input)
    }

    .group-data-\[size\=default\]\/switch\: data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=default] *):where([data-state=unchecked]),.group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=default] *):where([data-unchecked]:not([data-unchecked=false])),.group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=sm] *):where([data-state=unchecked]),.group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=sm] *):where([data-unchecked]:not([data-unchecked=false])) {
        --tw-translate-x:calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .dark\: data-unchecked\:bg-foreground:is(.dark *):where([data-state=unchecked]),.dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked=false])) {
        background-color:var(--foreground)
    }

    .dark\: data-unchecked\:bg-input\/80:is(.dark *):where([data-state=unchecked]),.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=false])) {
        background-color:var(--input)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state=unchecked]),.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=false])) {
            background-color:color-mix(in oklab,var(--input) 80%,transparent)
        }
    }

    .data-disabled\: pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])) {
        pointer-events:none
    }

    .data-disabled\: cursor-not-allowed:where([data-disabled=true]),.data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled=false])) {
        cursor:not-allowed
    }

    .data-disabled\: opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])) {
        opacity:.5
    }

    .data-active\: bg-background:where([data-state=active]),.data-active\:bg-background:where([data-active]:not([data-active=false])) {
        background-color:var(--background)
    }

    .data-active\: text-foreground:where([data-state=active]),.data-active\:text-foreground:where([data-active]:not([data-active=false])) {
        color:var(--foreground)
    }

    .group-data-\[variant\=line\]\/tabs-list\: data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) {
        background-color:#0000
    }

    :is(.group-data-\[variant\=line\]\/tabs-list\: data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after {
        content:var(--tw-content);
        opacity: 1
    }

    .dark\: data-active\:border-input:is(.dark *):where([data-state=active]),.dark\:data-active\:border-input:is(.dark *):where([data-active]:not([data-active=false])) {
        border-color:var(--input)
    }

    .dark\: data-active\:bg-input\/30:is(.dark *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active=false])) {
        background-color:var(--input)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:data-active\:bg-input\/30:is(.dark *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active=false])) {
            background-color:color-mix(in oklab,var(--input) 30%,transparent)
        }
    }

    .dark\: data-active\:text-foreground:is(.dark *):where([data-state=active]),.dark\:data-active\:text-foreground:is(.dark *):where([data-active]:not([data-active=false])) {
        color:var(--foreground)
    }

    .dark\: group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) {
        border-color:#0000
    }

    .dark\: group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) {
        background-color:#0000
    }

    .data-horizontal\: h-px:where([data-orientation=horizontal]) {
        height:1px
    }

    .data-horizontal\: w-full:where([data-orientation=horizontal]) {
        width:100%
    }

    .data-horizontal\: flex-col:where([data-orientation=horizontal]) {
        flex-direction:column
    }

    .data-vertical\: w-px:where([data-orientation=vertical]) {
        width:1px
    }

    .data-vertical\: flex-col:where([data-orientation=vertical]) {
        flex-direction:column
    }

    .data-vertical\: items-stretch:where([data-orientation=vertical]) {
        align-items:stretch
    }

    .data-vertical\: self-stretch:where([data-orientation=vertical]) {
        align-self:stretch
    }

    .\[\&_a\]\: underline a {
        text-decoration-line:underline
    }

    .\[\&_a\]\: underline-offset-3 a {
        text-underline-offset:3px
    }

    @media(hover: hover) {
        .\[\&_a\]\:hover\:text-foreground a:hover {
            color:var(--foreground)
        }
    }

    .\[\&_p\: not\(\:last-child\)\]\:mb-2 p:not(:last-child) {
        margin-bottom:calc(var(--spacing) * 2)
    }

    .\[\&_svg\]\: pointer-events-none svg {
        pointer-events:none
    }

    .\[\&_svg\]\: shrink-0 svg {
        flex-shrink:0
    }

    .\[\&_svg\: not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\]\:border-border tr{border-color:var(--border)}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}@media(hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-none>*):is(img:first-child),:is(.\*\:\[img\:last-child\]\:rounded-none>*):is(img:last-child){border-radius:0}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}:is(.\*\:\[svg\]\:row-span-2>*):is(svg){grid-row:span 2/span 2}:is(.\*\:\[svg\]\:translate-y-0>*):is(svg){--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\*\:\[svg\]\:text-current>*):is(svg){color:currentColor}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--primary)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}@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}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/frontend-assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/frontend-assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/frontend-assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/frontend-assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/frontend-assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(45.7% .24 277.023);--primary-foreground:oklch(96.2% .018 272.314);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(78.5% .115 274.713);--chart-2:oklch(58.5% .233 277.117);--chart-3:oklch(51.1% .262 276.966);--chart-4:oklch(45.7% .24 277.023);--chart-5:oklch(39.8% .195 277.366);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(51.1% .262 276.966);--sidebar-primary-foreground:oklch(96.2% .018 272.314);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(39.8% .195 277.366);--primary-foreground:oklch(96.2% .018 272.314);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(78.5% .115 274.713);--chart-2:oklch(58.5% .233 277.117);--chart-3:oklch(51.1% .262 276.966);--chart-4:oklch(45.7% .24 277.023);--chart-5:oklch(39.8% .195 277.366);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(58.5% .233 277.117);--sidebar-primary-foreground:oklch(96.2% .018 272.314);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}