@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *,:before,:after,::backdrop {
            --tw-translate-x:0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-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-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial
        }
    }
}

@layer theme {
    :root,:host {
        --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-400: oklch(70.4% .191 22.216);
        --color-amber-300: oklch(87.9% .169 91.605);
        --color-amber-400: oklch(82.8% .189 84.429);
        --color-amber-500: oklch(76.9% .188 70.08);
        --color-yellow-300: oklch(90.5% .182 98.111);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-yellow-800: oklch(47.6% .114 61.907);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-emerald-300: oklch(84.5% .143 164.978);
        --color-emerald-400: oklch(76.5% .177 163.223);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-emerald-800: oklch(43.2% .095 166.913);
        --color-emerald-900: oklch(37.8% .077 168.94);
        --color-cyan-400: oklch(78.9% .154 211.53);
        --color-cyan-900: oklch(39.8% .07 227.392);
        --color-blue-300: oklch(80.9% .105 251.813);
        --color-blue-600: oklch(54.6% .245 262.881);
        --color-rose-300: oklch(81% .117 11.638);
        --color-rose-400: oklch(71.2% .194 13.428);
        --color-rose-500: oklch(64.5% .246 16.439);
        --color-rose-600: oklch(58.6% .253 17.585);
        --color-rose-700: oklch(51.4% .222 16.935);
        --color-rose-900: oklch(41% .159 10.272);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-700: oklch(37.3% .034 259.733);
        --color-neutral-200: oklch(92.2% 0 0);
        --color-neutral-700: oklch(37.1% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --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-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-widest: .1em;
        --leading-relaxed: 1.625;
        --radius-xs: .125rem;
        --drop-shadow-xl: 0 9px 7px #0000001a;
        --ease-out: cubic-bezier(0,0,.2,1);
        --ease-in-out: cubic-bezier(.4,0,.2,1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-sm: 8px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono)
    }
}

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

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

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

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

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

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

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

    b,strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

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

    textarea {
        resize: vertical
    }

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

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

    ::-webkit-datetime-edit {
        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}

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

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

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

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

    * {
        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)
    }
}

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

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

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

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

    .\!relative {
        position: relative!important
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

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

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

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

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

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

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

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

    .top-\[50\%\] {
        top: 50%
    }

    .top-\[72px\] {
        top: 72px
    }

    .top-\[calc\(100\%\+10px\)\] {
        top: calc(100% + 10px)
    }

    .top-full {
        top: 100%
    }

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

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

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

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

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

    .right-\[calc\(-50\%\+10px\)\] {
        right: calc(10px - 50%)
    }

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

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

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

    .left-0\! {
        left: calc(var(--spacing)*0)!important
    }

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

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

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

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

    .left-\[50\%\] {
        left: 50%
    }

    .left-\[calc\(50\%\+20px\)\] {
        left: calc(50% + 20px)
    }

    .z-1 {
        z-index: 1
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-100 {
        z-index: 100
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

    .col-span-3 {
        grid-column: span 3/span 3
    }

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

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

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

    .container {
        width: 100%
    }

    @media (min-width: 40rem) {
        .container {
            max-width:40rem
        }
    }

    @media (min-width: 48rem) {
        .container {
            max-width:48rem
        }
    }

    @media (min-width: 64rem) {
        .container {
            max-width:64rem
        }
    }

    @media (min-width: 80rem) {
        .container {
            max-width:80rem
        }
    }

    @media (min-width: 96rem) {
        .container {
            max-width:96rem
        }
    }

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

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

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

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

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

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

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

    .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-2\.5\! {
        margin-top: calc(var(--spacing)*2.5)!important
    }

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

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

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

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

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

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

    .mt-auto {
        margin-top: auto
    }

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

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

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

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

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

    .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-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

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

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

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

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

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

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

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

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

    .ml-auto {
        margin-left: auto
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .\!block {
        display: block!important
    }

    .\!flex {
        display: flex!important
    }

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .table-caption {
        display: table-caption
    }

    .table-cell {
        display: table-cell
    }

    .table-row {
        display: table-row
    }

    .aspect-\[5\/1\] {
        aspect-ratio: 5
    }

    .aspect-\[7\/2\] {
        aspect-ratio: 7/2
    }

    .aspect-\[166\/193\] {
        aspect-ratio: 166/193
    }

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

    .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-5\.5 {
        width: calc(var(--spacing)*5.5);
        height: calc(var(--spacing)*5.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)
    }

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

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

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

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

    .size-\[0\.64rem\] {
        width: .64rem;
        height: .64rem
    }

    .size-\[1\.6rem\] {
        width: 1.6rem;
        height: 1.6rem
    }

    .size-\[6\.5rem\] {
        width: 6.5rem;
        height: 6.5rem
    }

    .size-full {
        width: 100%;
        height: 100%
    }

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

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

    .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-8 {
        height: calc(var(--spacing)*8)
    }

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

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

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

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

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

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

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

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

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

    .h-\[3px\] {
        height: 3px
    }

    .h-\[42px\] {
        height: 42px
    }

    .h-\[48px\] {
        height: 48px
    }

    .h-\[72px\] {
        height: 72px
    }

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

    .h-\[var\(--reka-select-trigger-height\)\] {
        height: var(--reka-select-trigger-height)
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-svh {
        height: 100svh
    }

    .max-h-\(--reka-dropdown-menu-content-available-height\) {
        max-height: var(--reka-dropdown-menu-content-available-height)
    }

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

    .max-h-\[13\.604rem\] {
        max-height: 13.604rem
    }

    .max-h-\[92dvh\] {
        max-height: 92dvh
    }

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

    .max-h-\[calc\(100vh-200px\)\] {
        max-height: calc(100vh - 200px)
    }

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

    .min-h-\[80svh\] {
        min-height: 80svh
    }

    .\!w-1\/4 {
        width: 25%!important
    }

    .\!w-44 {
        width: calc(var(--spacing)*44)!important
    }

    .\!w-\[100px\] {
        width: 100px!important
    }

    .\!w-fit {
        width: fit-content!important
    }

    .\!w-full {
        width: 100%!important
    }

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

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

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

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

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

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

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

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

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

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

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

    .w-55\.5 {
        width: calc(var(--spacing)*55.5)
    }

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

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

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

    .w-\[15px\] {
        width: 15px
    }

    .w-\[90rem\] {
        width: 90rem
    }

    .w-\[92\%\] {
        width: 92%
    }

    .w-\[100px\] {
        width: 100px
    }

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

    .w-\[300px\] {
        width: 300px
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .max-w-\(--max-layout-width\) {
        max-width: var(--max-layout-width)
    }

    .max-w-\[26\.083rem\] {
        max-width: 26.083rem
    }

    .max-w-\[90vw\] {
        max-width: 90vw
    }

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

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

    .max-w-\[calc\(100\%-2rem\)\] {
        max-width: calc(100% - 2rem)
    }

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

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

    .\!min-w-\[100px\] {
        min-width: 100px!important
    }

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

    .min-w-\[8rem\] {
        min-width: 8rem
    }

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

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

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

    .min-w-\[var\(--reka-select-trigger-width\)\] {
        min-width: var(--reka-select-trigger-width)
    }

    .flex-1 {
        flex: 1
    }

    .flex-\[1_1_0px\] {
        flex: 1 1 0
    }

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

    .grow {
        flex-grow: 1
    }

    .caption-bottom {
        caption-side: bottom
    }

    .origin-\(--reka-dropdown-menu-content-transform-origin\) {
        transform-origin: var(--reka-dropdown-menu-content-transform-origin)
    }

    .origin-\(--reka-popover-content-transform-origin\) {
        transform-origin: var(--reka-popover-content-transform-origin)
    }

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

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .-translate-y-10 {
        --tw-translate-y: calc(var(--spacing)*-10);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-\[1\.25rem\] {
        --tw-translate-y: -1.25rem ;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[calc\(-36px\*1\)\] {
        --tw-translate-y: -36px ;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[calc\(-36px\*2\)\] {
        --tw-translate-y: -72px ;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .scale-110 {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .-scale-x-100 {
        --tw-scale-x: -100% ;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

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

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

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

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

    .\!cursor-pointer {
        cursor: pointer!important
    }

    .cursor-default {
        cursor: default
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

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

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

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

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

    .grid-cols-\[0_1fr\] {
        grid-template-columns: 0 1fr
    }

    .grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
    }

    .\!flex-row {
        flex-direction: row!important
    }

    .flex-col {
        flex-direction: column
    }

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

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

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

    .\!items-center {
        align-items: center!important
    }

    .items-center {
        align-items: center
    }

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

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

    .\!justify-between {
        justify-content: space-between!important
    }

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

    .justify-center {
        justify-content: center
    }

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

    .justify-items-start {
        justify-items: start
    }

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

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

    .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-3 {
        gap: calc(var(--spacing)*3)
    }

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

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

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

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

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

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

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

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

    :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-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
    }

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

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

    .self-center {
        align-self: center
    }

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

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

    .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-md {
        border-radius: calc(var(--radius) - 2px)!important
    }

    .rounded {
        border-radius: .25rem
    }

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

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

    .rounded-md {
        border-radius: calc(var(--radius) - 2px)
    }

    .rounded-sm {
        border-radius: calc(var(--radius) - 4px)
    }

    .rounded-xl {
        border-radius: calc(var(--radius) + 4px)
    }

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

    .rounded-t-lg {
        border-top-left-radius: var(--radius);
        border-top-right-radius: var(--radius)
    }

    .rounded-tl-xl {
        border-top-left-radius: calc(var(--radius) + 4px)
    }

    .rounded-tr-xl {
        border-top-right-radius: calc(var(--radius) + 4px)
    }

    .rounded-b-xl {
        border-bottom-right-radius: calc(var(--radius) + 4px);
        border-bottom-left-radius: calc(var(--radius) + 4px)
    }

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

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

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

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

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

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

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

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

    .\!border-green-500 {
        border-color: var(--color-green-500)!important
    }

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

    .border-emerald-500\/50 {
        border-color: #00bb7f80
    }

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

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

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

    .border-muted-foreground\/20 {
        border-color: var(--muted-foreground)
    }

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

    .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-rose-400 {
        border-color: var(--color-rose-400)
    }

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

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

    .border-white\/10 {
        border-color: #ffffff1a
    }

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

    .\!bg-primary {
        background-color: var(--primary)!important
    }

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

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

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

    .bg-amber-400 {
        background-color: var(--color-amber-400)
    }

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

    .bg-black\/20 {
        background-color: #0003
    }

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

    .bg-black\/30 {
        background-color: #0000004d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-black\/30 {
            background-color:color-mix(in oklab,var(--color-black)30%,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-black\/65 {
        background-color: #000000a6
    }

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

    .bg-black\/80 {
        background-color: #000c
    }

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

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

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

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

    .bg-cyan-900 {
        background-color: var(--color-cyan-900)
    }

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

    .bg-emerald-800 {
        background-color: var(--color-emerald-800)
    }

    .bg-emerald-900 {
        background-color: var(--color-emerald-900)
    }

    .bg-gray-700 {
        background-color: var(--color-gray-700)
    }

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

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

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

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

    @supports (color: color-mix(in lab,red,red)) {
        .bg-muted-foreground\/15 {
            background-color:color-mix(in oklab,var(--muted-foreground)15%,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-popover {
        background-color: var(--popover)
    }

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

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

    @supports (color: color-mix(in lab,red,red)) {
        .bg-primary-foreground\/80 {
            background-color:color-mix(in oklab,var(--primary-foreground)80%,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\/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-rose-900 {
        background-color: var(--color-rose-900)
    }

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

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

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

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

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

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

    .bg-white\/1 {
        background-color: #ffffff03
    }

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

    .bg-white\/4 {
        background-color: #ffffff0a
    }

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

    .bg-white\/10 {
        background-color: #ffffff1a
    }

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

    .bg-yellow-400 {
        background-color: var(--color-yellow-400)
    }

    .bg-yellow-800 {
        background-color: var(--color-yellow-800)
    }

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

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

    .from-black\/10 {
        --tw-gradient-from: #0000001a
    }

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

    .from-black\/10 {
        --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))
    }

    .from-primary {
        --tw-gradient-from: var(--primary);
        --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))
    }

    .from-primary\/6 {
        --tw-gradient-from: var(--primary)
    }

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

    .from-primary\/6 {
        --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))
    }

    .from-primary\/17 {
        --tw-gradient-from: var(--primary)
    }

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

    .from-primary\/17 {
        --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))
    }

    .from-0\% {
        --tw-gradient-from-position: 0%
    }

    .from-\[-60\%\] {
        --tw-gradient-from-position: -60%
    }

    .from-\[0\%\] {
        --tw-gradient-from-position: 0%
    }

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

    .via-black\/10 {
        --tw-gradient-via: #0000001a
    }

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

    .via-black\/10 {
        --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)
    }

    .via-85\% {
        --tw-gradient-via-position: 85%
    }

    .via-\[5\%\] {
        --tw-gradient-via-position: 5%
    }

    .to-background {
        --tw-gradient-to: 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))
    }

    .to-secondary {
        --tw-gradient-to: var(--secondary);
        --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))
    }

    .to-transparent {
        --tw-gradient-to: transparent;
        --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))
    }

    .to-100\% {
        --tw-gradient-to-position: 100%
    }

    .to-\[35\%\] {
        --tw-gradient-to-position: 35%
    }

    .to-\[45\%\] {
        --tw-gradient-to-position: 45%
    }

    .fill-current {
        fill: currentColor
    }

    .fill-muted-foreground {
        fill: var(--muted-foreground)
    }

    .fill-primary {
        fill: var(--primary)
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .\!p-0 {
        padding: calc(var(--spacing)*0)!important
    }

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

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

    .\!p-7 {
        padding: calc(var(--spacing)*7)!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-3\.5 {
        padding-inline: calc(var(--spacing)*3.5)
    }

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

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

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

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

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

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

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

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

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

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

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

    .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-4\.5 {
        padding-block: calc(var(--spacing)*4.5)
    }

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

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

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

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

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

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

    .\!pt-3 {
        padding-top: calc(var(--spacing)*3)!important
    }

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

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

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

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

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

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

    .\!pb-1 {
        padding-bottom: calc(var(--spacing)*1)!important
    }

    .\!pb-30 {
        padding-bottom: calc(var(--spacing)*30)!important
    }

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

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

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

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

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

    .pb-\[calc\(68px\+2\.4rem\)\] {
        padding-bottom: calc(68px + 2.4rem)
    }

    .\!pl-10\.5 {
        padding-left: calc(var(--spacing)*10.5)!important
    }

    .\!pl-\[2px\] {
        padding-left: 2px!important
    }

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

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

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

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

    .\!text-left {
        text-align: left!important
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-start {
        text-align: start
    }

    .align-middle {
        vertical-align: middle
    }

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

    .\!text-2xl\/8 {
        font-size: var(--text-2xl)!important;
        line-height: calc(var(--spacing)*8)!important
    }

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

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

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading,var(--text-4xl--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-\[0\.7rem\] {
        font-size: .7rem
    }

    .text-\[0\.8rem\] {
        font-size: .8rem
    }

    .text-\[0\.79rem\] {
        font-size: .79rem
    }

    .text-\[0\.92rem\] {
        font-size: .92rem
    }

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

    .text-tiny {
        font-size: .625rem
    }

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

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

    .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-nowrap {
        text-wrap: nowrap
    }

    .text-wrap {
        text-wrap: wrap
    }

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

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .\!text-rose-500 {
        color: var(--color-rose-500)!important
    }

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

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

    .text-amber-400\/95 {
        color: #fcbb00f2
    }

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

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

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

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

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

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

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

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

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

    .text-current {
        color: currentColor
    }

    .text-cyan-400 {
        color: var(--color-cyan-400)
    }

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

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

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

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

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

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

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

    .text-inherit {
        color: inherit
    }

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

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

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

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

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

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

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

    .text-rose-300 {
        color: var(--color-rose-300)
    }

    .text-rose-400 {
        color: var(--color-rose-400)
    }

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

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

    .text-rose-600\/90 {
        color: #e70044e6
    }

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

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

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

    .text-yellow-300 {
        color: var(--color-yellow-300)
    }

    .text-yellow-400 {
        color: var(--color-yellow-400)
    }

    .uppercase {
        text-transform: uppercase
    }

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

    .opacity-0 {
        opacity: 0
    }

    .opacity-19 {
        opacity: .19
    }

    .opacity-22 {
        opacity: .22
    }

    .opacity-35 {
        opacity: .35
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-65 {
        opacity: .65
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-85 {
        opacity: .85
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

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

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

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

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + 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-ring {
        --tw-ring-color: var(--ring)
    }

    .ring-yellow-400 {
        --tw-ring-color: var(--color-yellow-400)
    }

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

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

    .drop-shadow {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }

    .drop-shadow-xl {
        --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color,#0000001a));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }

    .drop-shadow-primary\/7 {
        --tw-drop-shadow-color: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .drop-shadow-primary\/7 {
            --tw-drop-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)7%,transparent)var(--tw-drop-shadow-alpha),transparent)
        }
    }

    .drop-shadow-primary\/7 {
        --tw-drop-shadow: var(--tw-drop-shadow-size)
    }

    .filter {
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }

    .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!important;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function))!important;
        transition-duration: var(--tw-duration,var(--default-transition-duration))!important
    }

    .transition {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-\[color\,box-shadow\] {
        transition-property: color,box-shadow;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

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

    .delay-700 {
        transition-delay: .7s
    }

    .\!duration-700 {
        --tw-duration: .7s!important;
        transition-duration: .7s!important
    }

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

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-400 {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-\[400ms\] {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-\[5000ms\] {
        --tw-duration: 5s;
        transition-duration: 5s
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-linear {
        --tw-ease: linear;
        transition-timing-function: linear
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .ease-out-quint {
        --tw-ease: cubic-bezier(.165,.84,.44,1);
        transition-timing-function: cubic-bezier(.165,.84,.44,1)
    }

    .\!outline-none {
        --tw-outline-style: none!important;
        outline-style: none!important
    }

    .\!select-none {
        -webkit-user-select: none!important;
        user-select: none!important
    }

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

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

    .\[animation-duration\: 600ms\] {
        animation-duration:.6s
    }

    .\[background\: padding-box_var\(--bg-color\)\,border-box_var\(--border-color\)\] {
        background:padding-box var(--bg-color),border-box var(--border-color)
    }

    .\[clip-path\: circle\(24px\)\] {
        clip-path:circle(24px)
    }

    .\[clip-path\: circle\(100\%\)\] {
        clip-path:circle(100%)
    }

    :is(.\*\: cursor-pointer>*) {
        cursor:pointer
    }

    :is(.\*\: rounded-sm>*) {
        border-radius:calc(var(--radius) - 4px)
    }

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

    :is(.\*\: 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))
    }

    :is(.\*\: 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))
    }

    @media not all and (min-width: 40rem) {
        .not-sm\:p-4 {
            padding:calc(var(--spacing)*4)
        }
    }

    @media (hover: hover) {
        .group-hover\:animate-wiggle:is(:where(.group):hover *) {
            animation:1s ease-in-out infinite wiggle
        }

        .group-hover\:bg-muted-foreground\/20:is(:where(.group):hover *) {
            background-color: var(--muted-foreground)
        }

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

        .group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/hero\:opacity-100:is(:where(.group\/hero):hover *) {
            opacity: 1
        }
    }

    .group-active\: scale-90:is(:where(.group):active *) {
        --tw-scale-x:90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[disabled\]\: bg-muted:is(:where(.group)[data-disabled] *) {
        background-color:var(--muted)
    }

    .group-data-\[disabled\]\: text-muted-foreground:is(:where(.group)[data-disabled] *) {
        color:var(--muted-foreground)
    }

    .group-data-\[disabled\]\: opacity-50:is(:where(.group)[data-disabled] *) {
        opacity:.5
    }

    .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] *) {
        opacity:.5
    }

    .group-data-\[state\=active\]\: bg-primary:is(:where(.group)[data-state=active] *) {
        background-color:var(--primary)
    }

    .group-data-\[state\=active\]\: text-primary-foreground:is(:where(.group)[data-state=active] *) {
        color:var(--primary-foreground)
    }

    .group-data-\[state\=completed\]\: bg-accent:is(:where(.group)[data-state=completed] *) {
        background-color:var(--accent)
    }

    .group-data-\[state\=completed\]\: bg-accent-foreground:is(:where(.group)[data-state=completed] *) {
        background-color:var(--accent-foreground)
    }

    .group-data-\[state\=completed\]\: text-accent-foreground:is(:where(.group)[data-state=completed] *) {
        color:var(--accent-foreground)
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\: block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
        display:block
    }

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

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

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

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

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

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

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

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

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

    .focus-within\: bg-white\/2:focus-within {
        background-color:#ffffff05
    }

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

    @media (hover: hover) {
        .hover\:border-b-primary:hover {
            border-bottom-color:var(--primary)
        }

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

        .hover\:bg-black\/6:hover {
            background-color: #0000000f
        }

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

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

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

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

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

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

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

        .hover\:bg-secondary:hover,.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\:bg-sidebar-foreground:hover {
            background-color: var(--sidebar-foreground)
        }

        .hover\:bg-white\/10:hover {
            background-color: #ffffff1a
        }

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

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

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

        .hover\:text-foreground:hover {
            color: var(--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
        }

        .hover\:brightness-125:hover {
            --tw-brightness: brightness(125%);
            filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
        }

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

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

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

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

    .focus-visible\: ring-2:focus-visible {
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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:focus-visible,.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\: ring-offset-2:focus-visible {
        --tw-ring-offset-width:2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

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

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

    .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\: scale-85:active {
        --tw-scale-x:85%;
        --tw-scale-y: 85%;
        --tw-scale-z: 85%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .active\: scale-90:active {
        --tw-scale-x:90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .active\: scale-95:active {
        --tw-scale-x:95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .active\: scale-96:active {
        --tw-scale-x:96%;
        --tw-scale-y: 96%;
        --tw-scale-z: 96%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .active\: text-emerald-400:active {
        color:var(--color-emerald-400)
    }

    :is(.\*\: active\:scale-90>*):active {
        --tw-scale-x:90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

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

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

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

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

    .has-\[\>svg\]\: grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg) {
        grid-template-columns:calc(var(--spacing)*4)1fr
    }

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

    .has-\[\>svg\]\: px-2\.5:has(>svg) {
        padding-inline:calc(var(--spacing)*2.5)
    }

    .has-\[\>svg\]\: px-3:has(>svg) {
        padding-inline:calc(var(--spacing)*3)
    }

    .has-\[\>svg\]\: px-4:has(>svg) {
        padding-inline:calc(var(--spacing)*4)
    }

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

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

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

    .data-\[disabled\]\: opacity-50[data-disabled] {
        opacity:.5
    }

    .data-\[disabled\=true\]\: pointer-events-none[data-disabled=true] {
        pointer-events:none
    }

    .data-\[disabled\=true\]\: opacity-50[data-disabled=true] {
        opacity:.5
    }

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

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

    .data-\[inset\]\: pl-8[data-inset] {
        padding-left:calc(var(--spacing)*8)
    }

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

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

    .data-\[orientation\=vertical\]\: h-full[data-orientation=vertical] {
        height:100%
    }

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

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

    .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\=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\=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\=top\]\: -translate-y-1[data-side=top] {
        --tw-translate-y:calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

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

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

    :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-2>*)[data-slot=select-value] {
        gap:calc(var(--spacing)*2)
    }

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

    .data-\[state\=active\]\: shadow-sm[data-state=active] {
        --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

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

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

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

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

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

    .data-\[variant\=destructive\]\: focus\:bg-destructive\/10[data-variant=destructive]:focus {
        background-color:var(--destructive)
    }

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

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

    .data-\[vaul-drawer-direction\=bottom\]\: inset-x-0[data-vaul-drawer-direction=bottom] {
        inset-inline:calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\: bottom-0[data-vaul-drawer-direction=bottom] {
        bottom:calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\: mt-24[data-vaul-drawer-direction=bottom] {
        margin-top:calc(var(--spacing)*24)
    }

    .data-\[vaul-drawer-direction\=bottom\]\: max-h-\[80vh\][data-vaul-drawer-direction=bottom] {
        max-height:80vh
    }

    .data-\[vaul-drawer-direction\=bottom\]\: rounded-t-lg[data-vaul-drawer-direction=bottom] {
        border-top-left-radius:var(--radius);
        border-top-right-radius: var(--radius)
    }

    .data-\[vaul-drawer-direction\=left\]\: inset-y-0[data-vaul-drawer-direction=left] {
        inset-block:calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=left\]\: left-0[data-vaul-drawer-direction=left] {
        left:calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=left\]\: w-3\/4[data-vaul-drawer-direction=left] {
        width:75%
    }

    .data-\[vaul-drawer-direction\=right\]\: inset-y-0[data-vaul-drawer-direction=right] {
        inset-block:calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=right\]\: right-0[data-vaul-drawer-direction=right] {
        right:calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=right\]\: w-3\/4[data-vaul-drawer-direction=right] {
        width:75%
    }

    .data-\[vaul-drawer-direction\=top\]\: inset-x-0[data-vaul-drawer-direction=top] {
        inset-inline:calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=top\]\: top-0[data-vaul-drawer-direction=top] {
        top:calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=top\]\: mb-24[data-vaul-drawer-direction=top] {
        margin-bottom:calc(var(--spacing)*24)
    }

    .data-\[vaul-drawer-direction\=top\]\: max-h-\[80vh\][data-vaul-drawer-direction=top] {
        max-height:80vh
    }

    .data-\[vaul-drawer-direction\=top\]\: rounded-b-lg[data-vaul-drawer-direction=top] {
        border-bottom-right-radius:var(--radius);
        border-bottom-left-radius: var(--radius)
    }

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

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

        .sm\:-right-63 {
            right: calc(var(--spacing)*-63)
        }

        .sm\:-right-72 {
            right: calc(var(--spacing)*-72)
        }

        .sm\:col-span-1 {
            grid-column: span 1/span 1
        }

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

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

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

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

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

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:grid {
            display: grid
        }

        .sm\:hidden {
            display: none
        }

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

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

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

        .sm\:size-24 {
            width: calc(var(--spacing)*24);
            height: calc(var(--spacing)*24)
        }

        .sm\:size-33 {
            width: calc(var(--spacing)*33);
            height: calc(var(--spacing)*33)
        }

        .sm\:h-80 {
            height: calc(var(--spacing)*80)
        }

        .sm\:h-90 {
            height: calc(var(--spacing)*90)
        }

        .sm\:\!w-110 {
            width: calc(var(--spacing)*110)!important
        }

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

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

        .sm\:w-fit {
            width: fit-content
        }

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

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

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

        .sm\:flex-1 {
            flex: 1
        }

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

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

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

        .sm\:flex-col {
            flex-direction: column
        }

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

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

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

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

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

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

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

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

        .sm\:overflow-x-visible {
            overflow-x: visible
        }

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

        .sm\:rounded-t-lg {
            border-top-left-radius: var(--radius);
            border-top-right-radius: var(--radius)
        }

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

        .sm\:border-r-primary\/65 {
            border-right-color: var(--primary)
        }

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

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

        .sm\: pt-3 {
            padding-top:calc(var(--spacing)*3)
        }

        .sm\:pr-2\.5 {
            padding-right: calc(var(--spacing)*2.5)
        }

        .sm\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

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

        .sm\:text-left {
            text-align: left
        }

        .sm\:text-2xl\/8 {
            font-size: var(--text-2xl);
            line-height: calc(var(--spacing)*8)
        }

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

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

        .sm\:text-\[1\.8rem\] {
            font-size: 1.8rem
        }

        .sm\:ring-2 {
            --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + 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)
        }

        .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] {
            max-width: var(--container-sm)
        }
    }

    @media (min-width: 48rem) {
        .md\:absolute {
            position:absolute
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:hidden {
            display: none
        }

        .md\:inline-block {
            display: inline-block
        }

        .md\:w-\[35\%\] {
            width: 35%
        }

        .md\:w-\[65\%\] {
            width: 65%
        }

        .md\:w-full {
            width: 100%
        }

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

        .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\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

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

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

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

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

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

        .md\:gap-32 {
            gap: calc(var(--spacing)*32)
        }

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

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

        .md\:pt-7 {
            padding-top: calc(var(--spacing)*7)
        }

        .md\:pb-12 {
            padding-bottom: calc(var(--spacing)*12)
        }

        .md\:pl-12 {
            padding-left: calc(var(--spacing)*12)
        }

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

        :is(.md\:\*\:px-2>*) {
            padding-inline:calc(var(--spacing)*2)}
    }

    @media (min-width: 64rem) {
        .lg\:block {
            display:block
        }

        .lg\:flex {
            display: flex
        }

        .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-6 {
            grid-template-columns: repeat(6,minmax(0,1fr))
        }

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

        .lg\:justify-center {
            justify-content: center
        }

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

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

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

    @media (min-width: 80rem) {
        .xl\:grid {
            display:grid
        }

        .xl\:w-48 {
            width: calc(var(--spacing)*48)
        }

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

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

        .xl\:overflow-x-visible {
            overflow-x: visible
        }

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

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

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

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

    .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\: text-muted-foreground:is(.dark *) {
        color:var(--muted-foreground)
    }

    .dark\: text-rose-700:is(.dark *) {
        color:var(--color-rose-700)
    }

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

        @supports (color: color-mix(in lab,red,red)) {
            .dark\:hover\:bg-accent\/50:is(.dark *):hover {
                background-color:color-mix(in oklab,var(--accent)50%,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-white\/5:is(.dark *):hover {
            background-color: #ffffff0d
        }

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

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

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

    .dark\: data-\[state\=active\]\:bg-background:is(.dark *)[data-state=active] {
        background-color:var(--background)
    }

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

    .dark\: data-\[variant\=destructive\]\:focus\:bg-destructive\/40:is(.dark *)[data-variant=destructive]:focus {
        background-color:var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/40:is(.dark *)[data-variant=destructive]:focus {
            background-color:color-mix(in oklab,var(--destructive)40%,transparent)
        }
    }

    .\[\&_\.bg-blue-50\]\: \!bg-primary\/80 .bg-blue-50 {
        background-color:var(--primary)!important
    }

    @supports (color: color-mix(in lab,red,red)) {
        .\[\&_\.bg-blue-50\]\:\!bg-primary\/80 .bg-blue-50 {
            background-color:color-mix(in oklab,var(--primary)80%,transparent)!important
        }
    }

    .\[\&_\.bg-blue-50\]\: \!font-semibold .bg-blue-50 {
        --tw-font-weight:var(--font-weight-semibold)!important;
        font-weight: var(--font-weight-semibold)!important
    }

    .\[\&_\.border-gray-300\]\: border-neutral-200 .border-gray-300 {
        border-color:var(--color-neutral-200)
    }

    .dark\: \[\&_\.border-gray-300\]\:border-neutral-700:is(.dark *) .border-gray-300 {
        border-color:var(--color-neutral-700)
    }

    .\[\&_button\]\: bg-transparent button {
        background-color:#0000
    }

    .\[\&_button\: first-child\]\:\!pl-2 button:first-child {
        padding-left:calc(var(--spacing)*2)!important
    }

    .\[\&_button\: hover\]\:bg-muted-foreground button:hover {
        background-color:var(--muted-foreground)
    }

    .\[\&_button\: last-child\]\:\!pr-2 button:last-child {
        padding-right:calc(var(--spacing)*2)!important
    }

    .\[\&_p\]\: leading-relaxed p {
        --tw-leading:var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

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

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

    .\[\&_svg\: not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_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\: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-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}: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(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive-foreground[data-variant=destructive]>*):is(svg){color:var(--destructive-foreground)!important}.\[\&\>\*\]\:text-sm>*{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&\>\*\]\:opacity-70>*{opacity:.7}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Variable.woff2)format("woff2"),url(/fonts/satoshi/Satoshi-Variable.woff)format("woff"),url(/fonts/satoshi/Satoshi-Variable.ttf)format("truetype");font-weight:300 900;font-display:swap;font-style:normal}:root{font-synthesis:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;--easing-smooth:cubic-bezier(.165,.84,.44,1);--max-layout-width:1324px;--background:oklch(15.4% .006 148);--surface:oklch(20.5% 0 0);--foreground:oklch(98.5% 0 0);--primary:oklch(76.5% .177 163.223);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--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(57.7% .245 27.325);--destructive-foreground:oklch(63.7% .237 25.331);--border:oklch(26.9% 0 0);--input:oklch(26.9% 0 0);--ring:var(--primary);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(14.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--radius:.625rem;--sidebar:var(--background);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(26.9% 0 0);--sidebar-ring:oklch(43.9% 0 0);color-scheme:dark;scroll-padding:16px;font-family:Satoshi,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.list-shadow{position:relative}.list-shadow:after,.list-shadow:before{pointer-events:none;top:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);z-index:10;--tw-gradient-from:var(--surface);--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));--tw-gradient-to:transparent;opacity:1;width:10%;max-width:50px;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));content:"";display:block;position:absolute}.list-shadow:before{left:calc(var(--spacing)*0);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.list-shadow:after{right:calc(var(--spacing)*0);--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-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-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes wiggle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.CheckSuccess-check[data-v-1a214137]{-webkit-animation:drawCheckmark-1a214137 1.5s .3s linear both;animation:drawCheckmark-1a214137 1.5s .3s linear both}.CheckSuccess-circle[data-v-1a214137]{-webkit-animation:checkmarkCircleShimmer 1.5s linear both,drawCircle-1a214137 1.5s linear both;animation:checkmarkCircleShimmer 1.5s linear both,drawCircle-1a214137 1.5s linear both}@keyframes drawCheckmark-1a214137{0%{stroke-dashoffset:28px}15%{stroke-dashoffset:28px;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}55%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}@keyframes drawCircle-1a214137{0%{stroke-dashoffset:145px}8.35%{stroke-dashoffset:145px;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1)}38.35%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}[data-sonner-toaster][data-lifted=true]{transform:translateY(-8px)}@media (hover: none) and (pointer: coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 87%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 93%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 84%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 43%, 17%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 9%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}