/* 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{--un-leading:initial;--un-bg-opacity:100%;--un-ring-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ring-offset-opacity:100%;--un-fill-opacity:100%;--un-text-opacity:100%;--un-border-opacity:100%;--un-via-opacity:100%;--un-to-opacity:100%;--un-from-opacity:100%;--un-space-y-reverse:initial;--un-divide-y-reverse:initial;--un-border-style:solid;--un-space-x-reverse:initial;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-shadow-opacity:100%;--un-outline-style:solid;--un-stroke-opacity:100%;--un-outline-opacity:100%;--un-placeholder-opacity:100%;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-ring-offset-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-shadow-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-inset-ring-color{syntax:"*";inherits:false;}
@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow-color{syntax:"*";inherits:false;}
@property --un-ring-color{syntax:"*";inherits:false;}
@property --un-ring-inset{syntax:"*";inherits:false;}
@property --un-ring-offset-color{syntax:"*";inherits:false;}
@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow-color{syntax:"*";inherits:false;}
@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}
@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}
@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}
@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}
@property --un-ease{syntax:"*";inherits:false;}
@property --un-fill-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-stroke-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}
@property --un-gradient-position{syntax:"*";inherits:false;}
@property --un-gradient-stops{syntax:"*";inherits:false;}
@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}
@property --un-gradient-via-stops{syntax:"*";inherits:false;}
@property --un-via-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-backdrop-blur{syntax:"*";inherits:false;}
@property --un-backdrop-brightness{syntax:"*";inherits:false;}
@property --un-backdrop-contrast{syntax:"*";inherits:false;}
@property --un-backdrop-grayscale{syntax:"*";inherits:false;}
@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}
@property --un-backdrop-invert{syntax:"*";inherits:false;}
@property --un-backdrop-opacity{syntax:"*";inherits:false;}
@property --un-backdrop-saturate{syntax:"*";inherits:false;}
@property --un-backdrop-sepia{syntax:"*";inherits:false;}
@property --un-blur{syntax:"*";inherits:false;}
@property --un-brightness{syntax:"*";inherits:false;}
@property --un-contrast{syntax:"*";inherits:false;}
@property --un-drop-shadow{syntax:"*";inherits:false;}
@property --un-grayscale{syntax:"*";inherits:false;}
@property --un-hue-rotate{syntax:"*";inherits:false;}
@property --un-invert{syntax:"*";inherits:false;}
@property --un-saturate{syntax:"*";inherits:false;}
@property --un-sepia{syntax:"*";inherits:false;}
@property --un-placeholder-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-numeric-figure{syntax:"*";inherits:false;}
@property --un-numeric-fraction{syntax:"*";inherits:false;}
@property --un-numeric-spacing{syntax:"*";inherits:false;}
@property --un-ordinal{syntax:"*";inherits:false;}
@property --un-slashed-zero{syntax:"*";inherits:false;}
@property --un-space-x-reverse{syntax:"*";inherits:false;initial-value:0;}
@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}
@property --un-border-style{syntax:"*";inherits:false;initial-value:solid;}
@property --un-divide-y-reverse{syntax:"*";inherits:false;initial-value:0;}
/* layer: theme */
:root, :host {
--spacing: 0.25rem;
--container-6xl: 72rem;
--fontWeight-semibold: 600;
--container-3xl: 48rem;
--fontWeight-bold: 700;
--radius-xl: 0.75rem;
--default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1);
--default-transition-duration: 150ms;
--radius-lg: 0.5rem;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--radius-DEFAULT: 0.25rem;
--container-7xl: 80rem;
--colors-white: #fff;
--radius-2xl: 1rem;
--container-xl: 36rem;
--fontWeight-medium: 500;
--radius-3xl: 1.5rem;
--container-2xl: 42rem;
--tracking-wide: 0.025em;
--leading-tight: 1.25;
--radius-sm: 0.25rem;
--font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--colors-black: #000;
--fontWeight-black: 900;
--container-5xl: 64rem;
--leading-none: 1;
--tracking-tighter: -0.05em;
--container-4xl: 56rem;
--tracking-tight: -0.025em;
--fontWeight-light: 300;
--radius-md: 0.375rem;
--container-sm: 24rem;
--tracking-wider: 0.05em;
--radius-none: 0;
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--container-lg: 32rem;
--tracking-widest: 0.1em;
--radius-xs: 0.125rem;
--ease-linear: linear;
--colors-green-500: oklch(72.3% 0.219 149.579);
--colors-red-400: oklch(70.4% 0.191 22.216);
--colors-slate-300: oklch(86.9% 0.022 252.894);
--colors-amber-400: oklch(82.8% 0.189 84.429);
--colors-card-DEFAULT: var(--ui-card);
--colors-zinc-900: oklch(21% 0.006 285.885);
--colors-zinc-600: oklch(44.2% 0.017 285.786);
--colors-zinc-500: oklch(55.2% 0.016 285.938);
--colors-zinc-300: oklch(87.1% 0.006 286.286);
--colors-zinc-400: oklch(70.5% 0.015 286.067);
--colors-blue-400: oklch(70.7% 0.165 254.624);
--colors-gray-900: oklch(21% 0.034 264.665);
--colors-slate-900: oklch(20.8% 0.042 265.755);
--colors-foreground: var(--ui-foreground);
--colors-background: var(--ui-background);
--colors-muted-DEFAULT: var(--ui-muted);
--colors-primary-DEFAULT: var(--ui-primary);
--colors-gray-400: oklch(70.7% 0.022 261.325);
--colors-gray-500: oklch(55.1% 0.027 264.364);
--colors-neutral-700: oklch(37.1% 0 0);
--colors-neutral-400: oklch(70.8% 0 0);
--colors-gray-300: oklch(87.2% 0.01 258.338);
--colors-green-700: oklch(52.7% 0.154 150.069);
--colors-green-50: oklch(98.2% 0.018 155.826);
--colors-green-200: oklch(92.5% 0.084 155.995);
--text-2xl-fontSize: 1.5rem;
--text-2xl-lineHeight: 2rem;
--text-3xl-fontSize: 1.875rem;
--text-3xl-lineHeight: 2.25rem;
--text-4xl-fontSize: 2.25rem;
--text-4xl-lineHeight: 2.5rem;
--text-sm-fontSize: 0.875rem;
--text-sm-lineHeight: 1.25rem;
--text-lg-fontSize: 1.125rem;
--text-lg-lineHeight: 1.75rem;
--text-xs-fontSize: 0.75rem;
--text-xs-lineHeight: 1rem;
--text-xl-fontSize: 1.25rem;
--text-xl-lineHeight: 1.75rem;
--text-base-fontSize: 1rem;
--text-base-lineHeight: 1.5rem;
--text-5xl-fontSize: 3rem;
--text-5xl-lineHeight: 1;
--text-6xl-fontSize: 3.75rem;
--text-6xl-lineHeight: 1;
--text-7xl-fontSize: 4.5rem;
--text-7xl-lineHeight: 1;
--text-8xl-fontSize: 6rem;
--text-8xl-lineHeight: 1;
--text-9xl-fontSize: 8rem;
--text-9xl-lineHeight: 1;
--colors-slate-700: oklch(37.2% 0.044 257.287);
--colors-green-400: oklch(79.2% 0.209 151.711);
--colors-neutral-300: oklch(87% 0 0);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1);
--colors-slate-800: oklch(27.9% 0.041 260.031);
--colors-slate-600: oklch(44.6% 0.043 257.281);
--colors-slate-500: oklch(55.4% 0.046 257.417);
--colors-red-500: oklch(63.7% 0.237 25.331);
--colors-blue-500: oklch(62.3% 0.214 259.815);
--colors-neutral-800: oklch(26.9% 0 0);
--colors-slate-100: oklch(96.8% 0.007 247.896);
--colors-slate-400: oklch(70.4% 0.04 256.788);
--font-sans: 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";
--default-font-family: var(--font-sans);
--default-monoFont-family: var(--font-mono);
}
/* layer: base */
/*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Remove default margins and padding
  3. Reset all borders.
*/

*,
::after,
::before,
::backdrop,
::file-selector-button {
  box-sizing: border-box; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 2 */
  border: 0 solid; /* 3 */
}

/*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS.
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  tab-size: 4; /* 3 */
  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'
  ); /* 4 */
  font-feature-settings: var(--default-font-featureSettings, normal); /* 5 */
  font-variation-settings: var(--default-font-variationSettings, normal); /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Reset the default border style to a 1px solid border.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
  Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
  Remove the default font size and weight for headings.
*/

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

/*
  Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
  Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: var(
    --default-monoFont-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace
  ); /* 1 */
  font-feature-settings: var(--default-monoFont-featureSettings, normal); /* 2 */
  font-variation-settings: var(--default-monoFont-variationSettings, normal); /* 3 */
  font-size: 1em; /* 4 */
}

/*
  Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
  Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
  Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
  Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
  Make lists unstyled by default.
*/

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

/*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
      This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/*
  1. Inherit font styles in all browsers.
  2. Remove border radius in all browsers.
  3. Remove background color in all browsers.
  4. Ensure consistent opacity for disabled states in all browsers.
*/

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

/*
  Restore default font weight.
*/

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

/*
  Restore indentation.
*/

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

/*
  Restore space after button.
*/

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

/*
  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/

::placeholder {
  opacity: 1;
}

/*
  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
*/

@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
  (contain-intrinsic-size: 1px) /* Safari 17+ */ {
  ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

/*
  Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
  Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
  1. Ensure date/time inputs have the same height when empty in iOS Safari.
  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
*/

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

/*
  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
*/

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

/*
  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
*/

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

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

/*
  Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
*/

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

/*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
  Correct the inability to style the border radius in iOS Safari.
*/

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

/*
  Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
  Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden]:where(:not([hidden~='until-found'])) {
  display: none !important;
}
/* layer: shortcuts */
.container,
[container=""]{width:100%;}
[\!container=""]{width:100% !important;}
@media (min-width: 40rem){
.container,
[container=""]{max-width:40rem;}
[\!container=""]{max-width:40rem !important;}
}
@media (min-width: 48rem){
.container,
[container=""]{max-width:48rem;}
[\!container=""]{max-width:48rem !important;}
}
@media (min-width: 64rem){
.container,
[container=""]{max-width:64rem;}
[\!container=""]{max-width:64rem !important;}
}
@media (min-width: 80rem){
.container,
[container=""]{max-width:80rem;}
[\!container=""]{max-width:80rem !important;}
}
@media (min-width: 96rem){
.container,
[container=""]{max-width:96rem;}
[\!container=""]{max-width:96rem !important;}
}
/* layer: default */
[text~="-\31 "]{font-size:-0.25rem;}
.text-\[10px\]{font-size:10px;}
.text-\[17px\]{font-size:17px;}
[text~="\31 00"]{font-size:25rem;}
[text~="\31 50"]{font-size:37.5rem;}
[text~="\32 00"]{font-size:50rem;}
.text-2xl,
[text-2xl=""]{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.text-3xl,
[text-3xl=""]{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.text-4xl,
[text-4xl=""]{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));}
.text-5xl{font-size:var(--text-5xl-fontSize);line-height:var(--un-leading, var(--text-5xl-lineHeight));}
.text-6xl,
[text-6xl=""]{font-size:var(--text-6xl-fontSize);line-height:var(--un-leading, var(--text-6xl-lineHeight));}
.text-base,
[text-base=""]{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}
.text-lg,
[text-lg=""]{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.text-sm,
[text-sm=""]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.text-xl,
[text-xl=""]{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading],
.text-xs,
[text-xs=""],
[text-xs~="children\:"]>*{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
[text-sm~="disabled\:"]:disabled{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.file\:text-sm::file-selector-button{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.text-\[color-mix\(in_oklch\,var\(--colors-white\)_55\%\,transparent\)\]{color:color-mix(in oklab, color-mix(in oklch,var(--colors-white) 55%,transparent) var(--un-text-opacity), transparent) /* color-mix(in oklch,var(--colors-white) 55%,transparent) */;}
.text-\[color-mix\(in_oklch\,var\(--colors-white\)_60\%\,transparent\)\]{color:color-mix(in oklab, color-mix(in oklch,var(--colors-white) 60%,transparent) var(--un-text-opacity), transparent) /* color-mix(in oklch,var(--colors-white) 60%,transparent) */;}
.text-\[color-mix\(in_oklch\,var\(--colors-white\)_65\%\,transparent\)\]{color:color-mix(in oklab, color-mix(in oklch,var(--colors-white) 65%,transparent) var(--un-text-opacity), transparent) /* color-mix(in oklch,var(--colors-white) 65%,transparent) */;}
.text-\[color-mix\(in_oklch\,var\(--colors-white\)_75\%\,transparent\)\]{color:color-mix(in oklab, color-mix(in oklch,var(--colors-white) 75%,transparent) var(--un-text-opacity), transparent) /* color-mix(in oklch,var(--colors-white) 75%,transparent) */;}
.text-\[color-mix\(in_oklch\,var\(--colors-white\)_90\%\,transparent\)\]{color:color-mix(in oklab, color-mix(in oklch,var(--colors-white) 90%,transparent) var(--un-text-opacity), transparent) /* color-mix(in oklch,var(--colors-white) 90%,transparent) */;}
.text-\[color-mix\(in_oklch\,var\(--ui-foreground\)_55\%\,transparent\)\]{color:color-mix(in oklab, color-mix(in oklch,var(--ui-foreground) 55%,transparent) var(--un-text-opacity), transparent) /* color-mix(in oklch,var(--ui-foreground) 55%,transparent) */;}
.text-\[var\(--colors-white\)\]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* var(--colors-white) */;}
.text-\[var\(--ui-accent\)\]{color:color-mix(in oklab, var(--ui-accent) var(--un-text-opacity), transparent) /* var(--ui-accent) */;}
.text-\[var\(--ui-foreground\)\]{color:color-mix(in oklab, var(--ui-foreground) var(--un-text-opacity), transparent) /* var(--ui-foreground) */;}
.text-\[var\(--ui-muted-foreground\)\]{color:color-mix(in oklab, var(--ui-muted-foreground) var(--un-text-opacity), transparent) /* var(--ui-muted-foreground) */;}
.data-\[active\=true\]\:text-accent-foreground[data-active=true],
.data-\[selected\=true\]\:text-accent-foreground[data-selected=true],
.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:color-mix(in srgb, var(--ui-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-accent-foreground) */;}
.text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent) /* oklch(82.8% 0.189 84.429) */;}
[text-black=""]{color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent) /* #000 */;}
.text-blue-400,
[text-blue-400=""]{color:color-mix(in srgb, var(--colors-blue-400) var(--un-text-opacity), transparent) /* oklch(70.7% 0.165 254.624) */;}
[text-card-foreground=""]{color:color-mix(in srgb, var(--ui-card-foreground) var(--un-text-opacity), transparent) /* var(--ui-card-foreground) */;}
.text-current,
[text-current=""],
[text-current~="\,"],
[text-current~="\{"]{color:currentColor;}
.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive],
.text-destructive,
[text-destructive=""],
[text-destructive~="children\:"]>*{color:color-mix(in srgb, var(--ui-destructive) var(--un-text-opacity), transparent) /* var(--ui-destructive) */;}
.dark .dark\:text-foreground,
.text-foreground,
[text-foreground=""]{color:color-mix(in srgb, var(--ui-foreground) var(--un-text-opacity), transparent) /* var(--ui-foreground) */;}
.text-gray-400{color:color-mix(in srgb, var(--colors-gray-400) var(--un-text-opacity), transparent) /* oklch(70.7% 0.022 261.325) */;}
.text-gray-500{color:color-mix(in srgb, var(--colors-gray-500) var(--un-text-opacity), transparent) /* oklch(55.1% 0.027 264.364) */;}
.text-gray-900{color:color-mix(in srgb, var(--colors-gray-900) var(--un-text-opacity), transparent) /* oklch(21% 0.034 264.665) */;}
.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent) /* oklch(52.7% 0.154 150.069) */;}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading],
.dark [dark\:text-muted-foreground=""],
.data-\[state\=open\]\:text-muted-foreground[data-state=open],
.text-muted-foreground,
[text-muted-foreground=""],
[text-muted-foreground~="children\:"]>*{color:color-mix(in srgb, var(--ui-muted-foreground) var(--un-text-opacity), transparent) /* var(--ui-muted-foreground) */;}
.text-muted-foreground\/60{color:color-mix(in srgb, var(--ui-muted-foreground) 60%, transparent) /* var(--ui-muted-foreground) */;}
.dark .dark\:text-neutral-300{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent) /* oklch(87% 0 0) */;}
.text-neutral-400{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) /* oklch(70.8% 0 0) */;}
.text-neutral-700{color:color-mix(in srgb, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* oklch(37.1% 0 0) */;}
.text-popover-foreground{color:color-mix(in srgb, var(--ui-popover-foreground) var(--un-text-opacity), transparent) /* var(--ui-popover-foreground) */;}
.text-primary,
[text-primary=""]{color:color-mix(in srgb, var(--ui-primary) var(--un-text-opacity), transparent) /* var(--ui-primary) */;}
.data-\[state\=checked\]\:text-primary-foreground[data-state=checked],
.selection\:text-primary-foreground *::selection,
.selection\:text-primary-foreground::selection,
.text-primary-foreground,
[text-primary-foreground=""]{color:color-mix(in srgb, var(--ui-primary-foreground) var(--un-text-opacity), transparent) /* var(--ui-primary-foreground) */;}
.text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent) /* oklch(70.4% 0.191 22.216) */;}
[text-red-500~="children\:"]>*{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent) /* oklch(63.7% 0.237 25.331) */;}
.text-secondary-foreground,
[text-secondary-foreground=""]{color:color-mix(in srgb, var(--ui-secondary-foreground) var(--un-text-opacity), transparent) /* var(--ui-secondary-foreground) */;}
.\[\&\>svg\]\:text-sidebar-accent-foreground>svg,
.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true],
.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{color:color-mix(in srgb, var(--ui-sidebar-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-sidebar-accent-foreground) */;}
.text-sidebar-foreground,
[text-sidebar-foreground=""]{color:color-mix(in srgb, var(--ui-sidebar-foreground) var(--un-text-opacity), transparent) /* var(--ui-sidebar-foreground) */;}
.text-sidebar-foreground\/70{color:color-mix(in srgb, var(--ui-sidebar-foreground) 70%, transparent) /* var(--ui-sidebar-foreground) */;}
.text-slate-300{color:color-mix(in srgb, var(--colors-slate-300) var(--un-text-opacity), transparent) /* oklch(86.9% 0.022 252.894) */;}
.text-slate-900{color:color-mix(in srgb, var(--colors-slate-900) var(--un-text-opacity), transparent) /* oklch(20.8% 0.042 265.755) */;}
.text-transparent,
[text-transparent=""]{color:transparent;}
.text-white,
[text-white=""]{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) /* #fff */;}
.text-white\/60{color:color-mix(in srgb, var(--colors-white) 60%, transparent) /* #fff */;}
.text-white\/70{color:color-mix(in srgb, var(--colors-white) 70%, transparent) /* #fff */;}
.text-white\/90{color:color-mix(in srgb, var(--colors-white) 90%, transparent) /* #fff */;}
.text-zinc-300{color:color-mix(in srgb, var(--colors-zinc-300) var(--un-text-opacity), transparent) /* oklch(87.1% 0.006 286.286) */;}
.text-zinc-400{color:color-mix(in srgb, var(--colors-zinc-400) var(--un-text-opacity), transparent) /* oklch(70.5% 0.015 286.067) */;}
.text-zinc-500,
[text-zinc-500=""]{color:color-mix(in srgb, var(--colors-zinc-500) var(--un-text-opacity), transparent) /* oklch(55.2% 0.016 285.938) */;}
.text-zinc-600{color:color-mix(in srgb, var(--colors-zinc-600) var(--un-text-opacity), transparent) /* oklch(44.2% 0.017 285.786) */;}
[text-current~="default\:"]:default{color:currentColor;}
.hover\:text-\[var\(--ui-foreground\)\]:hover{color:color-mix(in oklab, var(--ui-foreground) var(--un-text-opacity), transparent) /* var(--ui-foreground) */;}
.hover\:text-accent-foreground:hover{color:color-mix(in srgb, var(--ui-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-accent-foreground) */;}
[hover\:text-accent-foreground=""]:hover{color:color-mix(in srgb, var(--ui-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-accent-foreground) */;}
.hover\:text-foreground:hover{color:color-mix(in srgb, var(--ui-foreground) var(--un-text-opacity), transparent) /* var(--ui-foreground) */;}
[hover\:text-foreground=""]:hover{color:color-mix(in srgb, var(--ui-foreground) var(--un-text-opacity), transparent) /* var(--ui-foreground) */;}
.hover\:text-primary:hover{color:color-mix(in srgb, var(--ui-primary) var(--un-text-opacity), transparent) /* var(--ui-primary) */;}
.hover\:text-primary\/80:hover{color:color-mix(in srgb, var(--ui-primary) 80%, transparent) /* var(--ui-primary) */;}
.hover\:text-sidebar-accent-foreground:hover{color:color-mix(in srgb, var(--ui-sidebar-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-sidebar-accent-foreground) */;}
[hover\:text-sidebar-accent-foreground=""]:hover{color:color-mix(in srgb, var(--ui-sidebar-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-sidebar-accent-foreground) */;}
.hover\:text-white:hover{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) /* #fff */;}
[hover\:text-white=""]:hover{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) /* #fff */;}
.focus\:text-accent-foreground:focus{color:color-mix(in srgb, var(--ui-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-accent-foreground) */;}
[focus\:text-accent-foreground=""]:focus{color:color-mix(in srgb, var(--ui-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-accent-foreground) */;}
.data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant=destructive]{color:color-mix(in srgb, var(--ui-destructive) var(--un-text-opacity), transparent) /* var(--ui-destructive) */;}
.active\:text-sidebar-accent-foreground:active{color:color-mix(in srgb, var(--ui-sidebar-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-sidebar-accent-foreground) */;}
.disabled\:text-slate-700:disabled{color:color-mix(in srgb, var(--colors-slate-700) var(--un-text-opacity), transparent) /* oklch(37.2% 0.044 257.287) */;}
.placeholder\:text-muted-foreground::placeholder{color:color-mix(in srgb, var(--ui-muted-foreground) var(--un-text-opacity), transparent) /* var(--ui-muted-foreground) */;}
.placeholder\:text-white\/50::placeholder{color:color-mix(in srgb, var(--colors-white) 50%, transparent) /* #fff */;}
.file\:text-foreground::file-selector-button{color:color-mix(in srgb, var(--ui-foreground) var(--un-text-opacity), transparent) /* var(--ui-foreground) */;}
.leading-\[1\.6\]{--un-leading:1.6;line-height:1.6;}
.leading-5{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);}
[leading-7=""]{--un-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7);}
.leading-none,
[leading-none=""]{--un-leading:var(--leading-none);line-height:var(--leading-none);}
.leading-relaxed,
[leading-relaxed=""]{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}
.leading-snug,
[leading-snug=""]{--un-leading:var(--leading-snug);line-height:var(--leading-snug);}
.leading-tight,
[leading-tight=""]{--un-leading:var(--leading-tight);line-height:var(--leading-tight);}
.tracking-\[0\.25em\]{--un-tracking:0.25em;letter-spacing:0.25em;}
.tracking-\[0\.2em\]{--un-tracking:0.2em;letter-spacing:0.2em;}
.tracking-\[0\.35em\]{--un-tracking:0.35em;letter-spacing:0.35em;}
.tracking-\[0\.3em\]{--un-tracking:0.3em;letter-spacing:0.3em;}
.tracking-tight,
[tracking-tight=""]{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}
.tracking-tighter{--un-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter);}
.tracking-wide,
[tracking-wide=""]{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}
.tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
.tracking-widest{--un-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);}
.font-black{--un-font-weight:var(--fontWeight-black);font-weight:var(--fontWeight-black);}
.font-bold,
[font-bold=""]{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
.font-light{--un-font-weight:var(--fontWeight-light);font-weight:var(--fontWeight-light);}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading],
.font-medium,
[font-medium=""],
[font-medium~="children\:"]>*{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
.font-mono,
[font-mono=""]{font-family:var(--font-mono);}
.font-semibold,
[font-semibold=""],
[font-semibold~="children\:"]>*{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
.file\:font-medium::file-selector-button{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
[\!tab=""]{-moz-tab-size:4 !important;-o-tab-size:4 !important;tab-size:4 !important;}
[tab=""]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
.m-0,
[m-0=""]{margin:calc(var(--spacing) * 0);}
[m-16=""]{margin:calc(var(--spacing) * 16);}
[m15=""]{margin:calc(var(--spacing) * 15);}
[m18=""]{margin:calc(var(--spacing) * 18);}
[m21=""]{margin:calc(var(--spacing) * 21);}
[m3=""]{margin:calc(var(--spacing) * 3);}
[m6=""]{margin:calc(var(--spacing) * 6);}
[m7=""]{margin:calc(var(--spacing) * 7);}
[m9=""]{margin:calc(var(--spacing) * 9);}
[m1~="target\:"]:target{margin:calc(var(--spacing) * 1);}
[mx-0=""]{margin-inline:calc(var(--spacing) * 0);}
.-mx-1{margin-inline:calc(var(--spacing) * -1);}
.mx-2{margin-inline:calc(var(--spacing) * 2);}
.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5);}
.mx-auto,
[mx-auto=""]{margin-inline:auto;}
.my-1{margin-block:calc(var(--spacing) * 1);}
.my-12{margin-block:calc(var(--spacing) * 12);}
.my-4{margin-block:calc(var(--spacing) * 4);}
.my-6,
[my-6=""]{margin-block:calc(var(--spacing) * 6);}
.my-8{margin-block:calc(var(--spacing) * 8);}
.mb-4,
[mb-4=""],
[mb-4~="children\:"]>*,
[mb=""]{margin-bottom:calc(var(--spacing) * 4);}
.mb-1{margin-bottom:calc(var(--spacing) * 1);}
.mb-10{margin-bottom:calc(var(--spacing) * 10);}
.mb-12,
[mb-12=""]{margin-bottom:calc(var(--spacing) * 12);}
.mb-18{margin-bottom:calc(var(--spacing) * 18);}
.mb-2,
[mb-2~="children\:"]>*{margin-bottom:calc(var(--spacing) * 2);}
.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5);}
.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24);}
.mb-3,
[mb-3=""]{margin-bottom:calc(var(--spacing) * 3);}
.mb-5{margin-bottom:calc(var(--spacing) * 5);}
.mb-6,
[mb-6=""]{margin-bottom:calc(var(--spacing) * 6);}
.mb-8,
[mb-8=""]{margin-bottom:calc(var(--spacing) * 8);}
[me=""]{margin-inline-end:calc(var(--spacing) * 4);}
.ml-1{margin-left:calc(var(--spacing) * 1);}
.ml-2{margin-left:calc(var(--spacing) * 2);}
.ml-4,
[ml-4=""]{margin-left:calc(var(--spacing) * 4);}
.ml-6,
[ml-6=""]{margin-left:calc(var(--spacing) * 6);}
.ml-auto,
[ml-auto=""]{margin-left:auto;}
.-mr-1{margin-right:calc(var(--spacing) * -1);}
.mr-2{margin-right:calc(var(--spacing) * 2);}
[ms=""]{margin-inline-start:calc(var(--spacing) * 4);}
.mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}
.mt-1,
[mt-1=""],
[mt-1~="children\:"]>*{margin-top:calc(var(--spacing) * 1);}
.mt-1\.5{margin-top:calc(var(--spacing) * 1.5);}
.mt-10,
[mt-10=""]{margin-top:calc(var(--spacing) * 10);}
.mt-12{margin-top:calc(var(--spacing) * 12);}
.mt-14{margin-top:calc(var(--spacing) * 14);}
.mt-16{margin-top:calc(var(--spacing) * 16);}
.\[\&\>li\]\:mt-2>li,
.mt-2,
[mt-2=""],
[mt-2~="children\:"]>*{margin-top:calc(var(--spacing) * 2);}
[mt-20=""]{margin-top:calc(var(--spacing) * 20);}
.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom],
.mt-24{margin-top:calc(var(--spacing) * 24);}
.mt-3{margin-top:calc(var(--spacing) * 3);}
.mt-4,
[mt-4=""]{margin-top:calc(var(--spacing) * 4);}
[-mt-4=""]{margin-top:calc(var(--spacing) * -4);}
.mt-6,
[mt-6=""]{margin-top:calc(var(--spacing) * 6);}
[mt-8=""]{margin-top:calc(var(--spacing) * 8);}
.mt-auto,
[mt-auto=""]{margin-top:auto;}
[first\:mt-0=""]:first-child{margin-top:calc(var(--spacing) * 0);}
.p-\[3px\]{padding:3px;}
.p-0,
[p-0=""]{padding:calc(var(--spacing) * 0);}
.p-1,
[p1=""]{padding:calc(var(--spacing) * 1);}
.p-10{padding:calc(var(--spacing) * 10);}
.p-2,
[p-2=""],
[p2=""]{padding:calc(var(--spacing) * 2);}
.p-3,
[p-3=""]{padding:calc(var(--spacing) * 3);}
.p-4,
[p-4=""],
[p-4~="children\:"]>*{padding:calc(var(--spacing) * 4);}
.p-5{padding:calc(var(--spacing) * 5);}
.p-6,
[p-6=""]{padding:calc(var(--spacing) * 6);}
.p-8{padding:calc(var(--spacing) * 8);}
.px-4,
[px-4=""],
[px=""],
[px~="children\:"]>*{padding-inline:calc(var(--spacing) * 4);}
.px-0,
[px~="\30 "]{padding-inline:calc(var(--spacing) * 0);}
.px-1,
[px-1=""]{padding-inline:calc(var(--spacing) * 1);}
.px-1\.5{padding-inline:calc(var(--spacing) * 1.5);}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading],
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group],
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item],
.px-2,
[px-2=""]{padding-inline:calc(var(--spacing) * 2);}
.px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}
.px-3,
[px-3=""]{padding-inline:calc(var(--spacing) * 3);}
[px~="\33 00"]{padding-inline:calc(var(--spacing) * 300);}
.\*\:data-\[slot\=toggle-group-item\]\:\!px-4 > *[data-slot=toggle-group-item]{padding-inline:calc(var(--spacing) * 4) !important;}
.px-5{padding-inline:calc(var(--spacing) * 5);}
[px~="\35 0"]{padding-inline:calc(var(--spacing) * 50);}
.px-6,
[px-6=""]{padding-inline:calc(var(--spacing) * 6);}
.px-8{padding-inline:calc(var(--spacing) * 8);}
.py-0\.5,
[py-0\.5=""]{padding-block:calc(var(--spacing) * 0.5);}
.py-1,
[py-1=""]{padding-block:calc(var(--spacing) * 1);}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading],
.py-1\.5,
[py-1\.5=""]{padding-block:calc(var(--spacing) * 1.5);}
.py-10{padding-block:calc(var(--spacing) * 10);}
.py-12,
[py-12=""]{padding-block:calc(var(--spacing) * 12);}
.py-16{padding-block:calc(var(--spacing) * 16);}
.py-2,
[py-2=""]{padding-block:calc(var(--spacing) * 2);}
.py-2\.5{padding-block:calc(var(--spacing) * 2.5);}
.py-24{padding-block:calc(var(--spacing) * 24);}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item],
.py-3,
[py-3=""]{padding-block:calc(var(--spacing) * 3);}
.py-32,
[py-32=""]{padding-block:calc(var(--spacing) * 32);}
.py-4,
[py-4=""],
[py-4~="children\:"]>*{padding-block:calc(var(--spacing) * 4);}
.py-6,
[py-6=""]{padding-block:calc(var(--spacing) * 6);}
.py-8,
[py-8~="children\:"]>*{padding-block:calc(var(--spacing) * 8);}
.pb-1{padding-bottom:calc(var(--spacing) * 1);}
[pb-12=""]{padding-bottom:calc(var(--spacing) * 12);}
.pb-2,
[pb-2=""]{padding-bottom:calc(var(--spacing) * 2);}
.pb-4,
[pb-4=""]{padding-bottom:calc(var(--spacing) * 4);}
[pl-10=""]{padding-left:calc(var(--spacing) * 10);}
.pl-11{padding-left:calc(var(--spacing) * 11);}
.pl-2{padding-left:calc(var(--spacing) * 2);}
[pl-6=""]{padding-left:calc(var(--spacing) * 6);}
.data-\[inset\]\:pl-8[data-inset],
.pl-8{padding-left:calc(var(--spacing) * 8);}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0);}
.pr-2{padding-right:calc(var(--spacing) * 2);}
.pr-2\.5{padding-right:calc(var(--spacing) * 2.5);}
[pr-4=""]{padding-right:calc(var(--spacing) * 4);}
[pt=""]{padding-top:calc(var(--spacing) * 4);}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group],
.pt-0,
[pt-0=""]{padding-top:calc(var(--spacing) * 0);}
.pt-1{padding-top:calc(var(--spacing) * 1);}
.pt-2,
[pt-2=""]{padding-top:calc(var(--spacing) * 2);}
[pt-24=""]{padding-top:calc(var(--spacing) * 24);}
.pt-3{padding-top:calc(var(--spacing) * 3);}
[pt-6=""]{padding-top:calc(var(--spacing) * 6);}
.pt-8,
[pt-8=""]{padding-top:calc(var(--spacing) * 8);}
.\[\&\[align\=center\]\]\:text-center[align=center],
.text-center,
[text-center=""]{text-align:center;}
.text-left,
[text-left=""]{text-align:left;}
.\[\&\[align\=right\]\]\:text-right[align=right],
.text-right{text-align:right;}
[align~="end"]{vertical-align:bottom;}
.align-middle{vertical-align:middle;}
[align~="start"]{vertical-align:top;}
[outline~="\30 "]{outline-style:var(--un-outline-style);outline-width:0px;}
.focus-visible\:outline-1:focus-visible{outline-style:var(--un-outline-style);outline-width:1px;}
[focus-visible\:outline-1=""]:focus-visible{outline-style:var(--un-outline-style);outline-width:1px;}
[focus-visible\:outline-ring=""]:focus-visible{outline-color:color-mix(in srgb, var(--ui-ring) var(--un-outline-opacity), transparent) /* var(--ui-ring) */;}
[outline=""],
[outline~="children\:"]>*{outline-style:var(--un-outline-style);outline-width:1px;}
.outline-hidden{outline-style:none;}
.focus\:outline-hidden:focus{outline-style:none;}
.focus-visible\:outline-hidden:focus-visible{outline-style:none;}
.outline-none,
[outline-none=""]{--un-outline-style:none;outline-style:none;}
.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *:focus[data-slot=navigation-menu-link]{--un-outline-style:none;outline-style:none;}
[focus\:outline-none=""]:focus{--un-outline-style:none;outline-style:none;}
.focus-visible\:outline-none:focus-visible{--un-outline-style:none;outline-style:none;}
[focus-visible\:outline-none=""]:focus-visible{--un-outline-style:none;outline-style:none;}
.list-decimal{list-style-type:decimal;}
[list-disc=""]{list-style-type:disc;}
.list-none{list-style-type:none;}
.border,
[b=""],
[border=""],
[border~="children\:"]>*{border-width:1px;}
.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px;}
.border-2{border-width:2px;}
.focus-visible\:border:focus-visible{border-width:1px;}
.file\:border-0::file-selector-button{border-width:0px;}
.\[\&_tr\]\:border-b tr,
.border-b,
.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top],
[border-b=""],
[border-b~="children\:"]>*{border-bottom-width:1px;}
.border-b-2,
[border-b-2=""]{border-bottom-width:2px;}
.border-l,
.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right],
[border-l=""]{border-left-width:1px;}
[border-l-0=""]{border-left-width:0px;}
.border-l-2,
[border-l-2=""]{border-left-width:2px;}
.border-r,
.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-width:1px;}
.border-t,
.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom],
[border-t=""]{border-top-width:1px;}
[first\:border-l=""]:first-child{border-left-width:1px;}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px;}
.border-\[color-mix\(in_oklch\,var\(--colors-white\)_18\%\,transparent\)\]{border-color:color-mix(in oklab, color-mix(in oklch,var(--colors-white) 18%,transparent) var(--un-border-opacity), transparent) /* color-mix(in oklch,var(--colors-white) 18%,transparent) */;}
.border-\[color-mix\(in_oklch\,var\(--ui-border\)_65\%\,transparent\)\]{border-color:color-mix(in oklab, color-mix(in oklch,var(--ui-border) 65%,transparent) var(--un-border-opacity), transparent) /* color-mix(in oklch,var(--ui-border) 65%,transparent) */;}
.border-\[var\(--ui-accent\)\]{border-color:color-mix(in oklab, var(--ui-accent) var(--un-border-opacity), transparent) /* var(--ui-accent) */;}
.border-\[var\(--ui-border\)\]{border-color:color-mix(in oklab, var(--ui-border) var(--un-border-opacity), transparent) /* var(--ui-border) */;}
.border-border,
.dark .dark\:border-border,
[border-border=""]{border-color:color-mix(in srgb, var(--ui-border) var(--un-border-opacity), transparent) /* var(--ui-border) */;}
.border-foreground{border-color:color-mix(in srgb, var(--ui-foreground) var(--un-border-opacity), transparent) /* var(--ui-foreground) */;}
.border-gray-300{border-color:color-mix(in srgb, var(--colors-gray-300) var(--un-border-opacity), transparent) /* oklch(87.2% 0.01 258.338) */;}
.border-green-200{border-color:color-mix(in srgb, var(--colors-green-200) var(--un-border-opacity), transparent) /* oklch(92.5% 0.084 155.995) */;}
.border-green-500{border-color:color-mix(in srgb, var(--colors-green-500) var(--un-border-opacity), transparent) /* oklch(72.3% 0.219 149.579) */;}
.border-input,
.dark [dark\:border-input=""],
[border-input=""]{border-color:color-mix(in srgb, var(--ui-input) var(--un-border-opacity), transparent) /* var(--ui-input) */;}
.border-muted{border-color:color-mix(in srgb, var(--ui-muted) var(--un-border-opacity), transparent) /* var(--ui-muted) */;}
.border-muted-foreground{border-color:color-mix(in srgb, var(--ui-muted-foreground) var(--un-border-opacity), transparent) /* var(--ui-muted-foreground) */;}
.border-primary,
.data-\[state\=checked\]\:border-primary[data-state=checked],
[border-primary=""]{border-color:color-mix(in srgb, var(--ui-primary) var(--un-border-opacity), transparent) /* var(--ui-primary) */;}
.border-primary\/20{border-color:color-mix(in srgb, var(--ui-primary) 20%, transparent) /* var(--ui-primary) */;}
.border-sidebar-border{border-color:color-mix(in srgb, var(--ui-sidebar-border) var(--un-border-opacity), transparent) /* var(--ui-sidebar-border) */;}
.border-transparent,
[border-transparent=""]{border-color:transparent;}
[border-white=""]{border-color:color-mix(in srgb, var(--colors-white) var(--un-border-opacity), transparent) /* #fff */;}
.border-white\/10{border-color:color-mix(in srgb, var(--colors-white) 10%, transparent) /* #fff */;}
.border-white\/15{border-color:color-mix(in srgb, var(--colors-white) 15%, transparent) /* #fff */;}
.border-white\/20{border-color:color-mix(in srgb, var(--colors-white) 20%, transparent) /* #fff */;}
.border-white\/30{border-color:color-mix(in srgb, var(--colors-white) 30%, transparent) /* #fff */;}
.focus-within\:border-\[var\(--ui-accent\)\]:focus-within{border-color:color-mix(in oklab, var(--ui-accent) var(--un-border-opacity), transparent) /* var(--ui-accent) */;}
.hover\:border-destructive\/20:hover{border-color:color-mix(in srgb, var(--ui-destructive) 20%, transparent) /* var(--ui-destructive) */;}
.hover\:border-white\/40:hover{border-color:color-mix(in srgb, var(--colors-white) 40%, transparent) /* #fff */;}
.hover\:border-white\/50:hover{border-color:color-mix(in srgb, var(--colors-white) 50%, transparent) /* #fff */;}
.focus\:border-\[var\(--ui-accent\)\]:focus{border-color:color-mix(in oklab, var(--ui-accent) var(--un-border-opacity), transparent) /* var(--ui-accent) */;}
.focus-visible\:border-ring:focus-visible{border-color:color-mix(in srgb, var(--ui-ring) var(--un-border-opacity), transparent) /* var(--ui-ring) */;}
[focus-visible\:border-ring=""]:focus-visible{border-color:color-mix(in srgb, var(--ui-ring) var(--un-border-opacity), transparent) /* var(--ui-ring) */;}
[border-l-transparent=""]{border-left-color:transparent;}
.border-t-transparent,
[border-t-transparent=""]{border-top-color:transparent;}
.rounded,
[rounded=""]{border-radius:var(--radius-DEFAULT);}
.rounded-\[14px\]{border-radius:14px;}
.rounded-\[2\.5rem\]{border-radius:2.5rem;}
.rounded-\[2px\]{border-radius:2px;}
.rounded-\[4px\]{border-radius:4px;}
.rounded-2xl,
[rounded-2xl=""]{border-radius:var(--radius-2xl);}
.rounded-3xl{border-radius:var(--radius-3xl);}
.rounded-full,
[rounded-full=""]{border-radius:calc(infinity * 1px);}
.rounded-lg,
[rounded-lg=""]{border-radius:var(--radius-lg);}
.rounded-md,
[rounded-md=""]{border-radius:var(--radius-md);}
.rounded-none,
[rounded-none=""]{border-radius:var(--radius-none);}
.rounded-sm{border-radius:var(--radius-sm);}
.rounded-xl,
[rounded-xl=""]{border-radius:var(--radius-xl);}
.rounded-xs{border-radius:var(--radius-xs);}
.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);}
.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);}
[first\:rounded-l-md=""]:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);}
[last\:rounded-r-md=""]:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);}
.rounded-bl-md{border-bottom-left-radius:var(--radius-md);}
.rounded-tl-sm{border-top-left-radius:var(--radius-sm);}
[rounded-tr-sm=""]{border-top-right-radius:var(--radius-sm);}
.border-none,
[border-none=""]{--un-border-style:none;border-style:none;}
.bg-\[color-mix\(in_oklch\,oklch\(0\.141_0\.005_285\.823\)_85\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,oklch(0.141 0.005 285.823) 85%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,oklch(0.141 0.005 285.823) 85%,transparent) */;}
.bg-\[color-mix\(in_oklch\,oklch\(0\.705_0\.015_286\.067\)_30\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,oklch(0.705 0.015 286.067) 30%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,oklch(0.705 0.015 286.067) 30%,transparent) */;}
.bg-\[color-mix\(in_oklch\,var\(--colors-white\)_8\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,var(--colors-white) 8%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,var(--colors-white) 8%,transparent) */;}
.bg-\[color-mix\(in_oklch\,var\(--ui-accent\)_20\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,var(--ui-accent) 20%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,var(--ui-accent) 20%,transparent) */;}
.bg-\[color-mix\(in_oklch\,var\(--ui-accent\)_35\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,var(--ui-accent) 35%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,var(--ui-accent) 35%,transparent) */;}
.bg-\[color-mix\(in_oklch\,var\(--ui-accent\)_6\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,var(--ui-accent) 6%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,var(--ui-accent) 6%,transparent) */;}
.bg-\[color-mix\(in_oklch\,var\(--ui-card\)_70\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,var(--ui-card) 70%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,var(--ui-card) 70%,transparent) */;}
.bg-\[color-mix\(in_oklch\,var\(--ui-foreground\)_4\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,var(--ui-foreground) 4%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,var(--ui-foreground) 4%,transparent) */;}
.bg-\[color-mix\(in_oklch\,var\(--ui-ring\)_22\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,var(--ui-ring) 22%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,var(--ui-ring) 22%,transparent) */;}
.bg-\[color-mix\(in_oklch\,var\(--ui-ring\)_30\%\,transparent\)\]{background-color:color-mix(in oklab, color-mix(in oklch,var(--ui-ring) 30%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,var(--ui-ring) 30%,transparent) */;}
.bg-\[length\:var\(--bg-size\)_100\%\]{background-size:var(--bg-size) 100%;}
.bg-\[linear-gradient\(120deg\,color-mix\(in_oklch\,var\(--ui-accent\)_14\%\,transparent\)\,transparent\)\]{background-image:linear-gradient(120deg,color-mix(in oklch,var(--ui-accent) 14%,transparent),transparent);}
.bg-\[linear-gradient\(120deg\,color-mix\(in_oklch\,var\(--ui-accent\)_75\%\,black\)\,color-mix\(in_oklch\,var\(--ui-ring\)_60\%\,black\)\)\]{background-image:linear-gradient(120deg,color-mix(in oklch,var(--ui-accent) 75%,black),color-mix(in oklch,var(--ui-ring) 60%,black));}
.bg-\[radial-gradient\(circle_at_bottom\,rgba\(59\,130\,246\,0\.2\)\,transparent_55\%\)\]{background-image:radial-gradient(circle at bottom,rgba(59,130,246,0.2),transparent 55%);}
.bg-\[radial-gradient\(circle_at_top\,rgba\(255\,255\,255\,0\.12\)\,transparent_55\%\)\]{background-image:radial-gradient(circle at top,rgba(255,255,255,0.12),transparent 55%);}
.bg-\[var\(--ui-card\)\]{background-color:color-mix(in oklab, var(--ui-card) var(--un-bg-opacity), transparent) /* var(--ui-card) */;}
.bg-accent,
.data-\[state\=open\]\:bg-accent[data-state=open],
[bg-accent=""]{background-color:color-mix(in srgb, var(--ui-accent) var(--un-bg-opacity), transparent) /* var(--ui-accent) */;}
.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in srgb, var(--ui-accent) 50%, transparent) /* var(--ui-accent) */;}
.bg-background,
.dark .dark\:bg-background,
[bg-background=""]{background-color:color-mix(in srgb, var(--ui-background) var(--un-bg-opacity), transparent) /* var(--ui-background) */;}
.dark .dark\:bg-background\/0{background-color:color-mix(in srgb, var(--ui-background) 0%, transparent) /* var(--ui-background) */;}
.bg-background\/10{background-color:color-mix(in srgb, var(--ui-background) 10%, transparent) /* var(--ui-background) */;}
.bg-background\/80{background-color:color-mix(in srgb, var(--ui-background) 80%, transparent) /* var(--ui-background) */;}
.bg-background\/90{background-color:color-mix(in srgb, var(--ui-background) 90%, transparent) /* var(--ui-background) */;}
.bg-black,
.dark [dark\:bg-black=""],
[bg-black=""]{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) /* #000 */;}
.bg-black\/20{background-color:color-mix(in srgb, var(--colors-black) 20%, transparent) /* #000 */;}
.bg-black\/25{background-color:color-mix(in srgb, var(--colors-black) 25%, transparent) /* #000 */;}
.bg-black\/50{background-color:color-mix(in srgb, var(--colors-black) 50%, transparent) /* #000 */;}
.bg-black\/55{background-color:color-mix(in srgb, var(--colors-black) 55%, transparent) /* #000 */;}
[bg-blue-500=""]{background-color:color-mix(in srgb, var(--colors-blue-500) var(--un-bg-opacity), transparent) /* oklch(62.3% 0.214 259.815) */;}
.bg-border{background-color:color-mix(in srgb, var(--ui-border) var(--un-bg-opacity), transparent) /* var(--ui-border) */;}
.bg-card,
[bg-card=""]{background-color:color-mix(in srgb, var(--ui-card) var(--un-bg-opacity), transparent) /* var(--ui-card) */;}
.dark [dark\:bg-destructive=""],
[bg-destructive=""]{background-color:color-mix(in srgb, var(--ui-destructive) var(--un-bg-opacity), transparent) /* var(--ui-destructive) */;}
.bg-green-50{background-color:color-mix(in srgb, var(--colors-green-50) var(--un-bg-opacity), transparent) /* oklch(98.2% 0.018 155.826) */;}
.dark [dark\:bg-input=""],
[bg-input=""]{background-color:color-mix(in srgb, var(--ui-input) var(--un-bg-opacity), transparent) /* var(--ui-input) */;}
.dark .dark\:bg-input\/30{background-color:color-mix(in srgb, var(--ui-input) 30%, transparent) /* var(--ui-input) */;}
.bg-muted,
.data-\[state\=open\]\:bg-muted[data-state=open],
.data-\[state\=selected\]\:bg-muted[data-state=selected],
[bg-muted=""]{background-color:color-mix(in srgb, var(--ui-muted) var(--un-bg-opacity), transparent) /* var(--ui-muted) */;}
.bg-muted\/20{background-color:color-mix(in srgb, var(--ui-muted) 20%, transparent) /* var(--ui-muted) */;}
.bg-muted\/30{background-color:color-mix(in srgb, var(--ui-muted) 30%, transparent) /* var(--ui-muted) */;}
.bg-muted\/50{background-color:color-mix(in srgb, var(--ui-muted) 50%, transparent) /* var(--ui-muted) */;}
.bg-popover{background-color:color-mix(in srgb, var(--ui-popover) var(--un-bg-opacity), transparent) /* var(--ui-popover) */;}
.bg-primary,
.dark .dark\:data-\[state\=checked\]\:bg-primary[data-state=checked],
.data-\[state\=checked\]\:bg-primary[data-state=checked],
.selection\:bg-primary *::selection,
.selection\:bg-primary::selection,
[bg-primary=""]{background-color:color-mix(in srgb, var(--ui-primary) var(--un-bg-opacity), transparent) /* var(--ui-primary) */;}
.bg-primary\/10{background-color:color-mix(in srgb, var(--ui-primary) 10%, transparent) /* var(--ui-primary) */;}
.bg-primary\/20{background-color:color-mix(in srgb, var(--ui-primary) 20%, transparent) /* var(--ui-primary) */;}
.bg-primary\/5{background-color:color-mix(in srgb, var(--ui-primary) 5%, transparent) /* var(--ui-primary) */;}
.bg-primary\/50{background-color:color-mix(in srgb, var(--ui-primary) 50%, transparent) /* var(--ui-primary) */;}
[bg-red-500=""]{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) /* oklch(63.7% 0.237 25.331) */;}
.bg-secondary,
.data-\[state\=open\]\:bg-secondary[data-state=open],
[bg-secondary=""]{background-color:color-mix(in srgb, var(--ui-secondary) var(--un-bg-opacity), transparent) /* var(--ui-secondary) */;}
.bg-sidebar{background-color:color-mix(in srgb, var(--ui-sidebar) var(--un-bg-opacity), transparent) /* var(--ui-sidebar) */;}
.data-\[active\=true\]\:bg-sidebar-accent[data-active=true],
[bg-sidebar-accent=""]{background-color:color-mix(in srgb, var(--ui-sidebar-accent) var(--un-bg-opacity), transparent) /* var(--ui-sidebar-accent) */;}
.bg-sidebar-border{background-color:color-mix(in srgb, var(--ui-sidebar-border) var(--un-bg-opacity), transparent) /* var(--ui-sidebar-border) */;}
[bg-slate-500=""]{background-color:color-mix(in srgb, var(--colors-slate-500) var(--un-bg-opacity), transparent) /* oklch(55.4% 0.046 257.417) */;}
.bg-transparent,
[bg-transparent=""]{background-color:transparent;}
.bg-white,
[bg-white=""]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) /* #fff */;}
.bg-white\/10,
.data-\[state\=open\]\:bg-white\/10[data-state=open]{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent) /* #fff */;}
.bg-white\/15{background-color:color-mix(in srgb, var(--colors-white) 15%, transparent) /* #fff */;}
.bg-white\/5{background-color:color-mix(in srgb, var(--colors-white) 5%, transparent) /* #fff */;}
.bg-white\/7{background-color:color-mix(in srgb, var(--colors-white) 7%, transparent) /* #fff */;}
.bg-white\/95{background-color:color-mix(in srgb, var(--colors-white) 95%, transparent) /* #fff */;}
.focus-within\:bg-\[var\(--ui-card\)\]:focus-within{background-color:color-mix(in oklab, var(--ui-card) var(--un-bg-opacity), transparent) /* var(--ui-card) */;}
.hover\:bg-\[color-mix\(in_oklch\,var\(--colors-white\)_14\%\,transparent\)\]:hover{background-color:color-mix(in oklab, color-mix(in oklch,var(--colors-white) 14%,transparent) var(--un-bg-opacity), transparent) /* color-mix(in oklch,var(--colors-white) 14%,transparent) */;}
.hover\:bg-\[var\(--ui-card\)\]:hover{background-color:color-mix(in oklab, var(--ui-card) var(--un-bg-opacity), transparent) /* var(--ui-card) */;}
.dark [dark\:hover\:bg-accent=""]:hover{background-color:color-mix(in srgb, var(--ui-accent) var(--un-bg-opacity), transparent) /* var(--ui-accent) */;}
.data-\[active\=true\]\:hover\:bg-accent:hover[data-active=true]{background-color:color-mix(in srgb, var(--ui-accent) var(--un-bg-opacity), transparent) /* var(--ui-accent) */;}
.hover\:bg-accent:hover{background-color:color-mix(in srgb, var(--ui-accent) var(--un-bg-opacity), transparent) /* var(--ui-accent) */;}
[hover\:bg-accent=""]:hover{background-color:color-mix(in srgb, var(--ui-accent) var(--un-bg-opacity), transparent) /* var(--ui-accent) */;}
.hover\:bg-accent\/40:hover{background-color:color-mix(in srgb, var(--ui-accent) 40%, transparent) /* var(--ui-accent) */;}
.hover\:bg-accent\/50:hover{background-color:color-mix(in srgb, var(--ui-accent) 50%, transparent) /* var(--ui-accent) */;}
.group:hover .group-hover\:bg-black\/\[\.03\]{background-color:color-mix(in srgb, var(--colors-black) .03, transparent) /* #000 */;}
[hover\:bg-destructive=""]:hover{background-color:color-mix(in srgb, var(--ui-destructive) var(--un-bg-opacity), transparent) /* var(--ui-destructive) */;}
.hover\:bg-destructive\/10:hover{background-color:color-mix(in srgb, var(--ui-destructive) 10%, transparent) /* var(--ui-destructive) */;}
.dark [dark\:hover\:bg-input=""]:hover{background-color:color-mix(in srgb, var(--ui-input) var(--un-bg-opacity), transparent) /* var(--ui-input) */;}
.hover\:bg-input\/30:hover{background-color:color-mix(in srgb, var(--ui-input) 30%, transparent) /* var(--ui-input) */;}
.dark .dark\:hover\:bg-muted:hover{background-color:color-mix(in srgb, var(--ui-muted) var(--un-bg-opacity), transparent) /* var(--ui-muted) */;}
[hover\:bg-muted=""]:hover{background-color:color-mix(in srgb, var(--ui-muted) var(--un-bg-opacity), transparent) /* var(--ui-muted) */;}
.hover\:bg-muted\/30:hover{background-color:color-mix(in srgb, var(--ui-muted) 30%, transparent) /* var(--ui-muted) */;}
.hover\:bg-muted\/50:hover{background-color:color-mix(in srgb, var(--ui-muted) 50%, transparent) /* var(--ui-muted) */;}
.group:hover .dark .group-hover\:dark\:bg-neutral-800\/10{background-color:color-mix(in srgb, var(--colors-neutral-800) 10%, transparent) /* oklch(26.9% 0 0) */;}
[hover\:bg-primary=""]:hover{background-color:color-mix(in srgb, var(--ui-primary) var(--un-bg-opacity), transparent) /* var(--ui-primary) */;}
.hover\:bg-primary\/20:hover{background-color:color-mix(in srgb, var(--ui-primary) 20%, transparent) /* var(--ui-primary) */;}
.hover\:bg-primary\/90:hover{background-color:color-mix(in srgb, var(--ui-primary) 90%, transparent) /* var(--ui-primary) */;}
[hover\:bg-secondary=""]:hover{background-color:color-mix(in srgb, var(--ui-secondary) var(--un-bg-opacity), transparent) /* var(--ui-secondary) */;}
.hover\:bg-sidebar-accent:hover{background-color:color-mix(in srgb, var(--ui-sidebar-accent) var(--un-bg-opacity), transparent) /* var(--ui-sidebar-accent) */;}
[hover\:bg-sidebar-accent=""]:hover{background-color:color-mix(in srgb, var(--ui-sidebar-accent) var(--un-bg-opacity), transparent) /* var(--ui-sidebar-accent) */;}
.hover\:after\:bg-sidebar-border:hover::after{background-color:color-mix(in srgb, var(--ui-sidebar-border) var(--un-bg-opacity), transparent) /* var(--ui-sidebar-border) */;}
.hover\:bg-transparent:hover{background-color:transparent;}
[hover\:bg-transparent=""]:hover{background-color:transparent;}
[hover\:bg-white=""]:hover{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) /* #fff */;}
.hover\:bg-white\/10:hover{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent) /* #fff */;}
.hover\:bg-white\/12:hover{background-color:color-mix(in srgb, var(--colors-white) 12%, transparent) /* #fff */;}
.hover\:bg-white\/20:hover{background-color:color-mix(in srgb, var(--colors-white) 20%, transparent) /* #fff */;}
.hover\:bg-white\/25:hover{background-color:color-mix(in srgb, var(--colors-white) 25%, transparent) /* #fff */;}
.hover\:bg-white\/5:hover{background-color:color-mix(in srgb, var(--colors-white) 5%, transparent) /* #fff */;}
.hover\:bg-white\/90:hover{background-color:color-mix(in srgb, var(--colors-white) 90%, transparent) /* #fff */;}
.focus\:bg-\[var\(--ui-card\)\]:focus{background-color:color-mix(in oklab, var(--ui-card) var(--un-bg-opacity), transparent) /* var(--ui-card) */;}
.data-\[active\=true\]\:focus\:bg-accent:focus[data-active=true]{background-color:color-mix(in srgb, var(--ui-accent) var(--un-bg-opacity), transparent) /* var(--ui-accent) */;}
.focus\:bg-accent:focus{background-color:color-mix(in srgb, var(--ui-accent) var(--un-bg-opacity), transparent) /* var(--ui-accent) */;}
[focus\:bg-accent=""]:focus{background-color:color-mix(in srgb, var(--ui-accent) var(--un-bg-opacity), transparent) /* var(--ui-accent) */;}
.data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant=destructive]{background-color:color-mix(in srgb, var(--ui-destructive) 10%, transparent) /* var(--ui-destructive) */;}
.dark .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant=destructive]{background-color:color-mix(in srgb, var(--ui-destructive) 20%, transparent) /* var(--ui-destructive) */;}
.focus-visible\:bg-background:focus-visible{background-color:color-mix(in srgb, var(--ui-background) var(--un-bg-opacity), transparent) /* var(--ui-background) */;}
.dark .dark\:focus-visible\:bg-input\/30:focus-visible{background-color:color-mix(in srgb, var(--ui-input) 30%, transparent) /* var(--ui-input) */;}
.active\:bg-sidebar-accent:active{background-color:color-mix(in srgb, var(--ui-sidebar-accent) var(--un-bg-opacity), transparent) /* var(--ui-sidebar-accent) */;}
.disabled\:bg-white\/40:disabled{background-color:color-mix(in srgb, var(--colors-white) 40%, transparent) /* #fff */;}
.even\:bg-muted:nth-child(even){background-color:color-mix(in srgb, var(--ui-muted) var(--un-bg-opacity), transparent) /* var(--ui-muted) */;}
.file\:bg-transparent::file-selector-button{background-color:transparent;}
.opacity-0,
[opacity-0=""]{opacity:0%;}
.data-\[state\=open\]\:opacity-100[data-state=open],
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100,
.group:hover .group-hover\:opacity-100,
.group:hover [group-hover\:opacity-100=""],
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100,
.group\/resizer:hover .group-hover\/resizer\:opacity-100{opacity:100%;}
.opacity-12{opacity:12%;}
.opacity-20{opacity:20%;}
.opacity-30{opacity:30%;}
.aria-disabled\:opacity-50[aria-disabled="true"],
.data-\[disabled\]\:opacity-50[data-disabled],
.data-\[disabled\=true\]\:opacity-50[data-disabled=true],
.opacity-50,
.peer:disabled~.peer-disabled\:opacity-50{opacity:50%;}
.opacity-60,
.group:hover .group-hover\:opacity-60{opacity:60%;}
.opacity-70{opacity:70%;}
.opacity-80{opacity:80%;}
.hover\:\!opacity-100:hover{opacity:100% !important;}
.hover\:opacity-100:hover{opacity:100%;}
.hover\:opacity-80:hover{opacity:80%;}
.disabled\:opacity-50:disabled{opacity:50%;}
[disabled\:opacity-50=""]:disabled{opacity:50%;}
.\@container\/card{container-type:inline-size;container-name:card;}
.underline{text-decoration-line:underline;}
[hover\:underline~="default\:"]:hover:default{text-decoration-line:underline;}
.hover\:underline:hover{text-decoration-line:underline;}
[hover\:underline=""]:hover{text-decoration-line:underline;}
.underline-offset-2{text-underline-offset:2px;}
.underline-offset-4,
[underline-offset-4=""]{text-underline-offset:4px;}
.flex,
[flex=""]{display:flex;}
.inline-flex,
[inline-flex=""]{display:inline-flex;}
.file\:inline-flex::file-selector-button{display:inline-flex;}
.flex-1,
[flex-1=""],
[flex-1~="children\:"]>*{flex:1 1 0%;}
.\[\&_svg\]\:shrink-0 svg,
.\[\&\>svg\]\:shrink-0>svg,
.flex-shrink-0,
.shrink-0,
[flex-shrink-0=""],
[shrink-0=""],
[shrink-0~="children\:"]>*{flex-shrink:0;}
[flex-shrink-0~="\)"],
[flex-shrink-0~="\{"],
[flex-shrink-0~="\}"],
[flex-shrink-0~="\<\/div\>"],
[flex-shrink-0~="\>\{date\}\<\/span\>"],
[flex-shrink-0~="Badge"],
[flex-shrink-0~="from"],
[flex-shrink-0~="import"],
[flex-shrink-0~="react-router-dom"],
[flex-shrink-0~="react"],
[flex-shrink-0~="React\,"],
[flex-shrink-0~="useEffect"],
[flex-shrink-0~="useParams"],
[flex-shrink-0~="useState\,"],
[shrink-0~="\,"],
[shrink-0~="\.\.\.props"],
[shrink-0~="\(\)"],
[shrink-0~="\(provider"],
[shrink-0~="\)"],
[shrink-0~="\)\}"],
[shrink-0~="\]"],
[shrink-0~="\{"],
[shrink-0~="\{\.\.\.props\}"],
[shrink-0~="\}"],
[shrink-0~="\}\,"],
[shrink-0~="\@__PURE__"],
[shrink-0~="\*\/"],
[shrink-0~="\/\*"],
[shrink-0~="\/\>"],
[shrink-0~="\="],
[shrink-0~="\=\=\="],
[shrink-0~="\=\>"],
[shrink-0~="CardTitle\(\{"],
[shrink-0~="className"],
[shrink-0~="className\,"],
[shrink-0~="false\,"],
[shrink-0~="formatFileSize\(fileSize\)"],
[shrink-0~="function"],
[shrink-0~="if"],
[shrink-0~="jsxDEV3\("],
[shrink-0~="LoadingIndicator"],
[shrink-0~="React\.ComponentProps\<"],
[shrink-0~="return"],
[shrink-0~="this\)"],
[shrink-0~="this\)\,"],
[shrink-0~="true\,"],
[shrink-0~="undefined\,"],
[shrink-0~="var"],
[shrink=""]{flex-shrink:1;}
.grow{flex-grow:1;}
[grow-0=""]{flex-grow:0;}
.flex-row,
[flex-row=""]{flex-direction:row;}
.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical],
.flex-col,
[flex-col=""],
[flex-col~="children\:"]>*{flex-direction:column;}
.flex-col-reverse{flex-direction:column-reverse;}
.flex-wrap,
[flex-wrap=""]{flex-wrap:wrap;}
.gap-0\.5{gap:calc(var(--spacing) * 0.5);}
.gap-1,
[gap-1=""],
[gap-1~="children\:"]>*{gap:calc(var(--spacing) * 1);}
.gap-1\.5,
[gap-1\.5=""]{gap:calc(var(--spacing) * 1.5);}
.gap-10,
[gap-10=""]{gap:calc(var(--spacing) * 10);}
.gap-12,
[gap-12=""]{gap:calc(var(--spacing) * 12);}
.gap-2,
[gap-2=""],
[gap-2~="children\:"]>*{gap:calc(var(--spacing) * 2);}
.gap-28{gap:calc(var(--spacing) * 28);}
.gap-3,
[gap-3=""],
[gap-3~="children\:"]>*{gap:calc(var(--spacing) * 3);}
.gap-4,
[gap-4=""]{gap:calc(var(--spacing) * 4);}
.gap-5{gap:calc(var(--spacing) * 5);}
.gap-6,
[gap-6=""]{gap:calc(var(--spacing) * 6);}
.gap-7{gap:calc(var(--spacing) * 7);}
.gap-8{gap:calc(var(--spacing) * 8);}
[gap-2~="disabled\:"]:disabled{gap:calc(var(--spacing) * 2);}
[gap-x-3=""]{column-gap:calc(var(--spacing) * 3);}
.gap-x-4,
[gap-x-4=""]{column-gap:calc(var(--spacing) * 4);}
[gap-y-0\.5=""]{row-gap:calc(var(--spacing) * 0.5);}
.gap-y-2,
[gap-y-2=""]{row-gap:calc(var(--spacing) * 2);}
.gap-y-8{row-gap:calc(var(--spacing) * 8);}
.grid,
[grid=""]{display:grid;}
.col-span-3,
[col-span-3=""]{grid-column:span 3/span 3;}
[row-span-2=""]{grid-row:span 2/span 2;}
[col-start-2=""]{grid-column-start:2;}
[row-start-1=""]{grid-row-start:1;}
[auto-rows-min=""]{grid-auto-rows:min-content;}
[grid-flow-dense=""]{grid-auto-flow:dense;}
.grid-cols-\[minmax\(96px\,max-content\)_1fr\]{grid-template-columns:minmax(96px,max-content) 1fr;}
.grid-cols-1,
[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-4{grid-template-columns:repeat(4,minmax(0,1fr));}
[rows~="\31 "]{grid-template-rows:repeat(1,minmax(0,1fr));}
[rows~="\33 "]{grid-template-rows:repeat(3,minmax(0,1fr));}
[size-0\.5=""]{width:calc(var(--spacing) * 0.5);height:calc(var(--spacing) * 0.5);}
[size~="\31 1"]{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);}
.size-12,
[size~="\31 2"]{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);}
[size~="\31 3"]{width:calc(var(--spacing) * 13);height:calc(var(--spacing) * 13);}
[size~="\31 4"]{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);}
[size~="\31 6"]{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);}
[size~="\31 8"]{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18);}
.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);}
.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5);}
[size~="\32 0"]{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20);}
[size~="\32 50"]{width:calc(var(--spacing) * 250);height:calc(var(--spacing) * 250);}
[size~="\32 80"]{width:calc(var(--spacing) * 280);height:calc(var(--spacing) * 280);}
.size-3,
[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);}
.\[\&_svg\]\:size-4 svg,
.\[\&\>svg\]\:size-4>svg,
.size-4,
[size-4=""]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}
.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}
.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);}
.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);}
.size-8,
[size-8=""]{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);}
.size-9,
[size-9=""]{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);}
.size-full,
[size-full=""]{width:100%;height:100%;}
[size~="lg"]{width:var(--container-lg);height:var(--container-lg);}
[size~="sm"]{width:var(--container-sm);height:var(--container-sm);}
.h-\[100cqh\]{height:100cqh;}
.h-\[130px\]{height:130px;}
.h-\[200px\]{height:200px;}
.h-\[240px\]{height:240px;}
.h-\[250px\]{height:250px;}
.h-\[280px\]{height:280px;}
.h-\[300px\]{height:300px;}
.h-\[320px\]{height:320px;}
.h-\[350px\]{height:350px;}
.h-\[360px\]{height:360px;}
.h-\[420px\]{height:420px;}
.h-\[520px\]{height:520px;}
.h-\[600px\]{height:600px;}
.h-\[65vh\]{height:65vh;}
.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height);}
.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height);}
.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal],
.h-1\.5{height:calc(var(--spacing) * 1.5);}
.h-10,
[h-10=""]{height:calc(var(--spacing) * 10);}
.h-11{height:calc(var(--spacing) * 11);}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input],
.h-12,
[h-12=""]{height:calc(var(--spacing) * 12);}
.h-14{height:calc(var(--spacing) * 14);}
.h-16{height:calc(var(--spacing) * 16);}
.h-2,
[h-2=""],
[h2=""]{height:calc(var(--spacing) * 2);}
.h-2\.5,
[h-2\.5=""]{height:calc(var(--spacing) * 2.5);}
.h-20{height:calc(var(--spacing) * 20);}
.h-24{height:calc(var(--spacing) * 24);}
.h-28,
[h-28=""]{height:calc(var(--spacing) * 28);}
[h-3=""],
[h3=""]{height:calc(var(--spacing) * 3);}
.h-3\.5{height:calc(var(--spacing) * 3.5);}
.h-32{height:calc(var(--spacing) * 32);}
.data-\[orientation\=vertical\]\:h-4[data-orientation=vertical],
.h-4,
[h-4=""],
[h4=""]{height:calc(var(--spacing) * 4);}
.h-48,
[h-48=""]{height:calc(var(--spacing) * 48);}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg,
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg,
.h-5,
[h-5=""]{height:calc(var(--spacing) * 5);}
.h-6,
[h-6=""]{height:calc(var(--spacing) * 6);}
.h-64{height:calc(var(--spacing) * 64);}
.h-7,
[h-7=""]{height:calc(var(--spacing) * 7);}
.h-72,
[h-72=""]{height:calc(var(--spacing) * 72);}
.h-8,
[h-8=""]{height:calc(var(--spacing) * 8);}
.h-80{height:calc(var(--spacing) * 80);}
.h-9,
[h-9=""]{height:calc(var(--spacing) * 9);}
.h-auto{height:auto;}
.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal],
.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical],
.h-full,
[h-full=""],
[h-full~="children\:"]>*{height:100%;}
.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal],
.h-px{height:1px;}
.h-screen{height:100vh;}
[h1=""]{height:calc(var(--spacing) * 1);}
.max-h-\[1200px\]{max-height:1200px;}
.max-h-\[120px\]{max-height:120px;}
.max-h-\[300px\]{max-height:300px;}
.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom],
.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh;}
.max-h-\[850px\]{max-height:850px;}
.max-h-36{max-height:calc(var(--spacing) * 36);}
.max-h-40,
[max-h-40~="children\:"]>*{max-height:calc(var(--spacing) * 40);}
[max-h-56=""]{max-height:calc(var(--spacing) * 56);}
.max-h-80{max-height:calc(var(--spacing) * 80);}
.max-h-96{max-height:calc(var(--spacing) * 96);}
.max-h-full{max-height:100%;}
.max-w-\[260px\]{max-width:260px;}
.max-w-\[90vw\]{max-width:90vw;}
.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem);}
.max-w-2xl,
[max-w-2xl=""]{max-width:var(--container-2xl);}
.max-w-3xl{max-width:var(--container-3xl);}
.max-w-4xl,
[max-w-4xl=""]{max-width:var(--container-4xl);}
.max-w-5xl,
[max-w-5xl=""]{max-width:var(--container-5xl);}
.max-w-6xl,
[max-w-6xl=""]{max-width:var(--container-6xl);}
.max-w-7xl{max-width:var(--container-7xl);}
[max-w-96=""]{max-width:calc(var(--spacing) * 96);}
[max-w-fit=""]{max-width:fit-content;}
.max-w-full{max-width:100%;}
.max-w-lg{max-width:var(--container-lg);}
.max-w-none{max-width:none;}
.max-w-sm{max-width:var(--container-sm);}
.max-w-xl{max-width:var(--container-xl);}
.min-h-\[160px\]{min-height:160px;}
.min-h-\[2\.25rem\]{min-height:2.25rem;}
.min-h-\[220px\]{min-height:220px;}
.min-h-\[280px\]{min-height:280px;}
.min-h-\[420px\]{min-height:420px;}
.min-h-\[600px\]{min-height:600px;}
.\!min-h-0{min-height:calc(var(--spacing) * 0) !important;}
.min-h-0,
[min-h-0=""],
[min-h-0~="children\:"]>*{min-height:calc(var(--spacing) * 0);}
.min-h-16{min-height:calc(var(--spacing) * 16);}
[min-h-4=""]{min-height:calc(var(--spacing) * 4);}
.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44);}
.min-h-screen,
[min-h-screen=""]{min-height:100vh;}
.min-w-\[8rem\]{min-width:8rem;}
.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}
.min-w-0,
[min-w-0=""],
[min-w-0~="children\:"]>*{min-width:calc(var(--spacing) * 0);}
.min-w-5{min-width:calc(var(--spacing) * 5);}
[min-w-56=""]{min-width:calc(var(--spacing) * 56);}
.w-\[100px\]{width:100px;}
.w-\[186px\]{width:186px;}
.w-\[200px\]{width:200px;}
.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5);}
.w-10,
[w-10=""]{width:calc(var(--spacing) * 10);}
.w-11{width:calc(var(--spacing) * 11);}
.w-12,
[w-12=""]{width:calc(var(--spacing) * 12);}
.w-14{width:calc(var(--spacing) * 14);}
.w-16{width:calc(var(--spacing) * 16);}
.w-2,
[w-2=""]{width:calc(var(--spacing) * 2);}
.w-2\.5,
[w-2\.5=""]{width:calc(var(--spacing) * 2.5);}
.w-20{width:calc(var(--spacing) * 20);}
.w-24,
[w-24=""]{width:calc(var(--spacing) * 24);}
.w-3,
[w-3=""]{width:calc(var(--spacing) * 3);}
.w-3\.5{width:calc(var(--spacing) * 3.5);}
.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left],
.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right],
.w-3\/4{width:75%;}
.w-32{width:calc(var(--spacing) * 32);}
.w-38{width:calc(var(--spacing) * 38);}
.w-4,
[w-4=""]{width:calc(var(--spacing) * 4);}
.w-40{width:calc(var(--spacing) * 40);}
[w-48=""]{width:calc(var(--spacing) * 48);}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg,
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg,
.w-5,
[w-5=""]{width:calc(var(--spacing) * 5);}
.w-56{width:calc(var(--spacing) * 56);}
.w-6{width:calc(var(--spacing) * 6);}
.w-7,
[w-7~="children\:"]>*{width:calc(var(--spacing) * 7);}
.w-72,
[w-72=""]{width:calc(var(--spacing) * 72);}
.w-8,
[w-8=""]{width:calc(var(--spacing) * 8);}
.w-80{width:calc(var(--spacing) * 80);}
.w-96{width:calc(var(--spacing) * 96);}
.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical],
.w-auto,
[w-auto=""]{width:auto;}
.w-fit,
[w-fit=""]{width:fit-content;}
.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal],
.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical],
.w-full,
[w-full=""],
[w-full~="children\:"]>*{width:100%;}
.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px;}
.w-screen{width:100vw;}
[w-7~="disabled\:"]:disabled{width:calc(var(--spacing) * 7);}
[before\:h-px=""]::before{height:1px;}
.after\:w-\[2px\]::after{width:2px;}
.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7);}
.max-w-screen-md{max-width:48rem;}
.max-w-screen-sm{max-width:40rem;}
.aspect-\[9\/16\]{aspect-ratio:9/16;}
.aspect-square,
[aspect-square=""]{aspect-ratio:1/1;}
.aspect-video{aspect-ratio:16/9;}
[after\:aspect-square=""]::after{aspect-ratio:1/1;}
.inline,
[inline=""]{display:inline;}
.\*\*\:data-\[slot\=select-value\]\:block *[data-slot=select-value],
.block,
.dark .dark\:block,
[block=""]{display:block;}
[inline-block=""]{display:inline-block;}
[contents=""]{display:contents;}
.dark .dark\:hidden,
.hidden,
[hidden=""]{display:none;}
[visible=""]{visibility:visible;}
.cursor-default{cursor:default;}
.cursor-help{cursor:help;}
.cursor-pointer,
[cursor-pointer=""]{cursor:pointer;}
.cursor-not-allowed,
[cursor-not-allowed=""],
.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed;}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
.cursor-col-resize{cursor:col-resize;}
[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize;}
[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize;}
.pointer-events-auto{pointer-events:auto;}
.\[\&_svg\]\:pointer-events-none svg,
.aria-disabled\:pointer-events-none[aria-disabled="true"],
.data-\[disabled\]\:pointer-events-none[data-disabled],
.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],
.pointer-events-none,
[pointer-events-none=""]{pointer-events:none;}
.disabled\:pointer-events-none:disabled{pointer-events:none;}
[disabled\:pointer-events-none=""]:disabled{pointer-events:none;}
[resize=""]{resize:both;}
.resize-none,
[resize-none=""]{resize:none;}
.select-none,
[select-none=""]{-webkit-user-select:none;user-select:none;}
.whitespace-nowrap,
[whitespace-nowrap=""]{white-space:nowrap;}
.whitespace-pre-wrap,
[whitespace-pre-wrap=""]{white-space:pre-wrap;}
.break-words,
[break-words=""]{overflow-wrap:break-word;}
.\[text-wrap\:balance\],
.text-balance{text-wrap:balance;}
.text-pretty{text-wrap:pretty;}
.\[\&\>span\:last-child\]\:truncate>span:last-child,
.\*\*\:data-\[slot\=select-value\]\:truncate *[data-slot=select-value],
.data-\[slot\=select-value\]\:truncate[data-slot=select-value],
.truncate,
[truncate=""],
[truncate~="children\:"]>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-ellipsis{text-overflow:ellipsis;}
.uppercase,
[uppercase=""]{text-transform:uppercase;}
[italic=""]{font-style:italic;}
.ring-1{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ring-2{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:ring-4:hover{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(4px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *:focus[data-slot=navigation-menu-link]{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(0px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus\:ring-0:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(0px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
[focus\:ring-2=""]:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus-visible\:ring-\[3px\]:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(3px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus-visible\:ring-0:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(0px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus-visible\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
[focus-visible\:ring-2=""]:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus-visible\:ring-4:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(4px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ring-primary{--un-ring-color:color-mix(in srgb, var(--ui-primary) var(--un-ring-opacity), transparent) /* var(--ui-primary) */;}
.ring-primary\/20{--un-ring-color:color-mix(in srgb, var(--ui-primary) 20%, transparent) /* var(--ui-primary) */;}
.ring-ring\/50{--un-ring-color:color-mix(in srgb, var(--ui-ring) 50%, transparent) /* var(--ui-ring) */;}
.ring-sidebar-ring{--un-ring-color:color-mix(in srgb, var(--ui-sidebar-ring) var(--un-ring-opacity), transparent) /* var(--ui-sidebar-ring) */;}
.ring-white\/10{--un-ring-color:color-mix(in srgb, var(--colors-white) 10%, transparent) /* #fff */;}
.group:hover .group-hover\:ring-primary\/30{--un-ring-color:color-mix(in srgb, var(--ui-primary) 30%, transparent) /* var(--ui-primary) */;}
.focus\:ring-ring:focus{--un-ring-color:color-mix(in srgb, var(--ui-ring) var(--un-ring-opacity), transparent) /* var(--ui-ring) */;}
.dark [dark\:focus-visible\:ring-destructive=""]:focus-visible{--un-ring-color:color-mix(in srgb, var(--ui-destructive) var(--un-ring-opacity), transparent) /* var(--ui-destructive) */;}
[focus-visible\:ring-destructive=""]:focus-visible{--un-ring-color:color-mix(in srgb, var(--ui-destructive) var(--un-ring-opacity), transparent) /* var(--ui-destructive) */;}
.focus-visible\:ring-ring:focus-visible{--un-ring-color:color-mix(in srgb, var(--ui-ring) var(--un-ring-opacity), transparent) /* var(--ui-ring) */;}
[focus-visible\:ring-ring=""]:focus-visible{--un-ring-color:color-mix(in srgb, var(--ui-ring) var(--un-ring-opacity), transparent) /* var(--ui-ring) */;}
.focus-visible\:ring-ring\/50:focus-visible{--un-ring-color:color-mix(in srgb, var(--ui-ring) 50%, transparent) /* var(--ui-ring) */;}
.focus\:ring-offset-2:focus{--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);}
.focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);}
.ring-offset-background{--un-ring-offset-color:color-mix(in srgb, var(--ui-background) var(--un-ring-offset-opacity), transparent) /* var(--ui-background) */;}
.shadow,
.shadow-sm,
[shadow-none~="\*\/"],
[shadow-sm=""]{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0_10px_24px_-16px_rgba\(0\,0\,0\,0\.8\)\]{--un-shadow:0 10px 24px -16px var(--un-shadow-color, rgba(0, 0, 0, 0.8));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0_18px_45px_-30px_color-mix\(in_oklch\,var\(--ui-accent\)_65\%\,transparent\)\]{--un-shadow:0 18px 45px -30px color-mix(in oklch,var(--ui-accent) 65%,transparent) var(--un-shadow-color, );box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0_18px_45px_-35px_rgba\(15\,23\,42\,0\.35\)\]{--un-shadow:0 18px 45px -35px var(--un-shadow-color, rgba(15, 23, 42, 0.35));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0_18px_60px_-35px_rgba\(0\,0\,0\,0\.9\)\]{--un-shadow:0 18px 60px -35px var(--un-shadow-color, rgba(0, 0, 0, 0.9));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0_24px_80px_-40px_color-mix\(in_oklch\,var\(--ui-accent\)_35\%\,transparent\)\]{--un-shadow:0 24px 80px -40px color-mix(in oklch,var(--ui-accent) 35%,transparent) var(--un-shadow-color, );box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0_25px_70px_-45px_color-mix\(in_oklch\,var\(--ui-accent\)_45\%\,transparent\)\]{--un-shadow:0 25px 70px -45px color-mix(in oklch,var(--ui-accent) 45%,transparent) var(--un-shadow-color, );box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0_30px_100px_-40px_rgba\(0\,0\,0\,0\.55\)\]{--un-shadow:0 30px 100px -40px var(--un-shadow-color, rgba(0, 0, 0, 0.55));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[inset_0_-8px_10px_\#ffffff1f\]{--un-shadow:inset 0 -8px 10px var(--un-shadow-color, rgb(255 255 255 / 0.12));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[inset_0_1px_0_color-mix\(in_oklch\,var\(--colors-white\)_12\%\,transparent\)\]{--un-shadow:inset 0 1px 0 color-mix(in oklch,var(--colors-white) 12%,transparent) var(--un-shadow-color, );box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-2xl{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-lg,
[shadow-lg=""]{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-md{--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-none,
[shadow-none=""],
[shadow-none~="children\:"]>*{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.data-\[variant\=outline\]\:shadow-xs[data-variant=outline],
.shadow-xs,
[shadow-xs=""]{--un-shadow:0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus-within\:shadow-lg:focus-within{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.group:hover .group-hover\:shadow-\[inset_0_-6px_10px_\#ffffff3f\]{--un-shadow:inset 0 -6px 10px var(--un-shadow-color, rgb(255 255 255 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:shadow-2xl:hover{--un-shadow:0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:shadow-lg:hover{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:shadow-primary\/5:hover{--un-shadow-color:color-mix(in srgb, var(--ui-primary) 5%, transparent) /* var(--ui-primary) */;}
.hover\:shadow-xl:hover{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.group:active .group-active\:shadow-\[inset_0_-10px_10px_\#ffffff3f\]{--un-shadow:inset 0 -10px 10px var(--un-shadow-color, rgb(255 255 255 / 0.25));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.origin-left{transform-origin:left;}
.origin-top-center{transform-origin:top center;}
.-translate-x-1\/2,
.translate-x-\[-50\%\]{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
.translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
.data-\[side\=left\]\:-translate-x-1[data-side=left],
[-translate-x-1=""]{--un-translate-x:calc(var(--spacing) * -1);translate:var(--un-translate-x) var(--un-translate-y);}
.data-\[side\=right\]\:translate-x-1[data-side=right],
.group:hover .group-hover\:translate-x-1{--un-translate-x:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);}
.translate-x-full{--un-translate-x:100%;translate:var(--un-translate-x) var(--un-translate-y);}
.-translate-x-px{--un-translate-x:-1px;translate:var(--un-translate-x) var(--un-translate-y);}
.translate-x-px{--un-translate-x:1px;translate:var(--un-translate-x) var(--un-translate-y);}
.-translate-y-1\/2,
.translate-y-\[-50\%\]{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--un-translate-y:2px;translate:var(--un-translate-x) var(--un-translate-y);}
.translate-y-\[calc\(-50\%_-_2px\)\]{--un-translate-y:calc(-50% - 2px);translate:var(--un-translate-x) var(--un-translate-y);}
[translate-y-0\.5=""]{--un-translate-y:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}
.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--un-translate-y:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);}
.data-\[side\=top\]\:-translate-y-1[data-side=top],
[-translate-y-1=""]{--un-translate-y:calc(var(--spacing) * -1);translate:var(--un-translate-x) var(--un-translate-y);}
.translate-y-10{--un-translate-y:calc(var(--spacing) * 10);translate:var(--un-translate-x) var(--un-translate-y);}
.group:hover .group-hover\:translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
.group:hover .group-hover\:-translate-y-10{--un-translate-y:calc(var(--spacing) * -10);translate:var(--un-translate-x) var(--un-translate-y);}
.active\:translate-y-px:active{--un-translate-y:1px;translate:var(--un-translate-x) var(--un-translate-y);}
[before\:-translate-y-1=""]::before{--un-translate-y:calc(var(--spacing) * -1);translate:var(--un-translate-x) var(--un-translate-y);}
.rotate-0{rotate:0deg;}
.rotate-180{rotate:180deg;}
.rotate-45{rotate:45deg;}
[scale~="\34 0"]{--un-scale-x:40%;--un-scale-y:40%;scale:var(--un-scale-x) var(--un-scale-y);}
.group:hover .group-hover\:scale-105{--un-scale-x:105%;--un-scale-y:105%;scale:var(--un-scale-x) var(--un-scale-y);}
.hover\:scale-105:hover{--un-scale-x:105%;--un-scale-y:105%;scale:var(--un-scale-x) var(--un-scale-y);}
.group:hover .group-hover\:scale-110{--un-scale-x:110%;--un-scale-y:110%;scale:var(--un-scale-x) var(--un-scale-y);}
.group:hover .group-hover\:scale-75{--un-scale-x:75%;--un-scale-y:75%;scale:var(--un-scale-x) var(--un-scale-y);}
.disabled\:hover\:scale-100:hover:disabled{--un-scale-x:100%;--un-scale-y:100%;scale:var(--un-scale-x) var(--un-scale-y);}
.transform,
[transform=""]{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
[before\:transform=""]::before{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
.transform-gpu,
[transform-gpu=""]{transform:translateZ(0) var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
[-transition=""]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:calc(var(--un-ease, var(--default-transition-timingFunction)) * -1);transition-duration:calc(var(--un-duration, var(--default-transition-duration)) * -1);}
.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-\[width\,left\,right\]{transition-property:width,left,right;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-\[width\]{transition-property:width;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
[transition~="\31 "]{--un-duration:1ms;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-all,
[transition-all=""]{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-colors,
[transition-colors=""],
[transition-colors~="children\:"]>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-opacity,
[transition-opacity=""]{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-shadow,
[transition-shadow=""]{transition-property:box-shadow;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-transform,
[transition-transform=""]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
[duration~="\31 2"]{--un-duration:12ms;transition-duration:12ms;}
.duration-200{--un-duration:200ms;transition-duration:200ms;}
.data-\[state\=closed\]\:duration-300[data-state=closed],
.duration-300,
[duration-300=""]{--un-duration:300ms;transition-duration:300ms;}
.data-\[state\=open\]\:duration-500[data-state=open],
.duration-500,
[duration-500=""]{--un-duration:500ms;transition-duration:500ms;}
.duration-700,
[duration-700=""]{--un-duration:700ms;transition-duration:700ms;}
[delay~="\32 "]{transition-delay:2ms;}
[ease=""]{--un-ease:var(--ease-DEFAULT);transition-timing-function:var(--ease-DEFAULT);}
.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}
.ease-linear,
[ease-linear=""]{--un-ease:var(--ease-linear);transition-timing-function:var(--ease-linear);}
[ease-out=""]{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}
.transition-none{transition:none;}
[object~="\$\.get\(index2\)"]{object-fit:var(--\.get\(index2\));}
[object~="\$\.set\(index2\,"]{object-fit:var(--\.set\(index2);}
.\[animation-delay\:200ms\]{animation-delay:200ms;}
.\[animation-delay\:400ms\]{animation-delay:400ms;}
.\[aspect-ratio\:1\]{aspect-ratio:1;}
.\[background-image\:linear-gradient\(to_right\,rgba\(0\,0\,0\,0\.1\)_1px\,transparent_0\)\,linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\.1\)_1px\,transparent_0\)\]{background-image:linear-gradient(to right,rgba(0,0,0,0.1) 1px,transparent 0),linear-gradient(to bottom,rgba(0,0,0,0.1) 1px,transparent 0);}
.dark .dark\:\[background-image\:linear-gradient\(to_right\,rgba\(255\,255\,255\,0\.1\)_1px\,transparent_0\)\,linear-gradient\(to_bottom\,rgba\(255\,255\,255\,0\.1\)_1px\,transparent_0\)\]{background-image:linear-gradient(to right,rgba(255,255,255,0.1) 1px,transparent 0),linear-gradient(to bottom,rgba(255,255,255,0.1) 1px,transparent 0);}
.\[background-repeat\:repeat\]{background-repeat:repeat;}
.\[background-size\:60px_60px\]{background-size:60px 60px;}
.\[background\:conic-gradient\(from_calc\(270deg-\(var\(--spread\)\*0\.5\)\)\,transparent_0\,var\(--shimmer-color\)_var\(--spread\)\,transparent_var\(--spread\)\)\]{background:conic-gradient(from calc(270deg - (var(--spread) * 0.5)),transparent 0,var(--shimmer-color) var(--spread),transparent var(--spread));}
.\[background\:var\(--bg\)\]{background:var(--bg);}
.\[border-radius\:0\]{border-radius:0;}
.\[border-radius\:inherit\]{border-radius:inherit;}
.\[border-radius\:var\(--radius\)\]{border-radius:var(--radius);}
.\[container-type\:size\]{container-type:size;}
.\[height\:300vh\]{height:300vh;}
.\[inset\:0\%_0px\]{inset:0% 0px;}
.\[inset\:var\(--cut\)\]{inset:var(--cut);}
.\[margin-left\:-50\%\]{margin-left:-50%;}
.\!\[mask-composite\:subtract\]{mask-composite:subtract !important;}
.\[mask-image\:radial-gradient\(500px_circle_at_center\,white\,transparent\)\]{mask-image:radial-gradient(500px circle at center,white,transparent);}
.\[mask-image\:radial-gradient\(600px_circle_at_center\,white\,transparent\)\]{mask-image:radial-gradient(600px circle at center,white,transparent);}
.\[mask-image\:radial-gradient\(ellipse_at_center\,white_20\%\,transparent_80\%\)\]{mask-image:radial-gradient(ellipse at center,white 20%,transparent 80%);}
.\[mask\:linear-gradient\(\#fff_0_0\)_content-box\,linear-gradient\(\#fff_0_0\)\]{mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);}
.\[mask\:none\]{mask:none;}
.\[transform-origin\:100\%_0_0\]{transform-origin:100% 0 0;}
.\[transform\:rotateX\(var\(--grid-angle\)\)\]{transform:rotateX(var(--grid-angle));}
.\[translate\:0_0\]{translate:0 0;}
.\[width\:600vw\]{width:600vw;}
.items-start,
[items-start=""]{align-items:flex-start;}
.items-end{align-items:flex-end;}
.items-center,
[items-center=""],
[items-center~="children\:"]>*{align-items:center;}
.items-baseline,
[items-baseline=""]{align-items:baseline;}
[self-start=""]{align-self:flex-start;}
.inset-0,
[inset-0=""]{inset:calc(var(--spacing) * 0);}
.-inset-full{inset:-100%;}
.-inset-px{inset:-1px;}
.after\:-inset-2::after{inset:calc(var(--spacing) * -2);}
.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom],
.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top],
.inset-x-0{inset-inline:calc(var(--spacing) * 0);}
.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left],
.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right],
.inset-y-0{inset-block:calc(var(--spacing) * 0);}
.after\:inset-y-0::after{inset-block:calc(var(--spacing) * 0);}
.bottom-0,
.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom],
[bottom-0=""]{bottom:calc(var(--spacing) * 0);}
[bottom-12=""]{bottom:calc(var(--spacing) * 12);}
.bottom-14{bottom:calc(var(--spacing) * 14);}
.bottom-4{bottom:calc(var(--spacing) * 4);}
[bottom-6=""]{bottom:calc(var(--spacing) * 6);}
.bottom-8{bottom:calc(var(--spacing) * 8);}
.left-\[50\%\],
.left-1\/2{left:50%;}
.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left],
.left-0,
[left-0=""]{left:calc(var(--spacing) * 0);}
[left-1=""]{left:calc(var(--spacing) * 1);}
.-left-1\.5{left:calc(var(--spacing) * -1.5);}
.left-2{left:calc(var(--spacing) * 2);}
[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2);}
.-left-24,
[-left-24=""]{left:calc(var(--spacing) * -24);}
[left-3=""]{left:calc(var(--spacing) * 3);}
.left-4,
[left-4=""]{left:calc(var(--spacing) * 4);}
[left-5=""]{left:calc(var(--spacing) * 5);}
[left-6=""]{left:calc(var(--spacing) * 6);}
.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right],
.right-0,
[right-0=""],
[right~="\30 "]{right:calc(var(--spacing) * 0);}
.right-1{right:calc(var(--spacing) * 1);}
.-right-1\.5{right:calc(var(--spacing) * -1.5);}
.right-2,
[right~="\32 "]{right:calc(var(--spacing) * 2);}
[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2);}
.right-3{right:calc(var(--spacing) * 3);}
.right-4,
[right-4=""]{right:calc(var(--spacing) * 4);}
[right-5=""]{right:calc(var(--spacing) * 5);}
.top-\[1px\]{top:1px;}
.top-\[50\%\],
.top-1\/2{top:50%;}
.top-\[60\%\]{top:60%;}
.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top],
.top-0,
[top-0=""]{top:calc(var(--spacing) * 0);}
[top-1=""]{top:calc(var(--spacing) * 1);}
.top-1\.5{top:calc(var(--spacing) * 1.5);}
.top-1\/3{top:33.3333333333%;}
[top-12=""]{top:calc(var(--spacing) * 12);}
.top-3\.5{top:calc(var(--spacing) * 3.5);}
.top-4,
[top-4=""]{top:calc(var(--spacing) * 4);}
.top-full,
[top-full=""]{top:100%;}
[before\:top-1=""]::before{top:calc(var(--spacing) * 1);}
.after\:left-1\/2::after{left:50%;}
.justify-start,
[justify-start=""]{justify-content:flex-start;}
.justify-end,
[justify-end=""],
[justify-end~="children\:"]>*{justify-content:flex-end;}
.justify-center,
[justify-center=""]{justify-content:center;}
.justify-between,
[justify-between=""],
[justify-between~="children\:"]>*{justify-content:space-between;}
[justify-around=""]{justify-content:space-around;}
[justify-items-start=""]{justify-items:start;}
.absolute,
[absolute=""]{position:absolute;}
.fixed,
[fixed=""]{position:fixed;}
.relative,
[relative=""],
[relative~="children\:"]>*{position:relative;}
.sticky,
[sticky=""]{position:sticky;}
[before\:absolute=""]::before{position:absolute;}
.after\:absolute::after{position:absolute;}
[after\:absolute=""]::after{position:absolute;}
.z-\[1\]{z-index:1;}
.z-0{z-index:0;}
.-z-10,
[-z-10=""]{z-index:-10;}
.z-10,
[z-10=""]{z-index:10;}
.-z-20{z-index:-20;}
.z-20,
[z-20=""]{z-index:20;}
.-z-30{z-index:-30;}
.z-40{z-index:40;}
.z-50,
[z-50=""]{z-index:50;}
[focus\:z-10=""]:focus{z-index:10;}
[focus-visible\:z-10=""]:focus-visible{z-index:10;}
.overflow-auto,
[overflow-auto=""]{overflow:auto;}
.overflow-hidden,
[overflow-hidden=""],
[overflow-hidden~="children\:"]>*{overflow:hidden;}
.overflow-visible{overflow:visible;}
[overflow-hidden~="default\:"]:default{overflow:hidden;}
.overflow-x-auto,
[overflow-x-auto=""]{overflow-x:auto;}
.overflow-x-hidden,
[overflow-x-hidden=""]{overflow-x:hidden;}
.overflow-y-auto,
[overflow-y-auto=""],
[overflow-y-auto~="children\:"]>*{overflow-y:auto;}
.fill-current{fill:currentColor;}
[fill-gray-400=""]{fill:color-mix(in srgb, var(--colors-gray-400) var(--un-fill-opacity), transparent) /* oklch(70.7% 0.022 261.325) */;}
.dark .dark\:fill-green-400{fill:color-mix(in srgb, var(--colors-green-400) var(--un-fill-opacity), transparent) /* oklch(79.2% 0.209 151.711) */;}
.fill-green-500{fill:color-mix(in srgb, var(--colors-green-500) var(--un-fill-opacity), transparent) /* oklch(72.3% 0.219 149.579) */;}
[fill-neutral-400=""]{fill:color-mix(in srgb, var(--colors-neutral-400) var(--un-fill-opacity), transparent) /* oklch(70.8% 0 0) */;}
.fill-primary{fill:color-mix(in srgb, var(--ui-primary) var(--un-fill-opacity), transparent) /* var(--ui-primary) */;}
[stroke-width~="\31 \.8"]{stroke-width:1.8px;}
[stroke-width~="\31 \.9"]{stroke-width:1.9px;}
[stroke-width~="\32 \.2"]{stroke-width:2.2px;}
[stroke-gray-400=""]{stroke:color-mix(in srgb, var(--colors-gray-400) var(--un-stroke-opacity), transparent) /* oklch(70.7% 0.022 261.325) */;}
@keyframes fade-in-up{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.animate-fade-in-up{animation:fade-in-up 1s linear 1;}
@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
.animate-pulse,
[animate-pulse~="children\:"]>*{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.animate-spin,
[animate-spin=""]{animation:spin 1s linear infinite;}
.from-\[\#ffaa40\]{--un-gradient-from:color-mix(in oklab, #ffaa40 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-\[\#ffaa40\]\/50{--un-from-opacity:50%;--un-gradient-from:color-mix(in oklab, #ffaa40 var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-\[var\(--ui-accent\)\]{--un-gradient-from:color-mix(in oklab, var(--ui-accent) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.dark .dark\:from-background,
.from-background{--un-gradient-from:color-mix(in oklab, var(--colors-background) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-background\/60{--un-from-opacity:60%;--un-gradient-from:color-mix(in oklab, var(--colors-background) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.dark .dark\:from-black,
[from-black=""]{--un-gradient-from:color-mix(in oklab, var(--colors-black) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-black\/60{--un-from-opacity:60%;--un-gradient-from:color-mix(in oklab, var(--colors-black) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-foreground{--un-gradient-from:color-mix(in oklab, var(--colors-foreground) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-primary{--un-gradient-from:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-primary\/10{--un-from-opacity:10%;--un-gradient-from:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-primary\/5{--un-from-opacity:5%;--un-gradient-from:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[from-slate-900=""]{--un-gradient-from:color-mix(in oklab, var(--colors-slate-900) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-transparent{--un-gradient-from:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.dark [dark\:from-white=""],
.from-white{--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.from-white\/10{--un-from-opacity:10%;--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-\[\#ffaa40\]{--un-gradient-to:color-mix(in oklab, #ffaa40 var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-\[\#ffaa40\]\/50{--un-to-opacity:50%;--un-gradient-to:color-mix(in oklab, #ffaa40 var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-\[var\(--ui-accent\)\]{--un-gradient-to:color-mix(in oklab, var(--ui-accent) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-background\/10{--un-to-opacity:10%;--un-gradient-to:color-mix(in oklab, var(--colors-background) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.dark .dark\:to-background\/30{--un-to-opacity:30%;--un-gradient-to:color-mix(in oklab, var(--colors-background) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[to-black=""]{--un-gradient-to:color-mix(in oklab, var(--colors-black) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-black\/40{--un-to-opacity:40%;--un-gradient-to:color-mix(in oklab, var(--colors-black) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-card{--un-gradient-to:color-mix(in oklab, var(--colors-card-DEFAULT) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-foreground\/70{--un-to-opacity:70%;--un-gradient-to:color-mix(in oklab, var(--colors-foreground) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-muted\/30{--un-to-opacity:30%;--un-gradient-to:color-mix(in oklab, var(--colors-muted-DEFAULT) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-primary\/5{--un-to-opacity:5%;--un-gradient-to:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-primary\/80{--un-to-opacity:80%;--un-gradient-to:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.dark [dark\:to-slate-400=""]{--un-gradient-to:color-mix(in oklab, var(--colors-slate-400) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[to-slate-600=""]{--un-gradient-to:color-mix(in oklab, var(--colors-slate-600) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-transparent{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-zinc-900{--un-gradient-to:color-mix(in oklab, var(--colors-zinc-900) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.via-\[\#9c40ff\]{--un-gradient-via:color-mix(in oklab, #9c40ff var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.via-\[\#9c40ff\]\/50{--un-via-opacity:50%;--un-gradient-via:color-mix(in oklab, #9c40ff var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.via-background\/30{--un-via-opacity:30%;--un-gradient-via:color-mix(in oklab, var(--colors-background) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.dark .dark\:via-background\/50{--un-via-opacity:50%;--un-gradient-via:color-mix(in oklab, var(--colors-background) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
[via-black=""]{--un-gradient-via:color-mix(in oklab, var(--colors-black) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.via-black\/20{--un-via-opacity:20%;--un-gradient-via:color-mix(in oklab, var(--colors-black) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.dark .dark\:via-black\/80{--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-black) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.via-card\/25{--un-via-opacity:25%;--un-gradient-via:color-mix(in oklab, var(--colors-card-DEFAULT) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.dark [dark\:via-slate-100=""]{--un-gradient-via:color-mix(in oklab, var(--colors-slate-100) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
[via-slate-800=""]{--un-gradient-via:color-mix(in oklab, var(--colors-slate-800) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.via-transparent{--un-gradient-via:transparent;--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.via-white\/80{--un-via-opacity:80%;--un-gradient-via:color-mix(in oklab, var(--colors-white) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.via-zinc-900\/25{--un-via-opacity:25%;--un-gradient-via:color-mix(in oklab, var(--colors-zinc-900) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.hover\:from-primary\/90:hover{--un-from-opacity:90%;--un-gradient-from:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.hover\:to-primary\/70:hover{--un-to-opacity:70%;--un-gradient-to:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\,"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\}"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\}\}"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\*"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\/\>"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\+"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\<\/\>"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\$\{Math\.floor\(Math\.random\(\)"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\$\{Math\.random\(\)"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\30 \,"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\30 \.2\}s"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\30 \.6"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="\38 "]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="className"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
[before\:to-transparent~="style\=\{\{"]::before{--un-gradient-to:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.bg-gradient-to-b,
[bg-gradient-to-b=""]{--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.bg-gradient-to-br,
[bg-gradient-to-br=""]{--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.bg-gradient-to-r{--un-gradient-position:to right in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.bg-gradient-to-t,
[bg-gradient-to-t=""]{--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
[before\:bg-gradient-to-r=""]::before{--un-gradient-position:to right in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.bg-clip-text,
[bg-clip-text=""]{-webkit-background-clip:text;background-clip:text;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
.isolate,
[isolate=""]{isolation:isolate;}
.object-cover,
[object-cover=""]{object-fit:cover;}
.object-contain{object-fit:contain;}
[object~="\[\.\.\.ids\]"]{object-position:...ids;}
.object-top{object-position:top;}
.min-h-svh{min-height:100svh;}
.h-svh{height:100svh;}
.backdrop-blur,
.backdrop-blur-sm,
[backdrop-blur-sm=""]{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
.backdrop-blur-md{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
.backdrop-blur-xl,
[backdrop-blur-xl=""]{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
.blur-\[120px\]{--un-blur:blur(120px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.blur-\[140px\]{--un-blur:blur(140px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.blur-\[2px\]{--un-blur:blur(2px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.brightness-110{--un-brightness:brightness(110%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.drop-shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.8\)\]{--un-drop-shadow:drop-shadow(0 2px 10px var(--un-drop-shadow-color, rgba(0, 0, 0, 0.8)));filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.drop-shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.35\)\]{--un-drop-shadow:drop-shadow(0 6px 18px var(--un-drop-shadow-color, rgba(0, 0, 0, 0.35)));filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.drop-shadow-lg{--un-drop-shadow:drop-shadow(0 4px 4px var(--un-drop-shadow-color, rgb(0 0 0 / 0.15)));filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.grayscale{--un-grayscale:grayscale(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.hover\:grayscale-0:hover{--un-grayscale:grayscale(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.dark .dark\:invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.line-clamp-1,
[line-clamp-1=""]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.line-clamp-2,
[line-clamp-2=""]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.placeholder-\[var\(--ui-muted-foreground\)\]::placeholder{color:color-mix(in oklab, var(--ui-muted-foreground) var(--un-placeholder-opacity), transparent) /* var(--ui-muted-foreground) */;}
.placeholder-gray-500::placeholder{color:color-mix(in srgb, var(--colors-gray-500) var(--un-placeholder-opacity), transparent) /* oklch(55.1% 0.027 264.364) */;}
[scroll-m-20=""]{scroll-margin:calc(var(--spacing) * 20);}
.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1);}
[table=""],
[table~="children\:"]>*{display:table;}
.caption-bottom{caption-side:bottom;}
.touch-none,
[touch-none=""]{touch-action:none;}
.tabular-nums,
[tabular-nums=""]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}
.field-sizing-content{field-sizing:content;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} .\?{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} .light $$ [light~="\?"]{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} [\?=""]{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} [active~="\?"]:active{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} [aria-pressed~="\?"][aria-pressed="true"]{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} [children~="\?"]>*{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} [marker~="\?"] *::marker{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} [marker~="\?"]::marker{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} [open~="\?"][open]{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} [svg~="\?"] svg{animation:__un_qm 0.5s ease-in-out alternate infinite;}
@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} [target~="\?"]:target{animation:__un_qm 0.5s ease-in-out alternate infinite;}
.divide-y{
:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}
}
.group-data-\[collapsible\=icon\]\:-mt-8{
&:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8);}
}
.group-data-\[collapsible\=icon\]\:hidden{
&:is(:where(.group)[data-collapsible=icon] *){display:none;}
}
.group-data-\[collapsible\=icon\]\:opacity-0{
&:is(:where(.group)[data-collapsible=icon] *){opacity:0%;}
}
.group-data-\[collapsible\=icon\]\:overflow-hidden{
&:is(:where(.group)[data-collapsible=icon] *){overflow:hidden;}
}
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]{
&:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (--spacing(4)));}
}
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]{
&:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px);}
}
.group-data-\[collapsible\=offcanvas\]\:after\:left-full{
&:is(:where(.group)[data-collapsible=offcanvas] *)::after{left:100%;}
}
.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{
&:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1);}
}
.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{
&:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1);}
}
.group-data-\[collapsible\=offcanvas\]\:translate-x-0{
&:is(:where(.group)[data-collapsible=offcanvas] *){--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
}
.group-data-\[collapsible\=offcanvas\]\:w-0{
&:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0);}
}
.group-data-\[disabled\=true\]\:opacity-50{
&:is(:where(.group)[data-disabled=true] *){opacity:50%;}
}
.group-data-\[disabled\=true\]\:pointer-events-none{
&:is(:where(.group)[data-disabled=true] *){pointer-events:none;}
}
.group-data-\[side\=left\]\:-right-4{
&:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4);}
}
.group-data-\[side\=left\]\:border-r{
&:is(:where(.group)[data-side=left] *){border-right-width:1px;}
}
.group-data-\[side\=right\]\:border-l{
&:is(:where(.group)[data-side=right] *){border-left-width:1px;}
}
.group-data-\[side\=right\]\:left-0{
&:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0);}
}
.group-data-\[side\=right\]\:rotate-180{
&:is(:where(.group)[data-side=right] *){rotate:180deg;}
}
.group-data-\[state\=open\]\:rotate-180{
&:is(:where(.group)[data-state=open] *){rotate:180deg;}
}
.group-data-\[variant\=floating\]\:border{
&:is(:where(.group)[data-variant=floating] *){border-width:1px;}
}
.group-data-\[variant\=floating\]\:border-sidebar-border{
&:is(:where(.group)[data-variant=floating] *){border-color:color-mix(in srgb, var(--ui-sidebar-border) var(--un-border-opacity), transparent) /* var(--ui-sidebar-border) */;}
}
.group-data-\[variant\=floating\]\:rounded-lg{
&:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg);}
}
.group-data-\[variant\=floating\]\:shadow-sm{
&:is(:where(.group)[data-variant=floating] *){--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
}
.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block{
&:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block;}
}
.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover{
&:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:color-mix(in srgb, var(--ui-popover) var(--un-bg-opacity), transparent) /* var(--ui-popover) */;}
}
.group-data-\[viewport\=false\]\/navigation-menu\:border{
&:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-width:1px;}
}
.group-data-\[viewport\=false\]\/navigation-menu\:duration-200{
&:is(:where(.group\/navigation-menu)[data-viewport=false] *){--un-duration:200ms;transition-duration:200ms;}
}
.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5{
&:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing) * 1.5);}
}
.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden{
&:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden;}
}
.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md{
&:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:var(--radius-md);}
}
.group-data-\[viewport\=false\]\/navigation-menu\:shadow{
&:is(:where(.group\/navigation-menu)[data-viewport=false] *){--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
}
.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground{
&:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:color-mix(in srgb, var(--ui-popover-foreground) var(--un-text-opacity), transparent) /* var(--ui-popover-foreground) */;}
}
.group-data-\[viewport\=false\]\/navigation-menu\:top-full{
&:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%;}
}
.has-data-\[variant\=inset\]\:bg-sidebar{
&:has(*[data-variant=inset]){background-color:color-mix(in srgb, var(--ui-sidebar) var(--un-bg-opacity), transparent) /* var(--ui-sidebar) */;}
}
.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar{
&:is(:where(.group)[data-collapsible=offcanvas] *):hover{background-color:color-mix(in srgb, var(--ui-sidebar) var(--un-bg-opacity), transparent) /* var(--ui-sidebar) */;}
}
.in-data-\[side\=left\]\:cursor-w-resize{
:where(*[data-side=left]) &{cursor:w-resize;}
}
.in-data-\[side\=right\]\:cursor-e-resize{
:where(*[data-side=right]) &{cursor:e-resize;}
}
.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{
&:is(:where(.peer\/menu-button)[data-active=true] ~ *){color:color-mix(in srgb, var(--ui-sidebar-accent-foreground) var(--un-text-opacity), transparent) /* var(--ui-sidebar-accent-foreground) */;}
}
.peer-data-\[size\=default\]\/menu-button\:top-1\.5{
&:is(:where(.peer\/menu-button)[data-size=default] ~ *){top:calc(var(--spacing) * 1.5);}
}
.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{
&:is(:where(.peer\/menu-button)[data-size=lg] ~ *){top:calc(var(--spacing) * 2.5);}
}
.peer-data-\[size\=sm\]\/menu-button\:top-1{
&:is(:where(.peer\/menu-button)[data-size=sm] ~ *){top:calc(var(--spacing) * 1);}
}
.space-x-2{
:where(&>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--un-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-x-reverse)));}
}
.space-y-1{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--un-space-y-reverse)));}
}
.space-y-2{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-y-reverse)));}
}
.space-y-3{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--un-space-y-reverse)));}
}
.space-y-4{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--un-space-y-reverse)));}
}
.space-y-6{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--un-space-y-reverse)));}
}
.space-y-8{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--un-space-y-reverse)));}
}
[space-x-6=""]{
:where(&>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 6) * var(--un-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--un-space-x-reverse)));}
}
[space-y-2~="children\:"]{
:where(&>:not(:last-child))>*{--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-y-reverse)));}
}
[space-y-2~="placeholder\:"]{
:where(&>:not(:last-child))::placeholder{--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-y-reverse)));}
}
[space-y-4=""]{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--un-space-y-reverse)));}
}
[space-y-4~="children\:"]{
:where(&>:not(:last-child))>*{--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--un-space-y-reverse)));}
}
@media (forced-colors: active){
.outline-hidden{outline:2px solid transparent;outline-offset:2px;}
.focus\:outline-hidden:focus{outline:2px solid transparent;outline-offset:2px;}
.focus-visible\:outline-hidden:focus-visible{outline:2px solid transparent;outline-offset:2px;}
}
@supports (backdrop-filter){
.supports-\[backdrop-filter\]\:bg-background\/60{background-color:color-mix(in srgb, var(--ui-background) 60%, transparent) /* var(--ui-background) */;}
}
@supports (color: color-mix(in lab, red, red)){
.text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent) /* oklch(82.8% 0.189 84.429) */;}
[text-black=""]{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent) /* #000 */;}
.text-blue-400{color:color-mix(in oklab, var(--colors-blue-400) var(--un-text-opacity), transparent) /* oklch(70.7% 0.165 254.624) */;}
[text-blue-400=""]{color:color-mix(in oklab, var(--colors-blue-400) var(--un-text-opacity), transparent) /* oklch(70.7% 0.165 254.624) */;}
.text-gray-400{color:color-mix(in oklab, var(--colors-gray-400) var(--un-text-opacity), transparent) /* oklch(70.7% 0.022 261.325) */;}
.text-gray-500{color:color-mix(in oklab, var(--colors-gray-500) var(--un-text-opacity), transparent) /* oklch(55.1% 0.027 264.364) */;}
.text-gray-900{color:color-mix(in oklab, var(--colors-gray-900) var(--un-text-opacity), transparent) /* oklch(21% 0.034 264.665) */;}
.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent) /* oklch(52.7% 0.154 150.069) */;}
.dark .dark\:text-neutral-300{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) /* oklch(87% 0 0) */;}
.text-neutral-400{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) /* oklch(70.8% 0 0) */;}
.text-neutral-700{color:color-mix(in oklab, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* oklch(37.1% 0 0) */;}
.text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent) /* oklch(70.4% 0.191 22.216) */;}
[text-red-500~="children\:"]>*{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent) /* oklch(63.7% 0.237 25.331) */;}
.text-slate-300{color:color-mix(in oklab, var(--colors-slate-300) var(--un-text-opacity), transparent) /* oklch(86.9% 0.022 252.894) */;}
.text-slate-900{color:color-mix(in oklab, var(--colors-slate-900) var(--un-text-opacity), transparent) /* oklch(20.8% 0.042 265.755) */;}
.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* #fff */;}
[text-white=""]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* #fff */;}
.text-white\/60{color:color-mix(in oklab, var(--colors-white) 60%, transparent) /* #fff */;}
.text-white\/70{color:color-mix(in oklab, var(--colors-white) 70%, transparent) /* #fff */;}
.text-white\/90{color:color-mix(in oklab, var(--colors-white) 90%, transparent) /* #fff */;}
.text-zinc-300{color:color-mix(in oklab, var(--colors-zinc-300) var(--un-text-opacity), transparent) /* oklch(87.1% 0.006 286.286) */;}
.text-zinc-400{color:color-mix(in oklab, var(--colors-zinc-400) var(--un-text-opacity), transparent) /* oklch(70.5% 0.015 286.067) */;}
.text-zinc-500{color:color-mix(in oklab, var(--colors-zinc-500) var(--un-text-opacity), transparent) /* oklch(55.2% 0.016 285.938) */;}
[text-zinc-500=""]{color:color-mix(in oklab, var(--colors-zinc-500) var(--un-text-opacity), transparent) /* oklch(55.2% 0.016 285.938) */;}
.text-zinc-600{color:color-mix(in oklab, var(--colors-zinc-600) var(--un-text-opacity), transparent) /* oklch(44.2% 0.017 285.786) */;}
.hover\:text-white:hover{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* #fff */;}
[hover\:text-white=""]:hover{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* #fff */;}
.disabled\:text-slate-700:disabled{color:color-mix(in oklab, var(--colors-slate-700) var(--un-text-opacity), transparent) /* oklch(37.2% 0.044 257.287) */;}
.placeholder\:text-white\/50::placeholder{color:color-mix(in oklab, var(--colors-white) 50%, transparent) /* #fff */;}
.border-gray-300{border-color:color-mix(in oklab, var(--colors-gray-300) var(--un-border-opacity), transparent) /* oklch(87.2% 0.01 258.338) */;}
.border-green-200{border-color:color-mix(in oklab, var(--colors-green-200) var(--un-border-opacity), transparent) /* oklch(92.5% 0.084 155.995) */;}
.border-green-500{border-color:color-mix(in oklab, var(--colors-green-500) var(--un-border-opacity), transparent) /* oklch(72.3% 0.219 149.579) */;}
[border-white=""]{border-color:color-mix(in oklab, var(--colors-white) var(--un-border-opacity), transparent) /* #fff */;}
.border-white\/10{border-color:color-mix(in oklab, var(--colors-white) 10%, transparent) /* #fff */;}
.border-white\/15{border-color:color-mix(in oklab, var(--colors-white) 15%, transparent) /* #fff */;}
.border-white\/20{border-color:color-mix(in oklab, var(--colors-white) 20%, transparent) /* #fff */;}
.border-white\/30{border-color:color-mix(in oklab, var(--colors-white) 30%, transparent) /* #fff */;}
.hover\:border-white\/40:hover{border-color:color-mix(in oklab, var(--colors-white) 40%, transparent) /* #fff */;}
.hover\:border-white\/50:hover{border-color:color-mix(in oklab, var(--colors-white) 50%, transparent) /* #fff */;}
.bg-black{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) /* #000 */;}
.dark [dark\:bg-black=""]{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) /* #000 */;}
[bg-black=""]{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) /* #000 */;}
.bg-black\/20{background-color:color-mix(in oklab, var(--colors-black) 20%, transparent) /* #000 */;}
.bg-black\/25{background-color:color-mix(in oklab, var(--colors-black) 25%, transparent) /* #000 */;}
.bg-black\/50{background-color:color-mix(in oklab, var(--colors-black) 50%, transparent) /* #000 */;}
.bg-black\/55{background-color:color-mix(in oklab, var(--colors-black) 55%, transparent) /* #000 */;}
[bg-blue-500=""]{background-color:color-mix(in oklab, var(--colors-blue-500) var(--un-bg-opacity), transparent) /* oklch(62.3% 0.214 259.815) */;}
.bg-green-50{background-color:color-mix(in oklab, var(--colors-green-50) var(--un-bg-opacity), transparent) /* oklch(98.2% 0.018 155.826) */;}
[bg-red-500=""]{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) /* oklch(63.7% 0.237 25.331) */;}
[bg-slate-500=""]{background-color:color-mix(in oklab, var(--colors-slate-500) var(--un-bg-opacity), transparent) /* oklch(55.4% 0.046 257.417) */;}
.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) /* #fff */;}
[bg-white=""]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) /* #fff */;}
.bg-white\/10{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent) /* #fff */;}
.data-\[state\=open\]\:bg-white\/10[data-state=open]{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent) /* #fff */;}
.bg-white\/15{background-color:color-mix(in oklab, var(--colors-white) 15%, transparent) /* #fff */;}
.bg-white\/5{background-color:color-mix(in oklab, var(--colors-white) 5%, transparent) /* #fff */;}
.bg-white\/7{background-color:color-mix(in oklab, var(--colors-white) 7%, transparent) /* #fff */;}
.bg-white\/95{background-color:color-mix(in oklab, var(--colors-white) 95%, transparent) /* #fff */;}
.group:hover .group-hover\:bg-black\/\[\.03\]{background-color:color-mix(in oklab, var(--colors-black) .03, transparent) /* #000 */;}
.group:hover .dark .group-hover\:dark\:bg-neutral-800\/10{background-color:color-mix(in oklab, var(--colors-neutral-800) 10%, transparent) /* oklch(26.9% 0 0) */;}
[hover\:bg-white=""]:hover{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) /* #fff */;}
.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent) /* #fff */;}
.hover\:bg-white\/12:hover{background-color:color-mix(in oklab, var(--colors-white) 12%, transparent) /* #fff */;}
.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--colors-white) 20%, transparent) /* #fff */;}
.hover\:bg-white\/25:hover{background-color:color-mix(in oklab, var(--colors-white) 25%, transparent) /* #fff */;}
.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--colors-white) 5%, transparent) /* #fff */;}
.hover\:bg-white\/90:hover{background-color:color-mix(in oklab, var(--colors-white) 90%, transparent) /* #fff */;}
.disabled\:bg-white\/40:disabled{background-color:color-mix(in oklab, var(--colors-white) 40%, transparent) /* #fff */;}
.ring-white\/10{--un-ring-color:color-mix(in oklab, var(--colors-white) 10%, transparent) /* #fff */;}
[fill-gray-400=""]{fill:color-mix(in oklab, var(--colors-gray-400) var(--un-fill-opacity), transparent) /* oklch(70.7% 0.022 261.325) */;}
.dark .dark\:fill-green-400{fill:color-mix(in oklab, var(--colors-green-400) var(--un-fill-opacity), transparent) /* oklch(79.2% 0.209 151.711) */;}
.fill-green-500{fill:color-mix(in oklab, var(--colors-green-500) var(--un-fill-opacity), transparent) /* oklch(72.3% 0.219 149.579) */;}
[fill-neutral-400=""]{fill:color-mix(in oklab, var(--colors-neutral-400) var(--un-fill-opacity), transparent) /* oklch(70.8% 0 0) */;}
[stroke-gray-400=""]{stroke:color-mix(in oklab, var(--colors-gray-400) var(--un-stroke-opacity), transparent) /* oklch(70.7% 0.022 261.325) */;}
.placeholder-gray-500::placeholder{color:color-mix(in oklab, var(--colors-gray-500) var(--un-placeholder-opacity), transparent) /* oklch(55.1% 0.027 264.364) */;}
}
@container card (min-width: 250px){
.\@\[250px\]\/card\:text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
}
@container card (min-width: 540px){
.\@\[540px\]\/card\:block{display:block;}
.\@\[540px\]\/card\:hidden{display:none;}
}
@container card (min-width: 767px){
.\@\[767px\]\/card\:flex{display:flex;}
.\@\[767px\]\/card\:hidden{display:none;}
}
@media (min-width: 40rem){
.sm\:text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.sm\:text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.sm\:text-4xl,
[sm\:text-4xl=""]{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));}
.sm\:text-5xl{font-size:var(--text-5xl-fontSize);line-height:var(--un-leading, var(--text-5xl-lineHeight));}
.sm\:text-6xl{font-size:var(--text-6xl-fontSize);line-height:var(--un-leading, var(--text-6xl-lineHeight));}
.sm\:text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}
.sm\:text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.sm\:text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
[sm\:-mx-4=""]{margin-inline:calc(var(--spacing) * -4);}
.sm\:mb-12{margin-bottom:calc(var(--spacing) * 12);}
.sm\:mb-20{margin-bottom:calc(var(--spacing) * 20);}
.sm\:p-10,
[sm\:p-10=""]{padding:calc(var(--spacing) * 10);}
.sm\:p-6{padding:calc(var(--spacing) * 6);}
.sm\:p-8{padding:calc(var(--spacing) * 8);}
.sm\:px-12{padding-inline:calc(var(--spacing) * 12);}
[px-3~="sm\:"]{padding-inline:calc(var(--spacing) * 3);}
.sm\:px-5{padding-inline:calc(var(--spacing) * 5);}
.sm\:px-6{padding-inline:calc(var(--spacing) * 6);}
.sm\:px-7{padding-inline:calc(var(--spacing) * 7);}
.sm\:py-14{padding-block:calc(var(--spacing) * 14);}
.sm\:py-16{padding-block:calc(var(--spacing) * 16);}
.sm\:py-24{padding-block:calc(var(--spacing) * 24);}
.sm\:py-3{padding-block:calc(var(--spacing) * 3);}
[sm\:pt-32=""]{padding-top:calc(var(--spacing) * 32);}
.sm\:text-left{text-align:left;}
.sm\:flex{display:flex;}
.sm\:flex-row{flex-direction:row;}
.sm\:gap-4,
[sm\:gap-4=""]{gap:calc(var(--spacing) * 4);}
.sm\:gap-6{gap:calc(var(--spacing) * 6);}
.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-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.sm\:h-\[360px\]{height:360px;}
.sm\:h-12{height:calc(var(--spacing) * 12);}
.sm\:h-56,
[sm\:h-56=""]{height:calc(var(--spacing) * 56);}
.sm\:h-72{height:calc(var(--spacing) * 72);}
.sm\:max-w-\[625px\]{max-width:625px;}
.sm\:max-w-lg{max-width:var(--container-lg);}
.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],
.sm\:max-w-sm{max-width:var(--container-sm);}
.sm\:w-12{width:calc(var(--spacing) * 12);}
.sm\:hidden{display:none;}
.sm\:items-center{align-items:center;}
.sm\:justify-end{justify-content:flex-end;}
}
.md\:peer-data-\[variant\=inset\]\:m-2{@media (min-width: 48rem){
&:is(:where(.peer)[data-variant=inset] ~ *){margin:calc(var(--spacing) * 2);}
}}
.md\:peer-data-\[variant\=inset\]\:ml-0{@media (min-width: 48rem){
&:is(:where(.peer)[data-variant=inset] ~ *){margin-left:calc(var(--spacing) * 0);}
}}
.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2{&:is(:where(.peer)[data-state=collapsed] ~ *){@media (min-width: 48rem){
&:is(:where(.peer)[data-variant=inset] ~ *){margin-left:calc(var(--spacing) * 2);}
}}}
.md\:peer-data-\[variant\=inset\]\:rounded-xl{@media (min-width: 48rem){
&:is(:where(.peer)[data-variant=inset] ~ *){border-radius:var(--radius-xl);}
}}
.md\:peer-data-\[variant\=inset\]\:shadow-sm{@media (min-width: 48rem){
&:is(:where(.peer)[data-variant=inset] ~ *){--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
}}
@media (min-width: 48rem){
.md\:text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.md\:text-4xl{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));}
.md\:text-5xl{font-size:var(--text-5xl-fontSize);line-height:var(--un-leading, var(--text-5xl-lineHeight));}
.md\:text-7xl{font-size:var(--text-7xl-fontSize);line-height:var(--un-leading, var(--text-7xl-lineHeight));}
.md\:text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.md\:text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.md\:text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
.md\:px-10{padding-inline:calc(var(--spacing) * 10);}
.md\:px-6{padding-inline:calc(var(--spacing) * 6);}
.md\:py-12{padding-block:calc(var(--spacing) * 12);}
.md\:py-14{padding-block:calc(var(--spacing) * 14);}
.md\:py-20{padding-block:calc(var(--spacing) * 20);}
.md\:py-24{padding-block:calc(var(--spacing) * 24);}
.md\:py-32{padding-block:calc(var(--spacing) * 32);}
.md\:opacity-0{opacity:0%;}
.md\:flex{display:flex;}
.md\:gap-20{gap:calc(var(--spacing) * 20);}
.md\:col-span-2,
[md\:col-span-2=""]{grid-column:span 2/span 2;}
[md\:col-span-4=""]{grid-column:span 4/span 4;}
.md\:grid-cols-2,
[md\:grid-cols-2=""]{grid-template-columns:repeat(2,minmax(0,1fr));}
.md\:grid-cols-3,
[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\:grid-cols-6=""]{grid-template-columns:repeat(6,minmax(0,1fr));}
.md\:h-\[70vh\]{height:70vh;}
.md\:max-w-3xl{max-width:var(--container-3xl);}
.md\:min-h-\[280px\]{min-height:280px;}
.md\:w-\[360px\]{width:360px;}
.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width);}
.md\:w-auto{width:auto;}
.md\:block{display:block;}
.md\:hidden{display:none;}
.md\:after\:hidden::after{display:none;}
.md\:order-1{order:1;}
.md\:absolute{position:absolute;}
}
@media (min-width: 64rem){
.lg\:text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.lg\:text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.lg\:text-4xl{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));}
.lg\:text-5xl,
[lg\:text-5xl=""]{font-size:var(--text-5xl-fontSize);line-height:var(--un-leading, var(--text-5xl-lineHeight));}
.lg\:text-6xl{font-size:var(--text-6xl-fontSize);line-height:var(--un-leading, var(--text-6xl-lineHeight));}
.lg\:text-7xl{font-size:var(--text-7xl-fontSize);line-height:var(--un-leading, var(--text-7xl-lineHeight));}
.lg\:text-8xl{font-size:var(--text-8xl-fontSize);line-height:var(--un-leading, var(--text-8xl-lineHeight));}
.lg\:text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.lg\:text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
[lg\:-mx-8=""]{margin-inline:calc(var(--spacing) * -8);}
.lg\:px-16{padding-inline:calc(var(--spacing) * 16);}
[px-2\.5~="lg\:"]{padding-inline:calc(var(--spacing) * 2.5);}
.lg\:px-6{padding-inline:calc(var(--spacing) * 6);}
.lg\:px-8{padding-inline:calc(var(--spacing) * 8);}
.lg\:py-20{padding-block:calc(var(--spacing) * 20);}
.lg\:py-28{padding-block:calc(var(--spacing) * 28);}
.lg\:py-32{padding-block:calc(var(--spacing) * 32);}
.lg\:text-left{text-align:left;}
[lg\:flex-row=""]{flex-direction:row;}
.lg\:gap-2{gap:calc(var(--spacing) * 2);}
.lg\:gap-8{gap:calc(var(--spacing) * 8);}
.lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);}
.lg\:grid-cols-\[minmax\(0\,1fr\)\,minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,1fr),minmax(0,1.1fr);}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.lg\:h-\[420px\]{height:420px;}
.lg\:h-\[75vh\]{height:75vh;}
.lg\:h-64,
[lg\:h-64=""]{height:calc(var(--spacing) * 64);}
.lg\:h-80{height:calc(var(--spacing) * 80);}
.lg\:items-start{align-items:flex-start;}
.lg\:items-center,
[lg\:items-center=""]{align-items:center;}
.lg\:justify-start{justify-content:flex-start;}
}
@media (min-width: 80rem){
.xl\:text-7xl{font-size:var(--text-7xl-fontSize);line-height:var(--un-leading, var(--text-7xl-lineHeight));}
.xl\:text-9xl{font-size:var(--text-9xl-fontSize);line-height:var(--un-leading, var(--text-9xl-lineHeight));}
.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width: 96rem){
.\32 xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
}

/* Fallback for browsers without color-mix() in wind4-generated utilities. */
@supports not (color: color-mix(in srgb, black, white)) {
    .bg-black {
        background-color: rgb(0 0 0 / var(--un-bg-opacity, 100%));
    }

    .bg-black\/50 {
        background-color: rgb(0 0 0 / 50%);
    }

    .bg-white {
        background-color: rgb(255 255 255 / var(--un-bg-opacity, 100%));
    }

    .bg-white\/10 {
        background-color: rgb(255 255 255 / 10%);
    }

    .bg-white\/5 {
        background-color: rgb(255 255 255 / 5%);
    }
}

:root {
    /* UnoCSS default border color */
    --un-default-border-color: var(--ui-border);

    /* Tailwind v4 base variables */
    --spacing: 0.25rem;
    --default-transition-duration: 150ms;
    --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1);
    --un-bg-opacity: 100%;
    --un-text-opacity: 100%;
    --un-border-opacity: 100%;
    --un-ring-opacity: 100%;

    /* Typography */
    --text-xs-fontSize: 0.75rem;
    --text-xs-lineHeight: 1rem;
    --text-sm-fontSize: 0.875rem;
    --text-sm-lineHeight: 1.25rem;
    --text-base-fontSize: 1rem;
    --text-base-lineHeight: 1.5rem;
    --text-lg-fontSize: 1.125rem;
    --text-lg-lineHeight: 1.75rem;
    --text-xl-fontSize: 1.25rem;
    --text-xl-lineHeight: 1.75rem;
    --text-2xl-fontSize: 1.5rem;
    --text-2xl-lineHeight: 2rem;
    --text-3xl-fontSize: 1.875rem;
    --text-3xl-lineHeight: 2.25rem;
    --text-4xl-fontSize: 2.25rem;
    --text-4xl-lineHeight: 2.5rem;
    --text-5xl-fontSize: 3rem;
    --text-5xl-lineHeight: 1;
    --text-6xl-fontSize: 3.75rem;
    --text-6xl-lineHeight: 1;
    --text-7xl-fontSize: 4.5rem;
    --text-7xl-lineHeight: 1;
    --text-8xl-fontSize: 6rem;
    --text-8xl-lineHeight: 1;
    --text-9xl-fontSize: 8rem;
    --text-9xl-lineHeight: 1;

    /* Font weights */
    --fontWeight-thin: 100;
    --fontWeight-extralight: 200;
    --fontWeight-light: 300;
    --fontWeight-normal: 400;
    --fontWeight-medium: 500;
    --fontWeight-semibold: 600;
    --fontWeight-bold: 700;
    --fontWeight-extrabold: 800;
    --fontWeight-black: 900;

    /* Radius */
    --radius: 0.5rem;
    --radius-none: 0;
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --radius-2xl: calc(var(--radius) + 8px);
    --radius-3xl: calc(var(--radius) + 16px);
    --radius-full: 9999px;

    /* Containers */
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;

    /* Shadows */
    --shadow-none: none;
    --shadow-2xs: 0 1px oklch(0% 0 0 / 5%);
    --shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / 5%);
    --shadow-sm:
        0 1px 3px 0 oklch(0% 0 0 / 10%), 0 1px 2px -1px oklch(0% 0 0 / 10%);
    --shadow:
        0 4px 6px -1px oklch(0% 0 0 / 10%), 0 2px 4px -2px oklch(0% 0 0 / 10%);
    --shadow-md:
        0 4px 6px -1px oklch(0% 0 0 / 10%), 0 2px 4px -2px oklch(0% 0 0 / 10%);
    --shadow-lg:
        0 10px 15px -3px oklch(0% 0 0 / 10%), 0 4px 6px -4px oklch(0% 0 0 / 10%);
    --shadow-xl:
        0 20px 25px -5px oklch(0% 0 0 / 10%),
        0 8px 10px -6px oklch(0% 0 0 / 10%);
    --shadow-2xl: 0 25px 50px -12px oklch(0% 0 0 / 25%);

    /* Colors - base */
    --colors-white: #fff;
    --colors-black: #000;
    --colors-transparent: transparent;
    --colors-current: currentColor;

    /* Theme colors - full oklch values for presetWind4 */
    --ui-background: oklch(1 0 0);
    --ui-foreground: oklch(0.141 0.005 285.823);
    --ui-card: oklch(1 0 0);
    --ui-card-foreground: oklch(0.141 0.005 285.823);
    --ui-popover: oklch(1 0 0);
    --ui-popover-foreground: oklch(0.141 0.005 285.823);
    --ui-primary: oklch(0.21 0.006 285.885);
    --ui-primary-foreground: oklch(0.985 0 0);
    --ui-secondary: oklch(0.967 0.001 286.375);
    --ui-secondary-foreground: oklch(0.21 0.006 285.885);
    --ui-muted: oklch(0.967 0.001 286.375);
    --ui-muted-foreground: oklch(0.552 0.016 285.938);
    --ui-accent: oklch(0.967 0.001 286.375);
    --ui-accent-foreground: oklch(0.21 0.006 285.885);
    --ui-destructive: oklch(0.577 0.245 27.325);
    --ui-destructive-foreground: oklch(0.985 0 0);
    --ui-border: oklch(0.92 0.004 286.32);
    --ui-input: oklch(0.92 0.004 286.32);
    --ui-ring: oklch(0.705 0.015 286.067);
    --ui-chart-1: oklch(0.646 0.222 41.116);
    --ui-chart-2: oklch(0.6 0.118 184.704);
    --ui-chart-3: oklch(0.398 0.07 227.392);
    --ui-chart-4: oklch(0.828 0.189 84.429);
    --ui-chart-5: oklch(0.769 0.188 70.08);
    --ui-sidebar: oklch(0.985 0 0);
    --ui-sidebar-foreground: oklch(0.141 0.005 285.823);
    --ui-sidebar-primary: oklch(0.21 0.006 285.885);
    --ui-sidebar-primary-foreground: oklch(0.985 0 0);
    --ui-sidebar-accent: oklch(0.967 0.001 286.375);
    --ui-sidebar-accent-foreground: oklch(0.21 0.006 285.885);
    --ui-sidebar-border: oklch(0.92 0.004 286.32);
    --ui-sidebar-ring: oklch(0.705 0.015 286.067);

    /* Legacy variables for backwards compatibility */
    --background: 1 0 0;
    --foreground: 0.141 0.005 285.823;
    --card: 1 0 0;
    --card-foreground: 0.141 0.005 285.823;
    --popover: 1 0 0;
    --popover-foreground: 0.141 0.005 285.823;
    --primary: 0.21 0.006 285.885;
    --primary-foreground: 0.985 0 0;
    --secondary: 0.967 0.001 286.375;
    --secondary-foreground: 0.21 0.006 285.885;
    --muted: 0.967 0.001 286.375;
    --muted-foreground: 0.552 0.016 285.938;
    --accent: 0.967 0.001 286.375;
    --accent-foreground: 0.21 0.006 285.885;
    --destructive: 0.577 0.245 27.325;
    --border: 0.92 0.004 286.32;
    --input: 0.92 0.004 286.32;
    --ring: 0.705 0.015 286.067;
    --chart-1: 0.646 0.222 41.116;
    --chart-2: 0.6 0.118 184.704;
    --chart-3: 0.398 0.07 227.392;
    --chart-4: 0.828 0.189 84.429;
    --chart-5: 0.769 0.188 70.08;
    --sidebar: 0.985 0 0;
    --sidebar-foreground: 0.141 0.005 285.823;
    --sidebar-primary: 0.21 0.006 285.885;
    --sidebar-primary-foreground: 0.985 0 0;
    --sidebar-accent: 0.967 0.001 286.375;
    --sidebar-accent-foreground: 0.21 0.006 285.885;
    --sidebar-border: 0.92 0.004 286.32;
    --sidebar-ring: 0.705 0.015 286.067;
}

.dark {
    /* Theme colors - full oklch values for presetWind4 */
    --ui-background: oklch(0.145 0 0);
    --ui-foreground: oklch(0.985 0 0);
    --ui-card: oklch(0.19 0 0);
    --ui-card-foreground: oklch(0.985 0 0);
    --ui-popover: oklch(0.19 0 0);
    --ui-popover-foreground: oklch(0.985 0 0);
    --ui-primary: oklch(0.92 0 0);
    --ui-primary-foreground: oklch(0.19 0 0);
    --ui-secondary: oklch(0.24 0 0);
    --ui-secondary-foreground: oklch(0.985 0 0);
    --ui-muted: oklch(0.24 0 0);
    --ui-muted-foreground: oklch(0.72 0 0);
    --ui-accent: oklch(0.24 0 0);
    --ui-accent-foreground: oklch(0.985 0 0);
    --ui-destructive: oklch(0.704 0.191 22.216);
    --ui-destructive-foreground: oklch(0.985 0 0);
    --ui-border: oklch(1 0 0 / 12%);
    --ui-input: oklch(1 0 0 / 14%);
    --ui-ring: oklch(0.68 0 0);
    --ui-chart-1: oklch(0.488 0.243 264.376);
    --ui-chart-2: oklch(0.696 0.17 162.48);
    --ui-chart-3: oklch(0.769 0.188 70.08);
    --ui-chart-4: oklch(0.627 0.265 303.9);
    --ui-chart-5: oklch(0.645 0.246 16.439);
    --ui-sidebar: oklch(0.19 0 0);
    --ui-sidebar-foreground: oklch(0.985 0 0);
    --ui-sidebar-primary: oklch(0.92 0 0);
    --ui-sidebar-primary-foreground: oklch(0.985 0 0);
    --ui-sidebar-accent: oklch(0.24 0 0);
    --ui-sidebar-accent-foreground: oklch(0.985 0 0);
    --ui-sidebar-border: oklch(1 0 0 / 12%);
    --ui-sidebar-ring: oklch(0.68 0 0);

    /* Legacy variables for backwards compatibility */
    --background: 0.145 0 0;
    --foreground: 0.985 0 0;
    --card: 0.19 0 0;
    --card-foreground: 0.985 0 0;
    --popover: 0.19 0 0;
    --popover-foreground: 0.985 0 0;
    --primary: 0.92 0 0;
    --primary-foreground: 0.19 0 0;
    --secondary: 0.24 0 0;
    --secondary-foreground: 0.985 0 0;
    --muted: 0.24 0 0;
    --muted-foreground: 0.72 0 0;
    --accent: 0.24 0 0;
    --accent-foreground: 0.985 0 0;
    --destructive: 0.704 0.191 22.216;
    --border: 1 0 0 / 12%;
    --input: 1 0 0 / 14%;
    --ring: 0.68 0 0;
    --chart-1: 0.488 0.243 264.376;
    --chart-2: 0.696 0.17 162.48;
    --chart-3: 0.769 0.188 70.08;
    --chart-4: 0.627 0.265 303.9;
    --chart-5: 0.645 0.246 16.439;
    --sidebar: 0.19 0 0;
    --sidebar-foreground: 0.985 0 0;
    --sidebar-primary: 0.92 0 0;
    --sidebar-primary-foreground: 0.985 0 0;
    --sidebar-accent: 0.24 0 0;
    --sidebar-accent-foreground: 0.985 0 0;
    --sidebar-border: 1 0 0 / 12%;
    --sidebar-ring: 0.68 0 0;
}

* {
    outline-color: color-mix(in oklch, var(--ui-ring) 50%, transparent);
}

body {
    background-color: var(--ui-background);
    color: var(--ui-foreground);
    font-family:
        var(--font-geist-sans),
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        system-ui,
        sans-serif;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings:
        "kern" 1,
        "liga" 1;
    line-height: 1.6;
}

::selection {
    background: color-mix(in oklch, var(--ui-foreground) 16%, transparent);
    color: var(--ui-foreground);
}

/* Scrollbar styles */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--ui-muted);
}

::-webkit-scrollbar-thumb {
    background: color-mix(
        in oklch,
        var(--ui-muted-foreground) 40%,
        transparent
    );
    border-radius: 6px;
    border: 3px solid var(--ui-muted);
}

::-webkit-scrollbar-thumb:hover {
    background: color-mix(
        in oklch,
        var(--ui-muted-foreground) 60%,
        transparent
    );
}

::-webkit-scrollbar-button {
    display: none;
}

/* Firefox scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: color-mix(
            in oklch,
            var(--ui-muted-foreground) 40%,
            transparent
        )
        var(--ui-muted);
}

@layer utilities {
    /* Marquee animations */
    @keyframes marquee {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(calc(-100% - var(--gap)));
        }
    }
    @keyframes marquee-vertical {
        from {
            transform: translateY(0);
        }
        to {
            transform: translateY(calc(-100% - var(--gap)));
        }
    }
    .animate-marquee {
        animation: marquee var(--duration) linear infinite;
    }
    .animate-marquee-vertical {
        animation: marquee-vertical var(--duration) linear infinite;
    }

    /* Border Beam animation */
    @keyframes border-beam {
        100% {
            offset-distance: 100%;
        }
    }
    .animate-border-beam {
        animation: border-beam calc(var(--duration) * 1s) infinite linear;
    }

    /* Shimmer Button animations */
    @keyframes shimmer-slide {
        to {
            transform: translate(calc(100cqw - 100%), 0);
        }
    }
    @keyframes spin-around {
        0% {
            transform: translateZ(0) rotate(0);
        }
        15%,
        35% {
            transform: translateZ(0) rotate(90deg);
        }
        65%,
        85% {
            transform: translateZ(0) rotate(270deg);
        }
        100% {
            transform: translateZ(0) rotate(360deg);
        }
    }
    .animate-shimmer-slide {
        animation: shimmer-slide var(--speed) ease-in-out infinite alternate;
    }
    .animate-spin-around {
        animation: spin-around calc(var(--speed) * 2) infinite linear;
    }

    /* Gradient animation */
    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }
    .animate-gradient {
        animation: gradient 8s linear infinite;
    }

    /* Meteor animation */
    @keyframes meteor-effect {
        0% {
            transform: rotate(215deg) translateX(0);
            opacity: 1;
        }
        70% {
            opacity: 1;
        }
        100% {
            transform: rotate(215deg) translateX(-500px);
            opacity: 0;
        }
    }
    .animate-meteor-effect {
        animation: meteor-effect 5s linear infinite;
    }

    /* Pulse glow animation */
    @keyframes pulse-glow {
        0%,
        100% {
            opacity: 1;
            box-shadow: 0 0 20px var(--glow-color, rgba(59, 130, 246, 0.5));
        }
        50% {
            opacity: 0.8;
            box-shadow: 0 0 40px var(--glow-color, rgba(59, 130, 246, 0.8));
        }
    }
    .animate-pulse-glow {
        animation: pulse-glow 2s ease-in-out infinite;
    }

    /* Float animation */
    @keyframes float {
        0%,
        100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-10px);
        }
    }
    .animate-float {
        animation: float 3s ease-in-out infinite;
    }

    /* Shine effect */
    @keyframes shine {
        from {
            background-position: 200% center;
        }
        to {
            background-position: -200% center;
        }
    }
    .animate-shine {
        background-size: 200% auto;
        animation: shine 3s linear infinite;
    }

    /* Retro Grid animation */
    @keyframes grid {
        0% {
            transform: translateY(-50%);
        }
        100% {
            transform: translateY(0);
        }
    }
    .animate-grid {
        animation: grid 15s linear infinite;
    }

    /* Sparkles animation */
    @keyframes sparkle-spin {
        0%,
        100% {
            transform: rotate(0deg) scale(0);
            opacity: 0;
        }
        50% {
            transform: rotate(180deg) scale(1);
            opacity: 1;
        }
    }
    @keyframes sparkle-fade {
        0%,
        100% {
            opacity: 0;
            transform: scale(0);
        }
        50% {
            opacity: 1;
            transform: scale(1);
        }
    }
    .animate-sparkle-spin {
        animation: sparkle-spin var(--duration, 10s) ease-in-out infinite;
    }
    .animate-sparkle-fade {
        animation: sparkle-fade var(--duration, 10s) ease-in-out infinite;
    }

    /* Text shimmer effect */
    @keyframes text-shimmer {
        from {
            background-position: 0 0;
        }
        to {
            background-position: -200% 0;
        }
    }
    .animate-text-shimmer {
        animation: text-shimmer 2.5s ease-out infinite;
        background-size: 200% auto;
    }
}

@layer base {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--ui-foreground);
        text-wrap: balance;
    }

    h1 {
        font-size: 2.5rem;
        line-height: 1.15;
        letter-spacing: -0.025em;
        font-weight: 700;
    }

    h2 {
        font-size: 2rem;
        line-height: 1.2;
        letter-spacing: -0.025em;
        font-weight: 600;
    }

    h3 {
        font-size: 1.5rem;
        line-height: 1.3;
        letter-spacing: -0.025em;
        font-weight: 600;
    }

    h4 {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: -0.025em;
        font-weight: 600;
    }

    h5 {
        font-size: 1.125rem;
        line-height: 1.4;
        font-weight: 600;
    }

    h6 {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 600;
    }

    p {
        font-size: 1rem;
        line-height: 1.6;
        color: var(--ui-muted-foreground);
    }

    small {
        font-size: 0.875rem;
        color: var(--ui-muted-foreground);
    }

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

    a:hover {
        text-decoration: underline;
    }

    blockquote {
        border-left: 3px solid var(--ui-border);
        padding-left: 1rem;
        margin: 1rem 0;
        color: var(--ui-muted-foreground);
        font-style: italic;
    }

    code {
        font-family: var(--font-geist-mono), monospace;
        font-size: 0.875em;
        padding: 0.125rem 0.25rem;
        background: var(--ui-muted);
        border-radius: 0.25rem;
    }

    pre code {
        padding: 0;
        background: transparent;
    }

    @media (min-width: 768px) {
        h1 {
            font-size: 3rem;
        }
        h2 {
            font-size: 2.25rem;
        }
        h3 {
            font-size: 1.75rem;
        }
        h4 {
            font-size: 1.375rem;
        }
    }

    @media (min-width: 1024px) {
        h1 {
            font-size: 3.5rem;
        }
        h2 {
            font-size: 2.5rem;
        }
        h3 {
            font-size: 1.875rem;
        }
    }
}