:root {
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-size: 16px;
  --font-icon-family: lucide;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-black: 900;
  --link-color: #0d9488;
  --text-color: #1a1a1a;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --text-disabled: #9ca3af;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.5rem;
  --background-color: #f3ebdd;
  --color-primary: #14b8a6;
  --color-primary-lighter: #99f6e4;
  --color-primary-light: #2dd4bf;
  --color-primary-dark: #0d9488;
  --color-primary-darker: #0f766e;
  --color-secondary: #f97316;
  --color-secondary-lighter: #fed7aa;
  --color-secondary-light: #fb923c;
  --color-secondary-dark: #ea580c;
  --color-secondary-darker: #c2410c;
  --color-success: #22c55e;
  --color-success-lighter: hsl(142 71% 65%);
  --color-success-darker: hsl(142 71% 25%);
  --color-success-light: #4ade80;
  --color-success-dark: #16a34a;
  --color-danger: #ef4444;
  --color-danger-lighter: hsl(0 84% 80%);
  --color-danger-darker: hsl(0 84% 40%);
  --color-danger-light: #f87171;
  --color-danger-dark: #dc2626;
  --color-warning: #f59e0b;
  --color-warning-lighter: hsl(38 92% 70%);
  --color-warning-dark: hsl(38 92% 40%);
  --color-warning-darker: hsl(38 92% 30%);
  --color-warning-light: #fbbf24;
  --color-info: #3b82f6;
  --color-info-lighter: hsl(217 91% 80%);
  --color-info-dark: hsl(217 91% 50%);
  --color-info-darker: hsl(217 91% 40%);
  --color-info-light: #60a5fa;
  --color-surface: #ffffff;
  --color-surface-light: #f9fafb;
  --color-surface-lighter: #f3f4f6;
  --color-surface-dark: #f3f4f6;
  --color-surface-darker: #e5e7eb;
  --color-canvas: #f3ebdd;
  --color-canvas-lighter: hsl(38 48% 100%);
  --color-canvas-light: hsl(38 48% 100%);
  --color-canvas-dark: hsl(38 48% 81%);
  --color-canvas-darker: hsl(38 48% 71%);
  --color-hover: #f3f4f6;
  --color-hover-lighter: hsl(220 14% 100%);
  --color-hover-light: hsl(220 14% 100%);
  --color-hover-dark: hsl(220 14% 86%);
  --color-hover-darker: hsl(220 14% 76%);
  --color-focus: #14b8a6;
  --color-focus-lighter: hsl(173 80% 60%);
  --color-focus-light: hsl(173 80% 50%);
  --color-focus-dark: hsl(173 80% 30%);
  --color-focus-darker: hsl(173 80% 20%);
  --color-focus-surface: rgba(20, 184, 166, 0.14);
  --color-focus-surface-lighter: hsl(173 80% 60%);
  --color-focus-surface-light: hsl(173 80% 50%);
  --color-focus-surface-dark: hsl(173 80% 30%);
  --color-focus-surface-darker: hsl(173 80% 20%);
  --color-inverse: #ffffff;
  --color-inverse-lighter: #f9fafb;
  --color-inverse-light: #ffffff;
  --color-inverse-dark: #1a1a1a;
  --color-inverse-darker: #000000;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.5rem;
  --spacing-2xl: 2rem;
  --spacing-3xl: 3rem;
  --spacing-4xl: 5rem;
  --leading-tight: 1.1;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;
  --radius-none: 0;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;
  --shadow-none: none;
  --shadow-sm: 2px 2px 0px 0px #000000;
  --shadow-md: 4px 4px 0px 0px #000000;
  --shadow-lg: 6px 6px 0px 0px #000000;
  --shadow-xl: 8px 8px 0px 0px #000000;
  --shadow-2xl: 12px 12px 0px 0px #000000;
  --border-width: 3px;
  --border-color: #000000;
  --border-control: #000000;
  --uix-button-border-width: 0;
  --uix-button-border-color: #000000;
  --uix-button-shadow-color: #000000;
  --uix-button-border-radius: 0.75rem;
  --uix-button-shadow-size: 4px 4px 0px 0px;
  --uix-button-hover-shadow-size: 6px 6px 0px 0px;
  --uix-button-active-shadow: 2px 2px 0px 0px #000000;
  --uix-button-hover-translate-x: -2px;
  --uix-button-hover-translate-y: -2px;
  --uix-button-active-translate-x: 2px;
  --uix-button-active-translate-y: 2px;
  --uix-button-font-weight: 900;
  --uix-button-text-transform: uppercase;
  --uix-button-primary-color: #000000;
  --uix-button-secondary-color: #000000;
  --uix-button-danger-color: #ffffff;
  --uix-button-warning-color: #000000;
  --uix-button-success-color: #000000;
  --uix-input-background: var(--color-surface);
  --uix-input-background-focus: var(--color-surface);
  --uix-input-border-width: 0;
  --uix-input-border-radius: 0.75rem;
  --uix-input-text: var(--text-color);
  --uix-input-placeholder: var(--text-muted);
  --uix-input-icon: var(--text-muted);
  --uix-input-shadow: 4px 4px 0px 0px #000000;
  --uix-input-focus-shadow: 4px 4px 0px 0px #000000, 0 0 0 2px var(--color-primary);
  --uix-card-background: var(--color-surface);
  --uix-card-border-radius: 1rem;
  --uix-card-shadow: 6px 6px 0px 0px #000000;
  --uix-card-hover-shadow: 8px 8px 0px 0px #000000;
  --uix-card-hover-translate-x: -2px;
  --uix-card-hover-translate-y: -2px;
  --uix-card-active-translate-x: 2px;
  --uix-card-active-translate-y: 2px;
  --uix-card-text: var(--text-color);
  --uix-card-text-muted: var(--text-muted);
  --uix-badge-border-radius: 0.25rem;
  --uix-badge-border-width: 0;
  --uix-badge-font-weight: 800;
  --uix-badge-font-size: 0.625rem;
  --uix-badge-padding-x: 0.45rem;
  --uix-badge-padding-y: 0.1rem;
  --uix-badge-text-transform: uppercase;
  --uix-tag-font-weight: 700;
  --uix-tag-border-radius: 0.5rem;
  --uix-tag-border-color: #000000;
  --path: /theme.js;
  --icon-family: lucide;
  --runtime: true;
  --darkMode: system;
}
:root.dark {
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-size: 16px;
  --font-icon-family: lucide;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-black: 900;
  --link-color: #2dd4bf;
  --text-color: #f5f5f0;
  --text-secondary: #c2c6cc;
  --text-muted: #9aa0a8;
  --text-disabled: #6b7280;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.5rem;
  --background-color: #15171c;
  --color-primary: #2dd4bf;
  --color-primary-lighter: hsl(168 84% 72%);
  --color-primary-light: #5eead4;
  --color-primary-dark: hsl(175 84% 44%);
  --color-primary-darker: hsl(175 77% 42%);
  --color-secondary: #fb923c;
  --color-secondary-lighter: hsl(32 98% 72%);
  --color-secondary-light: #fdba74;
  --color-secondary-dark: hsl(21 90% 48%);
  --color-secondary-darker: hsl(17 88% 52%);
  --color-success: hsl(142 71% 45%);
  --color-success-lighter: hsl(142 71% 65%);
  --color-success-darker: hsl(142 71% 25%);
  --color-success-light: hsl(142 69% 58%);
  --color-success-dark: hsl(142 76% 48%);
  --color-danger: hsl(0 84% 60%);
  --color-danger-lighter: hsl(0 84% 80%);
  --color-danger-darker: hsl(0 84% 40%);
  --color-danger-light: hsl(0 91% 71%);
  --color-danger-dark: hsl(0 72% 51%);
  --color-warning: hsl(38 92% 50%);
  --color-warning-lighter: hsl(38 92% 70%);
  --color-warning-dark: hsl(38 92% 40%);
  --color-warning-darker: hsl(38 92% 30%);
  --color-warning-light: hsl(43 96% 56%);
  --color-info: hsl(217 91% 60%);
  --color-info-lighter: hsl(217 91% 80%);
  --color-info-dark: hsl(217 91% 50%);
  --color-info-darker: hsl(217 91% 40%);
  --color-info-light: hsl(213 94% 68%);
  --color-surface: #232831;
  --color-surface-light: #2a2f37;
  --color-surface-lighter: #2f343d;
  --color-surface-dark: #1a1d23;
  --color-surface-darker: #141619;
  --color-canvas: #15171c;
  --color-canvas-lighter: hsl(223 14% 30%);
  --color-canvas-light: hsl(223 14% 20%);
  --color-canvas-dark: hsl(223 14% 0%);
  --color-canvas-darker: hsl(223 14% 0%);
  --color-hover: #2a2f37;
  --color-hover-lighter: hsl(217 13% 39%);
  --color-hover-light: hsl(217 13% 29%);
  --color-hover-dark: hsl(217 13% 9%);
  --color-hover-darker: hsl(217 13% 0%);
  --color-focus: #2dd4bf;
  --color-focus-lighter: hsl(172 66% 70%);
  --color-focus-light: hsl(172 66% 60%);
  --color-focus-dark: hsl(172 66% 40%);
  --color-focus-darker: hsl(172 66% 30%);
  --color-focus-surface: rgba(45, 212, 191, 0.18);
  --color-focus-surface-lighter: hsl(172 66% 70%);
  --color-focus-surface-light: hsl(172 66% 60%);
  --color-focus-surface-dark: hsl(172 66% 40%);
  --color-focus-surface-darker: hsl(172 66% 30%);
  --color-inverse: #15171c;
  --color-inverse-lighter: #1f2228;
  --color-inverse-light: #1a1d23;
  --color-inverse-dark: #f5f5f0;
  --color-inverse-darker: #ffffff;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.5rem;
  --spacing-2xl: 2rem;
  --spacing-3xl: 3rem;
  --spacing-4xl: 5rem;
  --leading-tight: 1.1;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;
  --radius-none: 0;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;
  --shadow-none: none;
  --shadow-sm: 2px 2px 0px 0px #000000;
  --shadow-md: 4px 4px 0px 0px #000000;
  --shadow-lg: 6px 6px 0px 0px #000000;
  --shadow-xl: 8px 8px 0px 0px #000000;
  --shadow-2xl: 12px 12px 0px 0px #000000;
  --border-width: 3px;
  --border-color: #f5f5f0;
  --border-control: #f5f5f0;
  --uix-button-border-width: 0;
  --uix-button-border-color: hsl(0 0% 95%);
  --uix-button-shadow-color: #000000;
  --uix-button-border-radius: 0.75rem;
  --uix-button-shadow-size: 4px 4px 0px 0px;
  --uix-button-hover-shadow-size: 6px 6px 0px 0px;
  --uix-button-active-shadow: 2px 2px 0px 0px hsl(0 0% 95%);
  --uix-button-hover-translate-x: -2px;
  --uix-button-hover-translate-y: -2px;
  --uix-button-active-translate-x: 2px;
  --uix-button-active-translate-y: 2px;
  --uix-button-font-weight: 900;
  --uix-button-text-transform: uppercase;
  --uix-button-primary-color: #000000;
  --uix-button-secondary-color: #000000;
  --uix-button-danger-color: hsl(0 0% 6%);
  --uix-button-warning-color: #15171c;
  --uix-button-success-color: hsl(0 0% 95%);
  --uix-input-background: var(--color-surface);
  --uix-input-background-focus: var(--color-surface);
  --uix-input-border-width: 0;
  --uix-input-border-radius: 0.75rem;
  --uix-input-text: var(--text-color);
  --uix-input-placeholder: var(--text-muted);
  --uix-input-icon: var(--text-muted);
  --uix-input-shadow: 4px 4px 0px 0px #000000;
  --uix-input-focus-shadow: 4px 4px 0px 0px #000000, 0 0 0 2px var(--color-primary);
  --uix-card-background: var(--color-surface);
  --uix-card-border-radius: 1rem;
  --uix-card-shadow: 6px 6px 0px 0px #000000;
  --uix-card-hover-shadow: 8px 8px 0px 0px #000000;
  --uix-card-hover-translate-x: -2px;
  --uix-card-hover-translate-y: -2px;
  --uix-card-active-translate-x: 2px;
  --uix-card-active-translate-y: 2px;
  --uix-card-text: var(--text-color);
  --uix-card-text-muted: var(--text-muted);
  --uix-badge-border-radius: 0.25rem;
  --uix-badge-border-width: 0;
  --uix-badge-font-weight: 800;
  --uix-badge-font-size: 0.625rem;
  --uix-badge-padding-x: 0.45rem;
  --uix-badge-padding-y: 0.1rem;
  --uix-badge-text-transform: uppercase;
  --uix-tag-font-weight: 700;
  --uix-tag-border-radius: 0.5rem;
  --uix-tag-border-color: hsl(0 0% 95%);
}

/* /app/theme/theme.css */
html,
body {
  font-family: var(--font-family);
  background-color: var(--background-color);
  color: var(--text-color);
  width: 100%;
  min-height: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

*::selection {
  background: color-mix(in srgb, var(--color-primary) 60%, transparent);
  color: #ffffff;
}
*::-moz-selection {
  background: color-mix(in srgb, var(--color-primary) 60%, transparent);
  color: #ffffff;
}
*::-webkit-selection {
  background: color-mix(in srgb, var(--color-primary) 60%, transparent);
  color: #ffffff;
}

a,
::part(anchor) {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

html {
  font-size: var(--font-size, 14px);
}
@media (max-width: 768px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  html {
    font-size: 20px;
  }
}

textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
:root {
  box-sizing: border-box;
  text-size-adjust: none;
  line-height: 1.2;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  border-color: var(--border-color, currentColor);
}
* {
  margin: 0;
}
body {
  font-family: var(--font-family);
}
button,
textarea,
select {
  background-color: inherit;
  border-width: 0;
  color: inherit;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
:where(input, button, textarea, select) {
  font: inherit;
  background: inherit;
  border: inherit;
}
p {
  font-family: var(--font-family);
  overflow-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading, var(--font-family));
  overflow-wrap: break-word;
}
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(121, 121, 121, 0.4);
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 100, 100, 0.7);
}

::-webkit-scrollbar-thumb:active {
  background: rgba(85, 85, 85, 0.8);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(121, 121, 121, 0.4) transparent;
}

[direction="horizontal"] {
  --flex-direction: row;
  flex-direction: row;
}

[direction="vertical"] {
  --flex-direction: column;
  flex-direction: column;
}

[cursor-pointer] {
  cursor: pointer;
}

[w-full] {
  width: 100%;
}

[h-full] {
  height: 100%;
}

[min-h-0] {
  min-height: 0;
}

[min-w-0] {
  min-width: 0;
}

[flex] {
  display: flex;
}

[flex-col] {
  flex-direction: column;
}

[flex-1] {
  flex: 1;
}

[flex-grow] {
  flex-grow: 1;
}
[flex-shrink-0] {
  flex-shrink: 0;
}

body:not(.production) {
  *:not(:defined) {
    display: block;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    border: 1px solid red;
  }
}

@view-transition {
  navigation: auto;
}


/* Component CSS (1 files) */
.sw-update-toast {
  display: none;
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);

  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background: var(--color-primary, #3b82f6);
  color: white;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 0.875rem;
  animation: sw-toast-slide-up 0.3s ease-out;
  &[visible] {
    display: flex;
  }
  .sw-update-message {
    flex: 1;
  }

  .sw-update-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .sw-update-btn {
    padding: 0.375rem 0.75rem;
    background: white;
    color: var(--color-primary, #3b82f6);
    border: none;
    border-radius: 0.25rem;
    font-weight: 500;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background 0.2s;
  }

  .sw-update-btn:hover {
    background: #f0f0f0;
  }

  .sw-update-dismiss {
    padding: 0.25rem 0.5rem;
    background: transparent;
    color: white;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    opacity: 0.8;
    line-height: 1;
  }

  .sw-update-dismiss:hover {
    opacity: 1;
  }
}

@keyframes sw-toast-slide-up {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
/* layer: default */
.\[box-decoration-break\:clone\]{box-decoration-break:clone;}
.pointer-events-none{pointer-events:none;}
.absolute{position:absolute;}
.relative{position:relative;}
.sticky{position:sticky;}
.inset-0{inset:0;}
.left-0{left:0;}
.right-0{right:0;}
.right-3\.5{right:0.875rem;}
.top-0{top:0;}
.top-2\.5{top:0.625rem;}
.top-full{top:100%;}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}
.z-10{z-index:10;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.z-50{z-index:50;}
.grid{display:grid;}
.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));}
.mx-auto{margin-left:auto;margin-right:auto;}
.my-3{margin-top:0.75rem;margin-bottom:0.75rem;}
.my-8{margin-top:2rem;margin-bottom:2rem;}
.mb-2{margin-bottom:0.5rem;}
.mb-3{margin-bottom:0.75rem;}
.mb-4{margin-bottom:1rem;}
.mb-5{margin-bottom:1.25rem;}
.mb-6{margin-bottom:1.5rem;}
.ml-2{margin-left:0.5rem;}
.mt-0\.5{margin-top:0.125rem;}
.mt-1{margin-top:0.25rem;}
.mt-1\.5{margin-top:0.375rem;}
.mt-10{margin-top:2.5rem;}
.mt-12{margin-top:3rem;}
.mt-14{margin-top:3.5rem;}
.mt-16{margin-top:4rem;}
.mt-2{margin-top:0.5rem;}
.mt-3{margin-top:0.75rem;}
.mt-4{margin-top:1rem;}
.mt-5{margin-top:1.25rem;}
.mt-6{margin-top:1.5rem;}
.mt-7{margin-top:1.75rem;}
.mt-8{margin-top:2rem;}
.mt-auto{margin-top:auto;}
.block{display:block;}
.inline-block{display:inline-block;}
.hidden,
.marker\:hidden *::marker,
.marker\:hidden::marker{display:none;}
.aspect-\[4\/3\]{aspect-ratio:4/3;}
.h-10{height:2.5rem;}
.h-12{height:3rem;}
.h-2\.5{height:0.625rem;}
.h-3{height:0.75rem;}
.h-6{height:1.5rem;}
.h-8{height:2rem;}
.h-9{height:2.25rem;}
.h-full{height:100%;}
.max-h-96{max-height:24rem;}
.max-w-\[480px\]{max-width:480px;}
.max-w-2xl{max-width:42rem;}
.max-w-3xl{max-width:48rem;}
.max-w-5xl{max-width:64rem;}
.max-w-6xl{max-width:72rem;}
.max-w-lg{max-width:32rem;}
.max-w-md{max-width:28rem;}
.max-w-sm{max-width:24rem;}
.max-w-xl{max-width:36rem;}
.min-h-screen{min-height:100vh;}
.min-w-0{min-width:0;}
.min-w-9{min-width:2.25rem;}
.w-1\.5{width:0.375rem;}
.w-10{width:2.5rem;}
.w-12{width:3rem;}
.w-2\.5{width:0.625rem;}
.w-24{width:6rem;}
.w-28{width:7rem;}
.w-4{width:1rem;}
.w-56{width:14rem;}
.w-6{width:1.5rem;}
.w-8{width:2rem;}
.w-9{width:2.25rem;}
.w-full{width:100%;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.flex-1{flex:1 1 0%;}
.shrink-0{flex-shrink:0;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.origin-left{transform-origin:left;}
.hover\:-translate-y-0\.5:hover{--un-translate-y:-0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.active\:translate-y-0\.5:active{--un-translate-y:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.scale-\[0\.75\]{--un-scale-x:0.75;--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.cursor-pointer{cursor:pointer;}
.items-start{align-items:flex-start;}
.items-end{align-items:flex-end;}
.items-center{align-items:center;}
.items-baseline{align-items:baseline;}
.self-end{align-self:flex-end;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.gap-1{gap:0.25rem;}
.gap-1\.5{gap:0.375rem;}
.gap-10{gap:2.5rem;}
.gap-2{gap:0.5rem;}
.gap-2\.5{gap:0.625rem;}
.gap-3{gap:0.75rem;}
.gap-4{gap:1rem;}
.gap-6{gap:1.5rem;}
.gap-8{gap:2rem;}
.gap-x-1\.5{column-gap:0.375rem;}
.gap-y-0\.5{row-gap:0.125rem;}
.space-y-1\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.375rem * var(--un-space-y-reverse));}
.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.25rem * var(--un-space-y-reverse));}
.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}
.divide-\[color\:var\(--color-border-dim\,\#3c3836\)\]>:not([hidden])~:not([hidden]){border-color:var(--color-border-dim,#3c3836);}
.overflow-auto{overflow:auto;}
.overflow-hidden{overflow:hidden;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.whitespace-nowrap{white-space:nowrap;}
.border{border-width:1px;}
.border-\[length\:3px\]{border-width:3px;}
.border-2{border-width:2px;}
.border-b{border-bottom-width:1px;}
.border-b-\[length\:3px\]{border-bottom-width:3px;}
.border-b-2{border-bottom-width:2px;}
.border-r-\[length\:3px\]{border-right-width:3px;}
.border-t{border-top-width:1px;}
.border-t-2{border-top-width:2px;}
.border-\[color\:color-mix\(in_srgb\,var\(--border-color\)_14\%\,transparent\)\]{border-color:color-mix(in srgb,var(--border-color) 14%,transparent);}
.border-black{--un-border-opacity:1;border-color:rgb(0 0 0 / var(--un-border-opacity));}
.border-dim{border-color:var(--border-color);}
.hover\:border-primary:hover{border-color:var(--color-primary);}
.rounded{border-radius:0.25rem;}
.rounded-2xl{border-radius:1rem;}
.rounded-full{border-radius:9999px;}
.rounded-lg{border-radius:0.5rem;}
.rounded-md{border-radius:0.375rem;}
.rounded-sm{border-radius:0.125rem;}
.rounded-xl{border-radius:0.75rem;}
.bg-amber-100{--un-bg-opacity:1;background-color:rgb(254 243 199 / var(--un-bg-opacity));}
.bg-cyan-300{--un-bg-opacity:1;background-color:rgb(103 232 249 / var(--un-bg-opacity));}
.bg-green-100{--un-bg-opacity:1;background-color:rgb(220 252 231 / var(--un-bg-opacity));}
.bg-green-300{--un-bg-opacity:1;background-color:rgb(134 239 172 / var(--un-bg-opacity));}
.bg-green-400{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}
.bg-indigo-300{--un-bg-opacity:1;background-color:rgb(165 180 252 / var(--un-bg-opacity));}
.bg-orange-300{--un-bg-opacity:1;background-color:rgb(253 186 116 / var(--un-bg-opacity));}
.bg-orange-400{--un-bg-opacity:1;background-color:rgb(251 146 60 / var(--un-bg-opacity));}
.bg-pink-300{--un-bg-opacity:1;background-color:rgb(249 168 212 / var(--un-bg-opacity));}
.bg-purple-200{--un-bg-opacity:1;background-color:rgb(233 213 255 / var(--un-bg-opacity));}
.bg-purple-300{--un-bg-opacity:1;background-color:rgb(216 180 254 / var(--un-bg-opacity));}
.bg-rose-100{--un-bg-opacity:1;background-color:rgb(255 228 230 / var(--un-bg-opacity));}
.bg-rose-300{--un-bg-opacity:1;background-color:rgb(253 164 175 / var(--un-bg-opacity));}
.bg-rose-400{--un-bg-opacity:1;background-color:rgb(251 113 133 / var(--un-bg-opacity));}
.bg-sky-300{--un-bg-opacity:1;background-color:rgb(125 211 252 / var(--un-bg-opacity));}
.bg-surface{background-color:var(--color-surface);}
.bg-surface-dark{background-color:var(--color-surface-dark);}
.bg-teal-200{--un-bg-opacity:1;background-color:rgb(153 246 228 / var(--un-bg-opacity));}
.bg-teal-300{--un-bg-opacity:1;background-color:rgb(94 234 212 / var(--un-bg-opacity));}
.bg-teal-400{--un-bg-opacity:1;background-color:rgb(45 212 191 / var(--un-bg-opacity));}
.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}
.bg-yellow-300{--un-bg-opacity:1;background-color:rgb(253 224 71 / var(--un-bg-opacity));}
.bg-yellow-400{--un-bg-opacity:1;background-color:rgb(250 204 21 / var(--un-bg-opacity));}
.bg-zinc-600{--un-bg-opacity:1;background-color:rgb(82 82 91 / var(--un-bg-opacity));}
.bg-zinc-700{--un-bg-opacity:1;background-color:rgb(63 63 70 / var(--un-bg-opacity));}
.bg-zinc-800{--un-bg-opacity:1;background-color:rgb(39 39 42 / var(--un-bg-opacity));}
.bg-zinc-900{--un-bg-opacity:1;background-color:rgb(24 24 27 / var(--un-bg-opacity));}
.bg-zinc-950{--un-bg-opacity:1;background-color:rgb(9 9 11 / var(--un-bg-opacity));}
.hover\:bg-\[color\:var\(--color-hover\)\]:hover{background-color:var(--color-hover);}
.hover\:bg-surface-light:hover{background-color:var(--color-surface-light);}
.p-1{padding:0.25rem;}
.p-2{padding:0.5rem;}
.p-2\.5{padding:0.625rem;}
.p-3{padding:0.75rem;}
.p-3\.5{padding:0.875rem;}
.p-4{padding:1rem;}
.p-5{padding:1.25rem;}
.p-8{padding:2rem;}
.px-1{padding-left:0.25rem;padding-right:0.25rem;}
.px-2{padding-left:0.5rem;padding-right:0.5rem;}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-5{padding-left:1.25rem;padding-right:1.25rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}
.py-24{padding-top:6rem;padding-bottom:6rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.pb-1{padding-bottom:0.25rem;}
.pb-16{padding-bottom:4rem;}
.pb-2{padding-bottom:0.5rem;}
.pl-5{padding-left:1.25rem;}
.pt-2{padding-top:0.5rem;}
.pt-3{padding-top:0.75rem;}
.pt-6{padding-top:1.5rem;}
.pt-8{padding-top:2rem;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-\[10px\]{font-size:10px;}
.text-\[11px\]{font-size:11px;}
.text-\[13px\]{font-size:13px;}
.text-\[9px\]{font-size:9px;}
.text-2xl{font-size:1.5rem;line-height:2rem;}
.text-3xl{font-size:1.875rem;line-height:2.25rem;}
.text-4xl{font-size:2.25rem;line-height:2.5rem;}
.text-base{font-size:1rem;line-height:1.5rem;}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.text-xl{font-size:1.25rem;line-height:1.75rem;}
.text-xs{font-size:0.75rem;line-height:1rem;}
.marker\:text-teal-500 *::marker,
.marker\:text-teal-500::marker,
.text-teal-500{--un-text-opacity:1;color:rgb(20 184 166 / var(--un-text-opacity));}
.text-black{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));}
.text-black\/70{color:rgb(0 0 0 / 0.7);}
.text-black\/80{color:rgb(0 0 0 / 0.8);}
.text-default{color:var(--text-color);}
.text-gray-300{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity));}
.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}
.text-green-800{--un-text-opacity:1;color:rgb(22 101 52 / var(--un-text-opacity));}
.text-muted{color:var(--text-muted);}
.text-orange-500{--un-text-opacity:1;color:rgb(249 115 22 / var(--un-text-opacity));}
.text-orange-600{--un-text-opacity:1;color:rgb(234 88 12 / var(--un-text-opacity));}
.text-primary{color:var(--color-primary);}
.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}
.text-rose-500{--un-text-opacity:1;color:rgb(244 63 94 / var(--un-text-opacity));}
.text-rose-700{--un-text-opacity:1;color:rgb(190 18 60 / var(--un-text-opacity));}
.text-rose-800{--un-text-opacity:1;color:rgb(159 18 57 / var(--un-text-opacity));}
.hover\:text-default:hover{color:var(--text-color);}
.hover\:text-primary:hover{color:var(--color-primary);}
.font-black{font-weight:900;}
.font-extrabold{font-weight:800;}
.font-medium{font-weight:500;}
.font-semibold{font-weight:600;}
.leading-\[1\.05\]{line-height:1.05;}
.leading-none{line-height:1;}
.leading-relaxed{line-height:1.625;}
.leading-snug{line-height:1.375;}
.leading-tight{line-height:1.25;}
.tracking-tight{letter-spacing:-0.025em;}
.tracking-wide{letter-spacing:0.025em;}
.tracking-wider{letter-spacing:0.05em;}
.uppercase{text-transform:uppercase;}
.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);}
.underline{text-decoration-line:underline;}
.hover\:underline:hover{text-decoration-line:underline;}
.decoration-\[3px\]{text-decoration-thickness:3px;}
.decoration-orange-400{-webkit-text-decoration-color:rgb(251 146 60 / var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgb(251 146 60 / var(--un-line-opacity));}
.decoration-teal-400{-webkit-text-decoration-color:rgb(45 212 191 / var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgb(45 212 191 / var(--un-line-opacity));}
.underline-offset-2{text-underline-offset:2px;}
.opacity-0{opacity:0;}
.opacity-50{opacity:0.5;}
.disabled\:opacity-50:disabled{opacity:0.5;}
.shadow-\[2px_2px_0px_0px_\#000\]{--un-shadow:2px 2px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[3px_3px_0px_0px_\#000\]{--un-shadow:3px 3px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[4px_4px_0px_0px_\#000\]{--un-shadow:4px 4px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[5px_5px_0px_0px_\#000\]{--un-shadow:5px 5px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[6px_6px_0px_0px_\#000\]{--un-shadow:6px 6px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[8px_8px_0px_0px_\#000\]{--un-shadow:8px 8px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:shadow-\[4px_4px_0px_0px_\#000\]:hover{--un-shadow:4px 4px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus\:shadow-\[2px_2px_0px_0px_\#000\]:focus{--un-shadow:2px 2px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus\:shadow-\[4px_4px_0px_0px_\#000\]:focus{--un-shadow:4px 4px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.active\:shadow-\[1px_1px_0px_0px_\#000\]:active{--un-shadow:1px 1px 0px 0px var(--un-shadow-color, rgb(0 0 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.outline-none{outline:2px solid transparent;outline-offset:2px;}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
@media (min-width: 640px){
.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\:inline-block{display:inline-block;}
.sm\:w-64{width:16rem;}
.sm\:w-auto{width:auto;}
.sm\:flex-none{flex:none;}
.sm\:flex-row{flex-direction:row;}
.sm\:items-center{align-items:center;}
.sm\:justify-between{justify-content:space-between;}
.sm\:p-6{padding:1.5rem;}
.sm\:px-3{padding-left:0.75rem;padding-right:0.75rem;}
.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem;}
.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem;}
.sm\:text-5xl{font-size:3rem;line-height:1;}
.sm\:text-6xl{font-size:3.75rem;line-height:1;}
.sm\:text-lg{font-size:1.125rem;line-height:1.75rem;}
}
@media (min-width: 768px){
.md\:flex-row{flex-direction:row;}
.md\:justify-between{justify-content:space-between;}
}
@media (min-width: 1024px){
.lg\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px;}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.lg\:block{display:block;}
.lg\:hidden{display:none;}
.lg\:flex{display:flex;}
.lg\:flex-row{flex-direction:row;}
.lg\:flex-wrap{flex-wrap:wrap;}
.lg\:items-center{align-items:center;}
.lg\:justify-end{justify-content:flex-end;}
.lg\:justify-between{justify-content:space-between;}
.lg\:gap-10{gap:2.5rem;}
.lg\:py-12{padding-top:3rem;padding-bottom:3rem;}
.lg\:py-14{padding-top:3.5rem;padding-bottom:3.5rem;}
.lg\:py-16{padding-top:4rem;padding-bottom:4rem;}
}
@media (min-width: 1280px){
.xl\:left-4{left:1rem;}
.xl\:right-4{right:1rem;}
}

/* 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-bg-opacity:100%;--un-text-opacity:100%;--un-border-opacity:100%;--un-leading:initial;--un-line-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-space-y-reverse:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-line-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-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-y-reverse{syntax:"*";inherits:false;initial-value:0;}
/* layer: theme */
:root, :host { --spacing: 0.25rem; --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"; --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-icon-family: lucide; --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --colors-black: #000; --colors-white: #fff; --colors-slate-50: oklch(98.4% 0.003 247.858); --colors-slate-100: oklch(96.8% 0.007 247.896); --colors-slate-200: oklch(92.9% 0.013 255.508); --colors-slate-300: oklch(86.9% 0.022 252.894); --colors-slate-400: oklch(70.4% 0.04 256.788); --colors-slate-500: oklch(55.4% 0.046 257.417); --colors-slate-600: oklch(44.6% 0.043 257.281); --colors-slate-700: oklch(37.2% 0.044 257.287); --colors-slate-800: oklch(27.9% 0.041 260.031); --colors-slate-900: oklch(20.8% 0.042 265.755); --colors-slate-950: oklch(12.9% 0.042 264.695); --colors-slate-DEFAULT: oklch(70.4% 0.04 256.788); --colors-gray-50: oklch(98.5% 0.002 247.839); --colors-gray-100: oklch(96.7% 0.003 264.542); --colors-gray-200: oklch(92.8% 0.006 264.531); --colors-gray-300: oklch(87.2% 0.01 258.338); --colors-gray-400: oklch(70.7% 0.022 261.325); --colors-gray-500: oklch(55.1% 0.027 264.364); --colors-gray-600: oklch(44.6% 0.03 256.802); --colors-gray-700: oklch(37.3% 0.034 259.733); --colors-gray-800: oklch(27.8% 0.033 256.848); --colors-gray-900: oklch(21% 0.034 264.665); --colors-gray-950: oklch(13% 0.028 261.692); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --colors-zinc-50: oklch(98.5% 0 0); --colors-zinc-100: oklch(96.7% 0.001 286.375); --colors-zinc-200: oklch(92% 0.004 286.32); --colors-zinc-300: oklch(87.1% 0.006 286.286); --colors-zinc-400: oklch(70.5% 0.015 286.067); --colors-zinc-500: oklch(55.2% 0.016 285.938); --colors-zinc-600: oklch(44.2% 0.017 285.786); --colors-zinc-700: oklch(37% 0.013 285.805); --colors-zinc-800: oklch(27.4% 0.006 286.033); --colors-zinc-900: oklch(21% 0.006 285.885); --colors-zinc-950: oklch(14.1% 0.005 285.823); --colors-zinc-DEFAULT: oklch(70.5% 0.015 286.067); --colors-neutral-50: oklch(98.5% 0 0); --colors-neutral-100: oklch(97% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --colors-neutral-300: oklch(87% 0 0); --colors-neutral-400: oklch(70.8% 0 0); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-700: oklch(37.1% 0 0); --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-900: oklch(20.5% 0 0); --colors-neutral-950: oklch(14.5% 0 0); --colors-neutral-DEFAULT: oklch(70.8% 0 0); --colors-stone-50: oklch(98.5% 0.001 106.423); --colors-stone-100: oklch(97% 0.001 106.424); --colors-stone-200: oklch(92.3% 0.003 48.717); --colors-stone-300: oklch(86.9% 0.005 56.366); --colors-stone-400: oklch(70.9% 0.01 56.259); --colors-stone-500: oklch(55.3% 0.013 58.071); --colors-stone-600: oklch(44.4% 0.011 73.639); --colors-stone-700: oklch(37.4% 0.01 67.558); --colors-stone-800: oklch(26.8% 0.007 34.298); --colors-stone-900: oklch(21.6% 0.006 56.043); --colors-stone-950: oklch(14.7% 0.004 49.25); --colors-stone-DEFAULT: oklch(70.9% 0.01 56.259); --colors-mauve-50: oklch(98.5% 0 0); --colors-mauve-100: oklch(96% 0.003 325.6); --colors-mauve-200: oklch(92.2% 0.005 325.62); --colors-mauve-300: oklch(86.5% 0.012 325.68); --colors-mauve-400: oklch(71.1% 0.019 323.02); --colors-mauve-500: oklch(54.2% 0.034 322.5); --colors-mauve-600: oklch(43.5% 0.029 321.78); --colors-mauve-700: oklch(36.4% 0.029 323.89); --colors-mauve-800: oklch(26.3% 0.024 320.12); --colors-mauve-900: oklch(21.2% 0.019 322.12); --colors-mauve-950: oklch(14.5% 0.008 326); --colors-mauve-DEFAULT: oklch(71.1% 0.019 323.02); --colors-olive-50: oklch(98.8% 0.003 106.5); --colors-olive-100: oklch(96.6% 0.005 106.5); --colors-olive-200: oklch(93% 0.007 106.5); --colors-olive-300: oklch(88% 0.011 106.6); --colors-olive-400: oklch(73.7% 0.021 106.9); --colors-olive-500: oklch(58% 0.031 107.3); --colors-olive-600: oklch(46.6% 0.025 107.3); --colors-olive-700: oklch(39.4% 0.023 107.4); --colors-olive-800: oklch(28.6% 0.016 107.4); --colors-olive-900: oklch(22.8% 0.013 107.4); --colors-olive-950: oklch(15.3% 0.006 107.1); --colors-olive-DEFAULT: oklch(73.7% 0.021 106.9); --colors-mist-50: oklch(98.7% 0.002 197.1); --colors-mist-100: oklch(96.3% 0.002 197.1); --colors-mist-200: oklch(92.5% 0.005 214.3); --colors-mist-300: oklch(87.2% 0.007 219.6); --colors-mist-400: oklch(72.3% 0.014 214.4); --colors-mist-500: oklch(56% 0.021 213.5); --colors-mist-600: oklch(45% 0.017 213.2); --colors-mist-700: oklch(37.8% 0.015 216); --colors-mist-800: oklch(27.5% 0.011 216.9); --colors-mist-900: oklch(21.8% 0.008 223.9); --colors-mist-950: oklch(14.8% 0.004 228.8); --colors-mist-DEFAULT: oklch(72.3% 0.014 214.4); --colors-taupe-50: oklch(98.6% 0.002 67.8); --colors-taupe-100: oklch(96% 0.002 17.2); --colors-taupe-200: oklch(92.2% 0.005 34.3); --colors-taupe-300: oklch(86.8% 0.007 39.5); --colors-taupe-400: oklch(71.4% 0.014 41.2); --colors-taupe-500: oklch(54.7% 0.021 43.1); --colors-taupe-600: oklch(43.8% 0.017 39.3); --colors-taupe-700: oklch(36.7% 0.016 35.7); --colors-taupe-800: oklch(26.8% 0.011 36.5); --colors-taupe-900: oklch(21.4% 0.009 43.1); --colors-taupe-950: oklch(14.7% 0.004 49.3); --colors-taupe-DEFAULT: oklch(71.4% 0.014 41.2); --colors-red-50: oklch(97.1% 0.013 17.38); --colors-red-100: oklch(93.6% 0.032 17.717); --colors-red-200: oklch(88.5% 0.062 18.334); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-red-400: oklch(70.4% 0.191 22.216); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-red-800: oklch(44.4% 0.177 26.899); --colors-red-900: oklch(39.6% 0.141 25.723); --colors-red-950: oklch(25.8% 0.092 26.042); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-orange-50: oklch(98% 0.016 73.684); --colors-orange-100: oklch(95.4% 0.038 75.164); --colors-orange-200: oklch(90.1% 0.076 70.697); --colors-orange-300: oklch(83.7% 0.128 66.29); --colors-orange-400: oklch(75% 0.183 55.934); --colors-orange-500: oklch(70.5% 0.213 47.604); --colors-orange-600: oklch(64.6% 0.222 41.116); --colors-orange-700: oklch(55.3% 0.195 38.402); --colors-orange-800: oklch(47% 0.157 37.304); --colors-orange-900: oklch(40.8% 0.123 38.172); --colors-orange-950: oklch(26.6% 0.079 36.259); --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --colors-amber-50: oklch(98.7% 0.022 95.277); --colors-amber-100: oklch(96.2% 0.059 95.617); --colors-amber-200: oklch(92.4% 0.12 95.746); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-600: oklch(66.6% 0.179 58.318); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-amber-800: oklch(47.3% 0.137 46.201); --colors-amber-900: oklch(41.4% 0.112 45.904); --colors-amber-950: oklch(27.9% 0.077 45.635); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-yellow-50: oklch(98.7% 0.026 102.212); --colors-yellow-100: oklch(97.3% 0.071 103.193); --colors-yellow-200: oklch(94.5% 0.129 101.54); --colors-yellow-300: oklch(90.5% 0.182 98.111); --colors-yellow-400: oklch(85.2% 0.199 91.936); --colors-yellow-500: oklch(79.5% 0.184 86.047); --colors-yellow-600: oklch(68.1% 0.162 75.834); --colors-yellow-700: oklch(55.4% 0.135 66.442); --colors-yellow-800: oklch(47.6% 0.114 61.907); --colors-yellow-900: oklch(42.1% 0.095 57.708); --colors-yellow-950: oklch(28.6% 0.066 53.813); --colors-yellow-DEFAULT: oklch(85.2% 0.199 91.936); --colors-lime-50: oklch(98.6% 0.031 120.757); --colors-lime-100: oklch(96.7% 0.067 122.328); --colors-lime-200: oklch(93.8% 0.127 124.321); --colors-lime-300: oklch(89.7% 0.196 126.665); --colors-lime-400: oklch(84.1% 0.238 128.85); --colors-lime-500: oklch(76.8% 0.233 130.85); --colors-lime-600: oklch(64.8% 0.2 131.684); --colors-lime-700: oklch(53.2% 0.157 131.589); --colors-lime-800: oklch(45.3% 0.124 130.933); --colors-lime-900: oklch(40.5% 0.101 131.063); --colors-lime-950: oklch(27.4% 0.072 132.109); --colors-lime-DEFAULT: oklch(84.1% 0.238 128.85); --colors-green-50: oklch(98.2% 0.018 155.826); --colors-green-100: oklch(96.2% 0.044 156.743); --colors-green-200: oklch(92.5% 0.084 155.995); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-green-800: oklch(44.8% 0.119 151.328); --colors-green-900: oklch(39.3% 0.095 152.535); --colors-green-950: oklch(26.6% 0.065 152.934); --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-emerald-50: oklch(97.9% 0.021 166.113); --colors-emerald-100: oklch(95% 0.052 163.051); --colors-emerald-200: oklch(90.5% 0.093 164.15); --colors-emerald-300: oklch(84.5% 0.143 164.978); --colors-emerald-400: oklch(76.5% 0.177 163.223); --colors-emerald-500: oklch(69.6% 0.17 162.48); --colors-emerald-600: oklch(59.6% 0.145 163.225); --colors-emerald-700: oklch(50.8% 0.118 165.612); --colors-emerald-800: oklch(43.2% 0.095 166.913); --colors-emerald-900: oklch(37.8% 0.077 168.94); --colors-emerald-950: oklch(26.2% 0.051 172.552); --colors-emerald-DEFAULT: oklch(76.5% 0.177 163.223); --colors-teal-50: oklch(98.4% 0.014 180.72); --colors-teal-100: oklch(95.3% 0.051 180.801); --colors-teal-200: oklch(91% 0.096 180.426); --colors-teal-300: oklch(85.5% 0.138 181.071); --colors-teal-400: oklch(77.7% 0.152 181.912); --colors-teal-500: oklch(70.4% 0.14 182.503); --colors-teal-600: oklch(60% 0.118 184.704); --colors-teal-700: oklch(51.1% 0.096 186.391); --colors-teal-800: oklch(43.7% 0.078 188.216); --colors-teal-900: oklch(38.6% 0.063 188.416); --colors-teal-950: oklch(27.7% 0.046 192.524); --colors-teal-DEFAULT: oklch(77.7% 0.152 181.912); --colors-cyan-50: oklch(98.4% 0.019 200.873); --colors-cyan-100: oklch(95.6% 0.045 203.388); --colors-cyan-200: oklch(91.7% 0.08 205.041); --colors-cyan-300: oklch(86.5% 0.127 207.078); --colors-cyan-400: oklch(78.9% 0.154 211.53); --colors-cyan-500: oklch(71.5% 0.143 215.221); --colors-cyan-600: oklch(60.9% 0.126 221.723); --colors-cyan-700: oklch(52% 0.105 223.128); --colors-cyan-800: oklch(45% 0.085 224.283); --colors-cyan-900: oklch(39.8% 0.07 227.392); --colors-cyan-950: oklch(30.2% 0.056 229.695); --colors-cyan-DEFAULT: oklch(78.9% 0.154 211.53); --colors-sky-50: oklch(97.7% 0.013 236.62); --colors-sky-100: oklch(95.1% 0.026 236.824); --colors-sky-200: oklch(90.1% 0.058 230.902); --colors-sky-300: oklch(82.8% 0.111 230.318); --colors-sky-400: oklch(74.6% 0.16 232.661); --colors-sky-500: oklch(68.5% 0.169 237.323); --colors-sky-600: oklch(58.8% 0.158 241.966); --colors-sky-700: oklch(50% 0.134 242.749); --colors-sky-800: oklch(44.3% 0.11 240.79); --colors-sky-900: oklch(39.1% 0.09 240.876); --colors-sky-950: oklch(29.3% 0.066 243.157); --colors-sky-DEFAULT: oklch(74.6% 0.16 232.661); --colors-blue-50: oklch(97% 0.014 254.604); --colors-blue-100: oklch(93.2% 0.032 255.585); --colors-blue-200: oklch(88.2% 0.059 254.128); --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-600: oklch(54.6% 0.245 262.881); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-blue-800: oklch(42.4% 0.199 265.638); --colors-blue-900: oklch(37.9% 0.146 265.522); --colors-blue-950: oklch(28.2% 0.091 267.935); --colors-blue-DEFAULT: oklch(70.7% 0.165 254.624); --colors-indigo-50: oklch(96.2% 0.018 272.314); --colors-indigo-100: oklch(93% 0.034 272.788); --colors-indigo-200: oklch(87% 0.065 274.039); --colors-indigo-300: oklch(78.5% 0.115 274.713); --colors-indigo-400: oklch(67.3% 0.182 276.935); --colors-indigo-500: oklch(58.5% 0.233 277.117); --colors-indigo-600: oklch(51.1% 0.262 276.966); --colors-indigo-700: oklch(45.7% 0.24 277.023); --colors-indigo-800: oklch(39.8% 0.195 277.366); --colors-indigo-900: oklch(35.9% 0.144 278.697); --colors-indigo-950: oklch(25.7% 0.09 281.288); --colors-indigo-DEFAULT: oklch(67.3% 0.182 276.935); --colors-violet-50: oklch(96.9% 0.016 293.756); --colors-violet-100: oklch(94.3% 0.029 294.588); --colors-violet-200: oklch(89.4% 0.057 293.283); --colors-violet-300: oklch(81.1% 0.111 293.571); --colors-violet-400: oklch(70.2% 0.183 293.541); --colors-violet-500: oklch(60.6% 0.25 292.717); --colors-violet-600: oklch(54.1% 0.281 293.009); --colors-violet-700: oklch(49.1% 0.27 292.581); --colors-violet-800: oklch(43.2% 0.232 292.759); --colors-violet-900: oklch(38% 0.189 293.745); --colors-violet-950: oklch(28.3% 0.141 291.089); --colors-violet-DEFAULT: oklch(70.2% 0.183 293.541); --colors-purple-50: oklch(97.7% 0.014 308.299); --colors-purple-100: oklch(94.6% 0.033 307.174); --colors-purple-200: oklch(90.2% 0.063 306.703); --colors-purple-300: oklch(82.7% 0.119 306.383); --colors-purple-400: oklch(71.4% 0.203 305.504); --colors-purple-500: oklch(62.7% 0.265 303.9); --colors-purple-600: oklch(55.8% 0.288 302.321); --colors-purple-700: oklch(49.6% 0.265 301.924); --colors-purple-800: oklch(43.8% 0.218 303.724); --colors-purple-900: oklch(38.1% 0.176 304.987); --colors-purple-950: oklch(29.1% 0.149 302.717); --colors-purple-DEFAULT: oklch(71.4% 0.203 305.504); --colors-fuchsia-50: oklch(97.7% 0.017 320.058); --colors-fuchsia-100: oklch(95.2% 0.037 318.852); --colors-fuchsia-200: oklch(90.3% 0.076 319.62); --colors-fuchsia-300: oklch(83.3% 0.145 321.434); --colors-fuchsia-400: oklch(74% 0.238 322.16); --colors-fuchsia-500: oklch(66.7% 0.295 322.15); --colors-fuchsia-600: oklch(59.1% 0.293 322.896); --colors-fuchsia-700: oklch(51.8% 0.253 323.949); --colors-fuchsia-800: oklch(45.2% 0.211 324.591); --colors-fuchsia-900: oklch(40.1% 0.17 325.612); --colors-fuchsia-950: oklch(29.3% 0.136 325.661); --colors-fuchsia-DEFAULT: oklch(74% 0.238 322.16); --colors-pink-50: oklch(97.1% 0.014 343.198); --colors-pink-100: oklch(94.8% 0.028 342.258); --colors-pink-200: oklch(89.9% 0.061 343.231); --colors-pink-300: oklch(82.3% 0.12 346.018); --colors-pink-400: oklch(71.8% 0.202 349.761); --colors-pink-500: oklch(65.6% 0.241 354.308); --colors-pink-600: oklch(59.2% 0.249 0.584); --colors-pink-700: oklch(52.5% 0.223 3.958); --colors-pink-800: oklch(45.9% 0.187 3.815); --colors-pink-900: oklch(40.8% 0.153 2.432); --colors-pink-950: oklch(28.4% 0.109 3.907); --colors-pink-DEFAULT: oklch(71.8% 0.202 349.761); --colors-rose-50: oklch(96.9% 0.015 12.422); --colors-rose-100: oklch(94.1% 0.03 12.58); --colors-rose-200: oklch(89.2% 0.058 10.001); --colors-rose-300: oklch(81% 0.117 11.638); --colors-rose-400: oklch(71.2% 0.194 13.428); --colors-rose-500: oklch(64.5% 0.246 16.439); --colors-rose-600: oklch(58.6% 0.253 17.585); --colors-rose-700: oklch(51.4% 0.222 16.935); --colors-rose-800: oklch(45.5% 0.188 13.697); --colors-rose-900: oklch(41% 0.159 10.272); --colors-rose-950: oklch(27.1% 0.105 12.094); --colors-rose-DEFAULT: oklch(71.2% 0.194 13.428); --colors-light-50: oklch(99.4% 0 0); --colors-light-100: oklch(99.11% 0 0); --colors-light-200: oklch(98.51% 0 0); --colors-light-300: oklch(98.16% 0.0017 247.84); --colors-light-400: oklch(97.31% 0 0); --colors-light-500: oklch(96.12% 0 0); --colors-light-600: oklch(96.32% 0.0034 247.86); --colors-light-700: oklch(94.17% 0.0052 247.88); --colors-light-800: oklch(91.09% 0.007 247.9); --colors-light-900: oklch(90.72% 0.0051 228.82); --colors-light-950: oklch(89.23% 0.006 239.83); --colors-light-DEFAULT: oklch(97.31% 0 0); --colors-dark-50: oklch(40.91% 0 0); --colors-dark-100: oklch(35.62% 0 0); --colors-dark-200: oklch(31.71% 0 0); --colors-dark-300: oklch(29.72% 0 0); --colors-dark-400: oklch(25.2% 0 0); --colors-dark-500: oklch(23.93% 0 0); --colors-dark-600: oklch(22.73% 0.0038 286.09); --colors-dark-700: oklch(22.21% 0 0); --colors-dark-800: oklch(20.9% 0 0); --colors-dark-900: oklch(16.84% 0 0); --colors-dark-950: oklch(13.44% 0 0); --colors-dark-DEFAULT: oklch(25.2% 0 0); --colors-default: var(--text-color); --colors-muted: var(--text-muted); --colors-inverted: var(--color-inverse); --colors-canvas: var(--color-canvas); --colors-surface-DEFAULT: var(--color-surface); --colors-surface-lighter: var(--color-surface-lighter); --colors-surface-light: var(--color-surface-light); --colors-surface-dark: var(--color-surface-dark); --colors-surface-darker: var(--color-surface-darker); --colors-accent-DEFAULT: var(--color-accent); --colors-accent-lighter: var(--color-accent-lighter); --colors-accent-light: var(--color-accent-light); --colors-accent-dark: var(--color-accent-dark); --colors-accent-darker: var(--color-accent-darker); --colors-inverse-DEFAULT: var(--color-inverse); --colors-inverse-lighter: var(--color-inverse-lighter); --colors-inverse-light: var(--color-inverse-light); --colors-inverse-dark: var(--color-inverse-dark); --colors-inverse-darker: var(--color-inverse-darker); --colors-primary-DEFAULT: var(--color-primary); --colors-primary-lighter: var(--color-primary-lighter); --colors-primary-light: var(--color-primary-light); --colors-primary-dark: var(--color-primary-dark); --colors-primary-darker: var(--color-primary-darker); --colors-secondary-DEFAULT: var(--color-secondary); --colors-secondary-lighter: var(--color-secondary-lighter); --colors-secondary-light: var(--color-secondary-light); --colors-secondary-dark: var(--color-secondary-dark); --colors-secondary-darker: var(--color-secondary-darker); --colors-success-DEFAULT: var(--color-success); --colors-success-lighter: var(--color-success-lighter); --colors-success-light: var(--color-success-light); --colors-success-dark: var(--color-success-dark); --colors-success-darker: var(--color-success-darker); --colors-danger-DEFAULT: var(--color-danger); --colors-danger-lighter: var(--color-danger-lighter); --colors-danger-light: var(--color-danger-light); --colors-danger-dark: var(--color-danger-dark); --colors-danger-darker: var(--color-danger-darker); --colors-warning-DEFAULT: var(--color-warning); --colors-warning-lighter: var(--color-warning-lighter); --colors-warning-light: var(--color-warning-light); --colors-warning-dark: var(--color-warning-dark); --colors-warning-darker: var(--color-warning-darker); --colors-info-DEFAULT: var(--color-info); --colors-info-lighter: var(--color-info-lighter); --colors-info-light: var(--color-info-light); --colors-info-dark: var(--color-info-dark); --colors-info-darker: var(--color-info-darker); --colors-hover: var(--color-hover); --colors-focus: var(--color-focus); --colors-dim: var(--border-color); --colors-ide-sidebar: var(--ide-sidebar-background, var(--color-inverse)); --colors-ide-sidebar-border: var(--ide-sidebar-border, var(--color-surface)); --colors-ide-content: var(--ide-content-background, var(--color-inverse)); --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; --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; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-none: 1; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --textStrokeWidth-DEFAULT: 1.5rem; --textStrokeWidth-none: 0; --textStrokeWidth-sm: thin; --textStrokeWidth-md: medium; --textStrokeWidth-lg: thick; --radius-DEFAULT: 0.25rem; --radius-none: 0; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --ease-linear: linear; --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --blur-DEFAULT: 8px; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --default-transition-duration: 150ms; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-font-featureSettings: var(--font-sans--font-feature-settings); --default-font-variationSettings: var(--font-sans--font-variation-settings); --default-monoFont-family: var(--font-mono); --default-monoFont-featureSettings: var(--font-mono--font-feature-settings); --default-monoFont-variationSettings: var(--font-mono--font-variation-settings); --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; --container-prose: 65ch; --icon-family: lucide; --path-0: /; --path-1: t; --path-2: h; --path-3: e; --path-4: m; --path-5: e; --path-6: .; --path-7: j; --path-8: s; --darkMode-0: s; --darkMode-1: y; --darkMode-2: s; --darkMode-3: t; --darkMode-4: e; --darkMode-5: m; --textColor-DEFAULT: var(--text-color); --textColor-bg: var(--background-color); --backgroundColor-DEFAULT: var(--background-color); --borderColor-DEFAULT: var(--border-color); --borderColor-bg: var(--background-color); }
/* layer: base */
 *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );  font-feature-settings: var(--default-font-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, normal);  -webkit-tap-highlight-color: transparent;  }  hr { height: 0;  color: inherit;  border-top-width: 1px;  }  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  table { text-indent: 0;  border-color: inherit;  border-collapse: collapse;  }  :-moz-focusring { outline: auto; }  progress { vertical-align: baseline; }  summary { display: list-item; }  ol, ul, menu { list-style: none; }  img, svg, video, canvas, audio, iframe, embed, object { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }  ::file-selector-button { margin-inline-end: 4px; }  ::placeholder { opacity: 1; }  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px)  { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } }  textarea { resize: vertical; }  ::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-date-and-time-value { min-height: 1lh;  text-align: inherit;  }  ::-webkit-datetime-edit { display: inline-flex; }  ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }  ::-webkit-calendar-picker-indicator { line-height: 1; }  :-moz-ui-invalid { box-shadow: none; }  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
/* layer: default */
.text-\[10px\]{font-size:10px;}
.text-\[11px\]{font-size:11px;}
.text-\[13px\]{font-size:13px;}
.text-\[9px\]{font-size:9px;}
.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.text-4xl{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));}
.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}
.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
.marker\:text-teal-500 *::marker,
.marker\:text-teal-500::marker,
.text-teal-500{color:color-mix(in srgb, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.text-black{color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent);}
.text-black\/70{color:color-mix(in srgb, var(--colors-black) 70%, transparent);}
.text-black\/80{color:color-mix(in srgb, var(--colors-black) 80%, transparent);}
.text-default{color:color-mix(in srgb, var(--text-color) var(--un-text-opacity), transparent);}
.text-gray-300{color:color-mix(in srgb, var(--colors-gray-300) var(--un-text-opacity), transparent);}
.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}
.text-green-800{color:color-mix(in srgb, var(--colors-green-800) var(--un-text-opacity), transparent);}
.text-muted{color:color-mix(in srgb, var(--text-muted) var(--un-text-opacity), transparent);}
.text-orange-500{color:color-mix(in srgb, var(--colors-orange-500) var(--un-text-opacity), transparent);}
.text-orange-600{color:color-mix(in srgb, var(--colors-orange-600) var(--un-text-opacity), transparent);}
.text-primary{color:color-mix(in srgb, var(--color-primary) var(--un-text-opacity), transparent);}
.text-rose-500{color:color-mix(in srgb, var(--colors-rose-500) var(--un-text-opacity), transparent);}
.text-rose-700{color:color-mix(in srgb, var(--colors-rose-700) var(--un-text-opacity), transparent);}
.text-rose-800{color:color-mix(in srgb, var(--colors-rose-800) var(--un-text-opacity), transparent);}
.hover\:text-default:hover{color:color-mix(in srgb, var(--text-color) var(--un-text-opacity), transparent);}
.hover\:text-primary:hover{color:color-mix(in srgb, var(--color-primary) var(--un-text-opacity), transparent);}
.leading-\[1\.05\]{--un-leading:1.05;line-height:1.05;}
.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}
.leading-relaxed{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}
.leading-snug{--un-leading:var(--leading-snug);line-height:var(--leading-snug);}
.leading-tight{--un-leading:var(--leading-tight);line-height:var(--leading-tight);}
.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}
.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}
.tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
.font-black{--un-font-weight:var(--fontWeight-black);font-weight:var(--fontWeight-black);}
.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
.font-extrabold{--un-font-weight:var(--fontWeight-extrabold);font-weight:var(--fontWeight-extrabold);}
.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
.m12{margin:calc(var(--spacing) * 12);}
.m16{margin:calc(var(--spacing) * 16);}
.m16\.24{margin:calc(var(--spacing) * 16.24);}
.m21{margin:calc(var(--spacing) * 21);}
.m22{margin:calc(var(--spacing) * 22);}
.m6{margin:calc(var(--spacing) * 6);}
.m9{margin:calc(var(--spacing) * 9);}
.mx-auto{margin-inline:auto;}
.my{margin-block:calc(var(--spacing) * 4);}
.my-3{margin-block:calc(var(--spacing) * 3);}
.my-8{margin-block:calc(var(--spacing) * 8);}
.-ml-3{margin-left:calc(var(--spacing) * -3);}
.-mr-4{margin-right:calc(var(--spacing) * -4);}
.mb-2{margin-bottom:calc(var(--spacing) * 2);}
.mb-3{margin-bottom:calc(var(--spacing) * 3);}
.mb-4{margin-bottom:calc(var(--spacing) * 4);}
.mb-5{margin-bottom:calc(var(--spacing) * 5);}
.mb-6{margin-bottom:calc(var(--spacing) * 6);}
.me{margin-inline-end:calc(var(--spacing) * 4);}
.ml-2{margin-left:calc(var(--spacing) * 2);}
.mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}
.mt-1{margin-top:calc(var(--spacing) * 1);}
.mt-1\.5{margin-top:calc(var(--spacing) * 1.5);}
.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);}
.mt-2{margin-top:calc(var(--spacing) * 2);}
.mt-3{margin-top:calc(var(--spacing) * 3);}
.mt-4{margin-top:calc(var(--spacing) * 4);}
.mt-5{margin-top:calc(var(--spacing) * 5);}
.mt-6{margin-top:calc(var(--spacing) * 6);}
.mt-7{margin-top:calc(var(--spacing) * 7);}
.mt-8{margin-top:calc(var(--spacing) * 8);}
.mt-auto{margin-top:auto;}
.p-1{padding:calc(var(--spacing) * 1);}
.p-2{padding:calc(var(--spacing) * 2);}
.p-2\.5{padding:calc(var(--spacing) * 2.5);}
.p-3{padding:calc(var(--spacing) * 3);}
.p-3\.5{padding:calc(var(--spacing) * 3.5);}
.p-4{padding:calc(var(--spacing) * 4);}
.p-5{padding:calc(var(--spacing) * 5);}
.p-8{padding:calc(var(--spacing) * 8);}
.px-1{padding-inline:calc(var(--spacing) * 1);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}
.px-3{padding-inline:calc(var(--spacing) * 3);}
.px-3\.5{padding-inline:calc(var(--spacing) * 3.5);}
.px-4{padding-inline:calc(var(--spacing) * 4);}
.px-5{padding-inline:calc(var(--spacing) * 5);}
.px-6{padding-inline:calc(var(--spacing) * 6);}
.py-0\.5{padding-block:calc(var(--spacing) * 0.5);}
.py-1{padding-block:calc(var(--spacing) * 1);}
.py-1\.5{padding-block:calc(var(--spacing) * 1.5);}
.py-10{padding-block:calc(var(--spacing) * 10);}
.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);}
.py-3{padding-block:calc(var(--spacing) * 3);}
.py-4{padding-block:calc(var(--spacing) * 4);}
.py-6{padding-block:calc(var(--spacing) * 6);}
.py-8{padding-block:calc(var(--spacing) * 8);}
.pb-16{padding-bottom:calc(var(--spacing) * 16);}
.pb-2{padding-bottom:calc(var(--spacing) * 2);}
.pl-5{padding-left:calc(var(--spacing) * 5);}
.pr-8{padding-right:calc(var(--spacing) * 8);}
.pt-3{padding-top:calc(var(--spacing) * 3);}
.pt-6{padding-top:calc(var(--spacing) * 6);}
.pt-8{padding-top:calc(var(--spacing) * 8);}
.text-center{text-align:center;}
.text-left{text-align:left;}
.outline-none{--un-outline-style:none;outline-style:none;}
.list-disc{list-style-type:disc;}
.list-none{list-style-type:none;}
.border{border-width:1px;}
.border-\[length\:3px\]{border-width:3px;}
.border-2{border-width:2px;}
.border-b{border-bottom-width:1px;}
.border-b-\[length\:3px\]{border-bottom-width:3px;}
.border-b-2{border-bottom-width:2px;}
.border-r-\[length\:3px\]{border-right-width:3px;}
.border-t{border-top-width:1px;}
.border-t-2{border-top-width:2px;}
.border-\[color\:color-mix\(in_srgb\,var\(--border-color\)_14\%\,transparent\)\]{border-color:color-mix(in oklab, color-mix(in srgb,var(--border-color) 14%,transparent) var(--un-border-opacity), transparent);}
.border-black{border-color:color-mix(in srgb, var(--colors-black) var(--un-border-opacity), transparent);}
.rounded{border-radius:var(--radius-DEFAULT);}
.rounded-2xl{border-radius:var(--radius-2xl);}
.rounded-full{border-radius:calc(infinity * 1px);}
.rounded-lg{border-radius:var(--radius-lg);}
.rounded-md{border-radius:var(--radius-md);}
.rounded-sm{border-radius:var(--radius-sm);}
.rounded-xl{border-radius:var(--radius-xl);}
.bg-amber-100{background-color:color-mix(in srgb, var(--colors-amber-100) var(--un-bg-opacity), transparent);}
.bg-canvas{background-color:color-mix(in srgb, var(--color-canvas) var(--un-bg-opacity), transparent);}
.bg-green-100{background-color:color-mix(in srgb, var(--colors-green-100) var(--un-bg-opacity), transparent);}
.bg-green-300{background-color:color-mix(in srgb, var(--colors-green-300) var(--un-bg-opacity), transparent);}
.bg-green-400{background-color:color-mix(in srgb, var(--colors-green-400) var(--un-bg-opacity), transparent);}
.bg-indigo-300{background-color:color-mix(in srgb, var(--colors-indigo-300) var(--un-bg-opacity), transparent);}
.bg-orange-300{background-color:color-mix(in srgb, var(--colors-orange-300) var(--un-bg-opacity), transparent);}
.bg-orange-400{background-color:color-mix(in srgb, var(--colors-orange-400) var(--un-bg-opacity), transparent);}
.bg-purple-200{background-color:color-mix(in srgb, var(--colors-purple-200) var(--un-bg-opacity), transparent);}
.bg-purple-300{background-color:color-mix(in srgb, var(--colors-purple-300) var(--un-bg-opacity), transparent);}
.bg-rose-100{background-color:color-mix(in srgb, var(--colors-rose-100) var(--un-bg-opacity), transparent);}
.bg-rose-300{background-color:color-mix(in srgb, var(--colors-rose-300) var(--un-bg-opacity), transparent);}
.bg-rose-400{background-color:color-mix(in srgb, var(--colors-rose-400) var(--un-bg-opacity), transparent);}
.bg-sky-300{background-color:color-mix(in srgb, var(--colors-sky-300) var(--un-bg-opacity), transparent);}
.bg-surface{background-color:color-mix(in srgb, var(--color-surface) var(--un-bg-opacity), transparent);}
.bg-surface-lighter{background-color:color-mix(in srgb, var(--color-surface-lighter) var(--un-bg-opacity), transparent);}
.bg-teal-200{background-color:color-mix(in srgb, var(--colors-teal-200) var(--un-bg-opacity), transparent);}
.bg-teal-300{background-color:color-mix(in srgb, var(--colors-teal-300) var(--un-bg-opacity), transparent);}
.bg-teal-400{background-color:color-mix(in srgb, var(--colors-teal-400) var(--un-bg-opacity), transparent);}
.bg-teal-500{background-color:color-mix(in srgb, var(--colors-teal-500) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
.bg-yellow-300{background-color:color-mix(in srgb, var(--colors-yellow-300) var(--un-bg-opacity), transparent);}
.bg-yellow-400{background-color:color-mix(in srgb, var(--colors-yellow-400) var(--un-bg-opacity), transparent);}
.bg-zinc-600{background-color:color-mix(in srgb, var(--colors-zinc-600) var(--un-bg-opacity), transparent);}
.bg-zinc-700{background-color:color-mix(in srgb, var(--colors-zinc-700) var(--un-bg-opacity), transparent);}
.bg-zinc-800{background-color:color-mix(in srgb, var(--colors-zinc-800) var(--un-bg-opacity), transparent);}
.bg-zinc-900{background-color:color-mix(in srgb, var(--colors-zinc-900) var(--un-bg-opacity), transparent);}
.bg-zinc-950{background-color:color-mix(in srgb, var(--colors-zinc-950) var(--un-bg-opacity), transparent);}
.opacity-0{opacity:0%;}
.opacity-40{opacity:40%;}
.opacity-50{opacity:50%;}
.disabled\:opacity-50:disabled{opacity:50%;}
.underline{text-decoration-line:underline;}
.hover\:underline:hover{text-decoration-line:underline;}
.decoration-\[3px\]{text-decoration-thickness:3px;}
.decoration-orange-400{text-decoration-color:color-mix(in srgb, var(--colors-orange-400) var(--un-line-opacity), transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--colors-orange-400) var(--un-line-opacity), transparent);}
.decoration-teal-400{text-decoration-color:color-mix(in srgb, var(--colors-teal-400) var(--un-line-opacity), transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--colors-teal-400) var(--un-line-opacity), transparent);}
.underline-offset-2{text-underline-offset:2px;}
.no-underline{text-decoration:none;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.flex-1{flex:1 1 0%;}
.shrink-0{flex-shrink:0;}
.flex-grow,
.grow{flex-grow:1;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.gap-1{gap:calc(var(--spacing) * 1);}
.gap-1\.5{gap:calc(var(--spacing) * 1.5);}
.gap-10{gap:calc(var(--spacing) * 10);}
.gap-2{gap:calc(var(--spacing) * 2);}
.gap-2\.5{gap:calc(var(--spacing) * 2.5);}
.gap-3{gap:calc(var(--spacing) * 3);}
.gap-4{gap:calc(var(--spacing) * 4);}
.gap-6{gap:calc(var(--spacing) * 6);}
.gap-8{gap:calc(var(--spacing) * 8);}
.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5);}
.gap-y-0\.5{row-gap:calc(var(--spacing) * 0.5);}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.h-10{height:calc(var(--spacing) * 10);}
.h-12{height:calc(var(--spacing) * 12);}
.h-2\.5{height:calc(var(--spacing) * 2.5);}
.h-3{height:calc(var(--spacing) * 3);}
.h-6{height:calc(var(--spacing) * 6);}
.h-8{height:calc(var(--spacing) * 8);}
.h-9{height:calc(var(--spacing) * 9);}
.h-full{height:100%;}
.max-w-\[480px\]{max-width:480px;}
.max-w-2xl{max-width:var(--container-2xl);}
.max-w-3xl{max-width:var(--container-3xl);}
.max-w-5xl{max-width:var(--container-5xl);}
.max-w-6xl{max-width:var(--container-6xl);}
.max-w-lg{max-width:var(--container-lg);}
.max-w-md{max-width:var(--container-md);}
.max-w-sm{max-width:var(--container-sm);}
.max-w-xl{max-width:var(--container-xl);}
.min-h-screen{min-height:100vh;}
.min-w-0{min-width:calc(var(--spacing) * 0);}
.min-w-9{min-width:calc(var(--spacing) * 9);}
.w-1\.5{width:calc(var(--spacing) * 1.5);}
.w-10{width:calc(var(--spacing) * 10);}
.w-12{width:calc(var(--spacing) * 12);}
.w-2\.5{width:calc(var(--spacing) * 2.5);}
.w-24{width:calc(var(--spacing) * 24);}
.w-4{width:calc(var(--spacing) * 4);}
.w-56{width:calc(var(--spacing) * 56);}
.w-6{width:calc(var(--spacing) * 6);}
.w-8{width:calc(var(--spacing) * 8);}
.w-9{width:calc(var(--spacing) * 9);}
.w-full,
.wfull{width:100%;}
.aspect-\[4\/3\]{aspect-ratio:4/3;}
.block{display:block;}
.inline-block{display:inline-block;}
.hidden,
.marker\:hidden *::marker,
.marker\:hidden::marker{display:none;}
.visible{visibility:visible;}
.cursor-default{cursor:default;}
.cursor-pointer{cursor:pointer;}
.pointer-events-none{pointer-events:none;}
.whitespace-nowrap{white-space:nowrap;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uppercase{text-transform:uppercase;}
.shadow-\[2px_2px_0px_0px_\#000\]{--un-shadow:2px 2px 0px 0px var(--un-shadow-color, rgb(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-\[3px_3px_0px_0px_\#000\]{--un-shadow:3px 3px 0px 0px var(--un-shadow-color, rgb(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-\[4px_4px_0px_0px_\#000\]{--un-shadow:4px 4px 0px 0px var(--un-shadow-color, rgb(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-\[5px_5px_0px_0px_\#000\]{--un-shadow:5px 5px 0px 0px var(--un-shadow-color, rgb(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-\[6px_6px_0px_0px_\#000\]{--un-shadow:6px 6px 0px 0px var(--un-shadow-color, rgb(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-\[8px_8px_0px_0px_\#000\]{--un-shadow:8px 8px 0px 0px var(--un-shadow-color, rgb(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-none{--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);}
.hover\:shadow-\[4px_4px_0px_0px_\#000\]:hover{--un-shadow:4px 4px 0px 0px var(--un-shadow-color, rgb(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);}
.focus\:shadow-\[2px_2px_0px_0px_\#000\]:focus{--un-shadow:2px 2px 0px 0px var(--un-shadow-color, rgb(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);}
.focus\:shadow-\[4px_4px_0px_0px_\#000\]:focus{--un-shadow:4px 4px 0px 0px var(--un-shadow-color, rgb(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);}
.active\:shadow-\[1px_1px_0px_0px_\#000\]:active{--un-shadow:1px 1px 0px 0px var(--un-shadow-color, rgb(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);}
.active\:shadow-\[2px_2px_0px_0px_\#000\]:active{--un-shadow:2px 2px 0px 0px var(--un-shadow-color, rgb(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);}
.origin-left{transform-origin:left;}
.hover\:-translate-y-0\.5:hover{--un-translate-y:calc(var(--spacing) * -0.5);translate:var(--un-translate-x) var(--un-translate-y);}
.active\:translate-y-0\.5:active{--un-translate-y:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}
.scale-\[0\.75\]{--un-scale-x:0.75;--un-scale-y:0.75;scale:var(--un-scale-x) var(--un-scale-y);}
.-scale-x-100{--un-scale-x:-100%;scale:var(--un-scale-x) var(--un-scale-y);}
.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-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));}
.\[box-decoration-break\:clone\]{box-decoration-break:clone;}
.items-start{align-items:flex-start;}
.items-end{align-items:flex-end;}
.items-center{align-items:center;}
.items-baseline{align-items:baseline;}
.self-end{align-self:flex-end;}
.inset-0{inset:calc(var(--spacing) * 0);}
.-left-2{left:calc(var(--spacing) * -2);}
.-right-2{right:calc(var(--spacing) * -2);}
.-top-6{top:calc(var(--spacing) * -6);}
.left-0{left:calc(var(--spacing) * 0);}
.right-0{right:calc(var(--spacing) * 0);}
.right-3\.5{right:calc(var(--spacing) * 3.5);}
.top-0{top:calc(var(--spacing) * 0);}
.top-2\.5{top:calc(var(--spacing) * 2.5);}
.top-full{top:100%;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.sticky{position:sticky;}
.-z-10{z-index:-10;}
.z-10{z-index:10;}
.z-40{z-index:40;}
.z-50{z-index:50;}
.overflow-hidden{overflow:hidden;}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.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,);}
.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-1\.5{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--un-space-y-reverse)));}
}
@supports (color: color-mix(in lab, red, red)){
.marker\:text-teal-500 *::marker{color:color-mix(in oklab, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.marker\:text-teal-500::marker{color:color-mix(in oklab, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.text-black{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent);}
.text-black\/70{color:color-mix(in oklab, var(--colors-black) 70%, transparent);}
.text-black\/80{color:color-mix(in oklab, var(--colors-black) 80%, transparent);}
.text-gray-300{color:color-mix(in oklab, var(--colors-gray-300) var(--un-text-opacity), transparent);}
.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}
.text-green-800{color:color-mix(in oklab, var(--colors-green-800) var(--un-text-opacity), transparent);}
.text-orange-500{color:color-mix(in oklab, var(--colors-orange-500) var(--un-text-opacity), transparent);}
.text-orange-600{color:color-mix(in oklab, var(--colors-orange-600) var(--un-text-opacity), transparent);}
.text-rose-500{color:color-mix(in oklab, var(--colors-rose-500) var(--un-text-opacity), transparent);}
.text-rose-700{color:color-mix(in oklab, var(--colors-rose-700) var(--un-text-opacity), transparent);}
.text-rose-800{color:color-mix(in oklab, var(--colors-rose-800) var(--un-text-opacity), transparent);}
.text-teal-500{color:color-mix(in oklab, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.border-black{border-color:color-mix(in oklab, var(--colors-black) var(--un-border-opacity), transparent);}
.bg-amber-100{background-color:color-mix(in oklab, var(--colors-amber-100) var(--un-bg-opacity), transparent);}
.bg-green-100{background-color:color-mix(in oklab, var(--colors-green-100) var(--un-bg-opacity), transparent);}
.bg-green-300{background-color:color-mix(in oklab, var(--colors-green-300) var(--un-bg-opacity), transparent);}
.bg-green-400{background-color:color-mix(in oklab, var(--colors-green-400) var(--un-bg-opacity), transparent);}
.bg-indigo-300{background-color:color-mix(in oklab, var(--colors-indigo-300) var(--un-bg-opacity), transparent);}
.bg-orange-300{background-color:color-mix(in oklab, var(--colors-orange-300) var(--un-bg-opacity), transparent);}
.bg-orange-400{background-color:color-mix(in oklab, var(--colors-orange-400) var(--un-bg-opacity), transparent);}
.bg-purple-200{background-color:color-mix(in oklab, var(--colors-purple-200) var(--un-bg-opacity), transparent);}
.bg-purple-300{background-color:color-mix(in oklab, var(--colors-purple-300) var(--un-bg-opacity), transparent);}
.bg-rose-100{background-color:color-mix(in oklab, var(--colors-rose-100) var(--un-bg-opacity), transparent);}
.bg-rose-300{background-color:color-mix(in oklab, var(--colors-rose-300) var(--un-bg-opacity), transparent);}
.bg-rose-400{background-color:color-mix(in oklab, var(--colors-rose-400) var(--un-bg-opacity), transparent);}
.bg-sky-300{background-color:color-mix(in oklab, var(--colors-sky-300) var(--un-bg-opacity), transparent);}
.bg-teal-200{background-color:color-mix(in oklab, var(--colors-teal-200) var(--un-bg-opacity), transparent);}
.bg-teal-300{background-color:color-mix(in oklab, var(--colors-teal-300) var(--un-bg-opacity), transparent);}
.bg-teal-400{background-color:color-mix(in oklab, var(--colors-teal-400) var(--un-bg-opacity), transparent);}
.bg-teal-500{background-color:color-mix(in oklab, var(--colors-teal-500) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.bg-yellow-300{background-color:color-mix(in oklab, var(--colors-yellow-300) var(--un-bg-opacity), transparent);}
.bg-yellow-400{background-color:color-mix(in oklab, var(--colors-yellow-400) var(--un-bg-opacity), transparent);}
.bg-zinc-600{background-color:color-mix(in oklab, var(--colors-zinc-600) var(--un-bg-opacity), transparent);}
.bg-zinc-700{background-color:color-mix(in oklab, var(--colors-zinc-700) var(--un-bg-opacity), transparent);}
.bg-zinc-800{background-color:color-mix(in oklab, var(--colors-zinc-800) var(--un-bg-opacity), transparent);}
.bg-zinc-900{background-color:color-mix(in oklab, var(--colors-zinc-900) var(--un-bg-opacity), transparent);}
.bg-zinc-950{background-color:color-mix(in oklab, var(--colors-zinc-950) var(--un-bg-opacity), transparent);}
.decoration-orange-400{text-decoration-color:color-mix(in oklab, var(--colors-orange-400) var(--un-line-opacity), transparent);}
.decoration-teal-400{text-decoration-color:color-mix(in oklab, var(--colors-teal-400) var(--un-line-opacity), transparent);}
}
@media (min-width: 40rem){
.sm\:text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.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-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.sm\:p-6{padding:calc(var(--spacing) * 6);}
.sm\:px-3{padding-inline:calc(var(--spacing) * 3);}
.sm\:flex-none{flex:none;}
.sm\:flex-row{flex-direction:row;}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sm\:w-64{width:calc(var(--spacing) * 64);}
.sm\:w-auto{width:auto;}
.sm\:inline-block{display:inline-block;}
.sm\:items-center{align-items:center;}
.sm\:justify-between{justify-content:space-between;}
}
@media (min-width: 48rem){
.md\:flex-row{flex-direction:row;}
.md\:justify-between{justify-content:space-between;}
}
@media (min-width: 64rem){
.lg\:py-12{padding-block:calc(var(--spacing) * 12);}
.lg\:py-14{padding-block:calc(var(--spacing) * 14);}
.lg\:py-16{padding-block:calc(var(--spacing) * 16);}
.lg\:flex{display:flex;}
.lg\:flex-row{flex-direction:row;}
.lg\:flex-wrap{flex-wrap:wrap;}
.lg\:gap-10{gap:calc(var(--spacing) * 10);}
.lg\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px;}
.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\:block{display:block;}
.lg\:hidden{display:none;}
.lg\:items-center{align-items:center;}
.lg\:justify-end{justify-content:flex-end;}
.lg\:justify-between{justify-content:space-between;}
}
@media (min-width: 80rem){
.xl\:left-4{left:calc(var(--spacing) * 4);}
.xl\:right-4{right:calc(var(--spacing) * 4);}
}
/* 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-bg-opacity:100%;--un-text-opacity:100%;--un-border-opacity:100%;--un-leading:initial;--un-line-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-space-y-reverse:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-line-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-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-y-reverse{syntax:"*";inherits:false;initial-value:0;}
/* layer: theme */
:root, :host { --spacing: 0.25rem; --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"; --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-icon-family: lucide; --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --colors-black: #000; --colors-white: #fff; --colors-slate-50: oklch(98.4% 0.003 247.858); --colors-slate-100: oklch(96.8% 0.007 247.896); --colors-slate-200: oklch(92.9% 0.013 255.508); --colors-slate-300: oklch(86.9% 0.022 252.894); --colors-slate-400: oklch(70.4% 0.04 256.788); --colors-slate-500: oklch(55.4% 0.046 257.417); --colors-slate-600: oklch(44.6% 0.043 257.281); --colors-slate-700: oklch(37.2% 0.044 257.287); --colors-slate-800: oklch(27.9% 0.041 260.031); --colors-slate-900: oklch(20.8% 0.042 265.755); --colors-slate-950: oklch(12.9% 0.042 264.695); --colors-slate-DEFAULT: oklch(70.4% 0.04 256.788); --colors-gray-50: oklch(98.5% 0.002 247.839); --colors-gray-100: oklch(96.7% 0.003 264.542); --colors-gray-200: oklch(92.8% 0.006 264.531); --colors-gray-300: oklch(87.2% 0.01 258.338); --colors-gray-400: oklch(70.7% 0.022 261.325); --colors-gray-500: oklch(55.1% 0.027 264.364); --colors-gray-600: oklch(44.6% 0.03 256.802); --colors-gray-700: oklch(37.3% 0.034 259.733); --colors-gray-800: oklch(27.8% 0.033 256.848); --colors-gray-900: oklch(21% 0.034 264.665); --colors-gray-950: oklch(13% 0.028 261.692); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --colors-zinc-50: oklch(98.5% 0 0); --colors-zinc-100: oklch(96.7% 0.001 286.375); --colors-zinc-200: oklch(92% 0.004 286.32); --colors-zinc-300: oklch(87.1% 0.006 286.286); --colors-zinc-400: oklch(70.5% 0.015 286.067); --colors-zinc-500: oklch(55.2% 0.016 285.938); --colors-zinc-600: oklch(44.2% 0.017 285.786); --colors-zinc-700: oklch(37% 0.013 285.805); --colors-zinc-800: oklch(27.4% 0.006 286.033); --colors-zinc-900: oklch(21% 0.006 285.885); --colors-zinc-950: oklch(14.1% 0.005 285.823); --colors-zinc-DEFAULT: oklch(70.5% 0.015 286.067); --colors-neutral-50: oklch(98.5% 0 0); --colors-neutral-100: oklch(97% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --colors-neutral-300: oklch(87% 0 0); --colors-neutral-400: oklch(70.8% 0 0); --colors-neutral-500: oklch(55.6% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-700: oklch(37.1% 0 0); --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-900: oklch(20.5% 0 0); --colors-neutral-950: oklch(14.5% 0 0); --colors-neutral-DEFAULT: oklch(70.8% 0 0); --colors-stone-50: oklch(98.5% 0.001 106.423); --colors-stone-100: oklch(97% 0.001 106.424); --colors-stone-200: oklch(92.3% 0.003 48.717); --colors-stone-300: oklch(86.9% 0.005 56.366); --colors-stone-400: oklch(70.9% 0.01 56.259); --colors-stone-500: oklch(55.3% 0.013 58.071); --colors-stone-600: oklch(44.4% 0.011 73.639); --colors-stone-700: oklch(37.4% 0.01 67.558); --colors-stone-800: oklch(26.8% 0.007 34.298); --colors-stone-900: oklch(21.6% 0.006 56.043); --colors-stone-950: oklch(14.7% 0.004 49.25); --colors-stone-DEFAULT: oklch(70.9% 0.01 56.259); --colors-mauve-50: oklch(98.5% 0 0); --colors-mauve-100: oklch(96% 0.003 325.6); --colors-mauve-200: oklch(92.2% 0.005 325.62); --colors-mauve-300: oklch(86.5% 0.012 325.68); --colors-mauve-400: oklch(71.1% 0.019 323.02); --colors-mauve-500: oklch(54.2% 0.034 322.5); --colors-mauve-600: oklch(43.5% 0.029 321.78); --colors-mauve-700: oklch(36.4% 0.029 323.89); --colors-mauve-800: oklch(26.3% 0.024 320.12); --colors-mauve-900: oklch(21.2% 0.019 322.12); --colors-mauve-950: oklch(14.5% 0.008 326); --colors-mauve-DEFAULT: oklch(71.1% 0.019 323.02); --colors-olive-50: oklch(98.8% 0.003 106.5); --colors-olive-100: oklch(96.6% 0.005 106.5); --colors-olive-200: oklch(93% 0.007 106.5); --colors-olive-300: oklch(88% 0.011 106.6); --colors-olive-400: oklch(73.7% 0.021 106.9); --colors-olive-500: oklch(58% 0.031 107.3); --colors-olive-600: oklch(46.6% 0.025 107.3); --colors-olive-700: oklch(39.4% 0.023 107.4); --colors-olive-800: oklch(28.6% 0.016 107.4); --colors-olive-900: oklch(22.8% 0.013 107.4); --colors-olive-950: oklch(15.3% 0.006 107.1); --colors-olive-DEFAULT: oklch(73.7% 0.021 106.9); --colors-mist-50: oklch(98.7% 0.002 197.1); --colors-mist-100: oklch(96.3% 0.002 197.1); --colors-mist-200: oklch(92.5% 0.005 214.3); --colors-mist-300: oklch(87.2% 0.007 219.6); --colors-mist-400: oklch(72.3% 0.014 214.4); --colors-mist-500: oklch(56% 0.021 213.5); --colors-mist-600: oklch(45% 0.017 213.2); --colors-mist-700: oklch(37.8% 0.015 216); --colors-mist-800: oklch(27.5% 0.011 216.9); --colors-mist-900: oklch(21.8% 0.008 223.9); --colors-mist-950: oklch(14.8% 0.004 228.8); --colors-mist-DEFAULT: oklch(72.3% 0.014 214.4); --colors-taupe-50: oklch(98.6% 0.002 67.8); --colors-taupe-100: oklch(96% 0.002 17.2); --colors-taupe-200: oklch(92.2% 0.005 34.3); --colors-taupe-300: oklch(86.8% 0.007 39.5); --colors-taupe-400: oklch(71.4% 0.014 41.2); --colors-taupe-500: oklch(54.7% 0.021 43.1); --colors-taupe-600: oklch(43.8% 0.017 39.3); --colors-taupe-700: oklch(36.7% 0.016 35.7); --colors-taupe-800: oklch(26.8% 0.011 36.5); --colors-taupe-900: oklch(21.4% 0.009 43.1); --colors-taupe-950: oklch(14.7% 0.004 49.3); --colors-taupe-DEFAULT: oklch(71.4% 0.014 41.2); --colors-red-50: oklch(97.1% 0.013 17.38); --colors-red-100: oklch(93.6% 0.032 17.717); --colors-red-200: oklch(88.5% 0.062 18.334); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-red-400: oklch(70.4% 0.191 22.216); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-red-800: oklch(44.4% 0.177 26.899); --colors-red-900: oklch(39.6% 0.141 25.723); --colors-red-950: oklch(25.8% 0.092 26.042); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-orange-50: oklch(98% 0.016 73.684); --colors-orange-100: oklch(95.4% 0.038 75.164); --colors-orange-200: oklch(90.1% 0.076 70.697); --colors-orange-300: oklch(83.7% 0.128 66.29); --colors-orange-400: oklch(75% 0.183 55.934); --colors-orange-500: oklch(70.5% 0.213 47.604); --colors-orange-600: oklch(64.6% 0.222 41.116); --colors-orange-700: oklch(55.3% 0.195 38.402); --colors-orange-800: oklch(47% 0.157 37.304); --colors-orange-900: oklch(40.8% 0.123 38.172); --colors-orange-950: oklch(26.6% 0.079 36.259); --colors-orange-DEFAULT: oklch(75% 0.183 55.934); --colors-amber-50: oklch(98.7% 0.022 95.277); --colors-amber-100: oklch(96.2% 0.059 95.617); --colors-amber-200: oklch(92.4% 0.12 95.746); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-600: oklch(66.6% 0.179 58.318); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-amber-800: oklch(47.3% 0.137 46.201); --colors-amber-900: oklch(41.4% 0.112 45.904); --colors-amber-950: oklch(27.9% 0.077 45.635); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-yellow-50: oklch(98.7% 0.026 102.212); --colors-yellow-100: oklch(97.3% 0.071 103.193); --colors-yellow-200: oklch(94.5% 0.129 101.54); --colors-yellow-300: oklch(90.5% 0.182 98.111); --colors-yellow-400: oklch(85.2% 0.199 91.936); --colors-yellow-500: oklch(79.5% 0.184 86.047); --colors-yellow-600: oklch(68.1% 0.162 75.834); --colors-yellow-700: oklch(55.4% 0.135 66.442); --colors-yellow-800: oklch(47.6% 0.114 61.907); --colors-yellow-900: oklch(42.1% 0.095 57.708); --colors-yellow-950: oklch(28.6% 0.066 53.813); --colors-yellow-DEFAULT: oklch(85.2% 0.199 91.936); --colors-lime-50: oklch(98.6% 0.031 120.757); --colors-lime-100: oklch(96.7% 0.067 122.328); --colors-lime-200: oklch(93.8% 0.127 124.321); --colors-lime-300: oklch(89.7% 0.196 126.665); --colors-lime-400: oklch(84.1% 0.238 128.85); --colors-lime-500: oklch(76.8% 0.233 130.85); --colors-lime-600: oklch(64.8% 0.2 131.684); --colors-lime-700: oklch(53.2% 0.157 131.589); --colors-lime-800: oklch(45.3% 0.124 130.933); --colors-lime-900: oklch(40.5% 0.101 131.063); --colors-lime-950: oklch(27.4% 0.072 132.109); --colors-lime-DEFAULT: oklch(84.1% 0.238 128.85); --colors-green-50: oklch(98.2% 0.018 155.826); --colors-green-100: oklch(96.2% 0.044 156.743); --colors-green-200: oklch(92.5% 0.084 155.995); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-green-600: oklch(62.7% 0.194 149.214); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-green-800: oklch(44.8% 0.119 151.328); --colors-green-900: oklch(39.3% 0.095 152.535); --colors-green-950: oklch(26.6% 0.065 152.934); --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-emerald-50: oklch(97.9% 0.021 166.113); --colors-emerald-100: oklch(95% 0.052 163.051); --colors-emerald-200: oklch(90.5% 0.093 164.15); --colors-emerald-300: oklch(84.5% 0.143 164.978); --colors-emerald-400: oklch(76.5% 0.177 163.223); --colors-emerald-500: oklch(69.6% 0.17 162.48); --colors-emerald-600: oklch(59.6% 0.145 163.225); --colors-emerald-700: oklch(50.8% 0.118 165.612); --colors-emerald-800: oklch(43.2% 0.095 166.913); --colors-emerald-900: oklch(37.8% 0.077 168.94); --colors-emerald-950: oklch(26.2% 0.051 172.552); --colors-emerald-DEFAULT: oklch(76.5% 0.177 163.223); --colors-teal-50: oklch(98.4% 0.014 180.72); --colors-teal-100: oklch(95.3% 0.051 180.801); --colors-teal-200: oklch(91% 0.096 180.426); --colors-teal-300: oklch(85.5% 0.138 181.071); --colors-teal-400: oklch(77.7% 0.152 181.912); --colors-teal-500: oklch(70.4% 0.14 182.503); --colors-teal-600: oklch(60% 0.118 184.704); --colors-teal-700: oklch(51.1% 0.096 186.391); --colors-teal-800: oklch(43.7% 0.078 188.216); --colors-teal-900: oklch(38.6% 0.063 188.416); --colors-teal-950: oklch(27.7% 0.046 192.524); --colors-teal-DEFAULT: oklch(77.7% 0.152 181.912); --colors-cyan-50: oklch(98.4% 0.019 200.873); --colors-cyan-100: oklch(95.6% 0.045 203.388); --colors-cyan-200: oklch(91.7% 0.08 205.041); --colors-cyan-300: oklch(86.5% 0.127 207.078); --colors-cyan-400: oklch(78.9% 0.154 211.53); --colors-cyan-500: oklch(71.5% 0.143 215.221); --colors-cyan-600: oklch(60.9% 0.126 221.723); --colors-cyan-700: oklch(52% 0.105 223.128); --colors-cyan-800: oklch(45% 0.085 224.283); --colors-cyan-900: oklch(39.8% 0.07 227.392); --colors-cyan-950: oklch(30.2% 0.056 229.695); --colors-cyan-DEFAULT: oklch(78.9% 0.154 211.53); --colors-sky-50: oklch(97.7% 0.013 236.62); --colors-sky-100: oklch(95.1% 0.026 236.824); --colors-sky-200: oklch(90.1% 0.058 230.902); --colors-sky-300: oklch(82.8% 0.111 230.318); --colors-sky-400: oklch(74.6% 0.16 232.661); --colors-sky-500: oklch(68.5% 0.169 237.323); --colors-sky-600: oklch(58.8% 0.158 241.966); --colors-sky-700: oklch(50% 0.134 242.749); --colors-sky-800: oklch(44.3% 0.11 240.79); --colors-sky-900: oklch(39.1% 0.09 240.876); --colors-sky-950: oklch(29.3% 0.066 243.157); --colors-sky-DEFAULT: oklch(74.6% 0.16 232.661); --colors-blue-50: oklch(97% 0.014 254.604); --colors-blue-100: oklch(93.2% 0.032 255.585); --colors-blue-200: oklch(88.2% 0.059 254.128); --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-blue-600: oklch(54.6% 0.245 262.881); --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-blue-800: oklch(42.4% 0.199 265.638); --colors-blue-900: oklch(37.9% 0.146 265.522); --colors-blue-950: oklch(28.2% 0.091 267.935); --colors-blue-DEFAULT: oklch(70.7% 0.165 254.624); --colors-indigo-50: oklch(96.2% 0.018 272.314); --colors-indigo-100: oklch(93% 0.034 272.788); --colors-indigo-200: oklch(87% 0.065 274.039); --colors-indigo-300: oklch(78.5% 0.115 274.713); --colors-indigo-400: oklch(67.3% 0.182 276.935); --colors-indigo-500: oklch(58.5% 0.233 277.117); --colors-indigo-600: oklch(51.1% 0.262 276.966); --colors-indigo-700: oklch(45.7% 0.24 277.023); --colors-indigo-800: oklch(39.8% 0.195 277.366); --colors-indigo-900: oklch(35.9% 0.144 278.697); --colors-indigo-950: oklch(25.7% 0.09 281.288); --colors-indigo-DEFAULT: oklch(67.3% 0.182 276.935); --colors-violet-50: oklch(96.9% 0.016 293.756); --colors-violet-100: oklch(94.3% 0.029 294.588); --colors-violet-200: oklch(89.4% 0.057 293.283); --colors-violet-300: oklch(81.1% 0.111 293.571); --colors-violet-400: oklch(70.2% 0.183 293.541); --colors-violet-500: oklch(60.6% 0.25 292.717); --colors-violet-600: oklch(54.1% 0.281 293.009); --colors-violet-700: oklch(49.1% 0.27 292.581); --colors-violet-800: oklch(43.2% 0.232 292.759); --colors-violet-900: oklch(38% 0.189 293.745); --colors-violet-950: oklch(28.3% 0.141 291.089); --colors-violet-DEFAULT: oklch(70.2% 0.183 293.541); --colors-purple-50: oklch(97.7% 0.014 308.299); --colors-purple-100: oklch(94.6% 0.033 307.174); --colors-purple-200: oklch(90.2% 0.063 306.703); --colors-purple-300: oklch(82.7% 0.119 306.383); --colors-purple-400: oklch(71.4% 0.203 305.504); --colors-purple-500: oklch(62.7% 0.265 303.9); --colors-purple-600: oklch(55.8% 0.288 302.321); --colors-purple-700: oklch(49.6% 0.265 301.924); --colors-purple-800: oklch(43.8% 0.218 303.724); --colors-purple-900: oklch(38.1% 0.176 304.987); --colors-purple-950: oklch(29.1% 0.149 302.717); --colors-purple-DEFAULT: oklch(71.4% 0.203 305.504); --colors-fuchsia-50: oklch(97.7% 0.017 320.058); --colors-fuchsia-100: oklch(95.2% 0.037 318.852); --colors-fuchsia-200: oklch(90.3% 0.076 319.62); --colors-fuchsia-300: oklch(83.3% 0.145 321.434); --colors-fuchsia-400: oklch(74% 0.238 322.16); --colors-fuchsia-500: oklch(66.7% 0.295 322.15); --colors-fuchsia-600: oklch(59.1% 0.293 322.896); --colors-fuchsia-700: oklch(51.8% 0.253 323.949); --colors-fuchsia-800: oklch(45.2% 0.211 324.591); --colors-fuchsia-900: oklch(40.1% 0.17 325.612); --colors-fuchsia-950: oklch(29.3% 0.136 325.661); --colors-fuchsia-DEFAULT: oklch(74% 0.238 322.16); --colors-pink-50: oklch(97.1% 0.014 343.198); --colors-pink-100: oklch(94.8% 0.028 342.258); --colors-pink-200: oklch(89.9% 0.061 343.231); --colors-pink-300: oklch(82.3% 0.12 346.018); --colors-pink-400: oklch(71.8% 0.202 349.761); --colors-pink-500: oklch(65.6% 0.241 354.308); --colors-pink-600: oklch(59.2% 0.249 0.584); --colors-pink-700: oklch(52.5% 0.223 3.958); --colors-pink-800: oklch(45.9% 0.187 3.815); --colors-pink-900: oklch(40.8% 0.153 2.432); --colors-pink-950: oklch(28.4% 0.109 3.907); --colors-pink-DEFAULT: oklch(71.8% 0.202 349.761); --colors-rose-50: oklch(96.9% 0.015 12.422); --colors-rose-100: oklch(94.1% 0.03 12.58); --colors-rose-200: oklch(89.2% 0.058 10.001); --colors-rose-300: oklch(81% 0.117 11.638); --colors-rose-400: oklch(71.2% 0.194 13.428); --colors-rose-500: oklch(64.5% 0.246 16.439); --colors-rose-600: oklch(58.6% 0.253 17.585); --colors-rose-700: oklch(51.4% 0.222 16.935); --colors-rose-800: oklch(45.5% 0.188 13.697); --colors-rose-900: oklch(41% 0.159 10.272); --colors-rose-950: oklch(27.1% 0.105 12.094); --colors-rose-DEFAULT: oklch(71.2% 0.194 13.428); --colors-light-50: oklch(99.4% 0 0); --colors-light-100: oklch(99.11% 0 0); --colors-light-200: oklch(98.51% 0 0); --colors-light-300: oklch(98.16% 0.0017 247.84); --colors-light-400: oklch(97.31% 0 0); --colors-light-500: oklch(96.12% 0 0); --colors-light-600: oklch(96.32% 0.0034 247.86); --colors-light-700: oklch(94.17% 0.0052 247.88); --colors-light-800: oklch(91.09% 0.007 247.9); --colors-light-900: oklch(90.72% 0.0051 228.82); --colors-light-950: oklch(89.23% 0.006 239.83); --colors-light-DEFAULT: oklch(97.31% 0 0); --colors-dark-50: oklch(40.91% 0 0); --colors-dark-100: oklch(35.62% 0 0); --colors-dark-200: oklch(31.71% 0 0); --colors-dark-300: oklch(29.72% 0 0); --colors-dark-400: oklch(25.2% 0 0); --colors-dark-500: oklch(23.93% 0 0); --colors-dark-600: oklch(22.73% 0.0038 286.09); --colors-dark-700: oklch(22.21% 0 0); --colors-dark-800: oklch(20.9% 0 0); --colors-dark-900: oklch(16.84% 0 0); --colors-dark-950: oklch(13.44% 0 0); --colors-dark-DEFAULT: oklch(25.2% 0 0); --colors-default: var(--text-color); --colors-muted: var(--text-muted); --colors-inverted: var(--color-inverse); --colors-canvas: var(--color-canvas); --colors-surface-DEFAULT: var(--color-surface); --colors-surface-lighter: var(--color-surface-lighter); --colors-surface-light: var(--color-surface-light); --colors-surface-dark: var(--color-surface-dark); --colors-surface-darker: var(--color-surface-darker); --colors-accent-DEFAULT: var(--color-accent); --colors-accent-lighter: var(--color-accent-lighter); --colors-accent-light: var(--color-accent-light); --colors-accent-dark: var(--color-accent-dark); --colors-accent-darker: var(--color-accent-darker); --colors-inverse-DEFAULT: var(--color-inverse); --colors-inverse-lighter: var(--color-inverse-lighter); --colors-inverse-light: var(--color-inverse-light); --colors-inverse-dark: var(--color-inverse-dark); --colors-inverse-darker: var(--color-inverse-darker); --colors-primary-DEFAULT: var(--color-primary); --colors-primary-lighter: var(--color-primary-lighter); --colors-primary-light: var(--color-primary-light); --colors-primary-dark: var(--color-primary-dark); --colors-primary-darker: var(--color-primary-darker); --colors-secondary-DEFAULT: var(--color-secondary); --colors-secondary-lighter: var(--color-secondary-lighter); --colors-secondary-light: var(--color-secondary-light); --colors-secondary-dark: var(--color-secondary-dark); --colors-secondary-darker: var(--color-secondary-darker); --colors-success-DEFAULT: var(--color-success); --colors-success-lighter: var(--color-success-lighter); --colors-success-light: var(--color-success-light); --colors-success-dark: var(--color-success-dark); --colors-success-darker: var(--color-success-darker); --colors-danger-DEFAULT: var(--color-danger); --colors-danger-lighter: var(--color-danger-lighter); --colors-danger-light: var(--color-danger-light); --colors-danger-dark: var(--color-danger-dark); --colors-danger-darker: var(--color-danger-darker); --colors-warning-DEFAULT: var(--color-warning); --colors-warning-lighter: var(--color-warning-lighter); --colors-warning-light: var(--color-warning-light); --colors-warning-dark: var(--color-warning-dark); --colors-warning-darker: var(--color-warning-darker); --colors-info-DEFAULT: var(--color-info); --colors-info-lighter: var(--color-info-lighter); --colors-info-light: var(--color-info-light); --colors-info-dark: var(--color-info-dark); --colors-info-darker: var(--color-info-darker); --colors-hover: var(--color-hover); --colors-focus: var(--color-focus); --colors-dim: var(--border-color); --colors-ide-sidebar: var(--ide-sidebar-background, var(--color-inverse)); --colors-ide-sidebar-border: var(--ide-sidebar-border, var(--color-surface)); --colors-ide-content: var(--ide-content-background, var(--color-inverse)); --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; --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; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-none: 1; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --textStrokeWidth-DEFAULT: 1.5rem; --textStrokeWidth-none: 0; --textStrokeWidth-sm: thin; --textStrokeWidth-md: medium; --textStrokeWidth-lg: thick; --radius-DEFAULT: 0.25rem; --radius-none: 0; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --ease-linear: linear; --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --blur-DEFAULT: 8px; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --default-transition-duration: 150ms; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-font-featureSettings: var(--font-sans--font-feature-settings); --default-font-variationSettings: var(--font-sans--font-variation-settings); --default-monoFont-family: var(--font-mono); --default-monoFont-featureSettings: var(--font-mono--font-feature-settings); --default-monoFont-variationSettings: var(--font-mono--font-variation-settings); --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; --container-prose: 65ch; --icon-family: lucide; --path-0: /; --path-1: t; --path-2: h; --path-3: e; --path-4: m; --path-5: e; --path-6: .; --path-7: j; --path-8: s; --darkMode-0: s; --darkMode-1: y; --darkMode-2: s; --darkMode-3: t; --darkMode-4: e; --darkMode-5: m; --textColor-DEFAULT: var(--text-color); --textColor-bg: var(--background-color); --backgroundColor-DEFAULT: var(--background-color); --borderColor-DEFAULT: var(--border-color); --borderColor-bg: var(--background-color); }
/* layer: base */
 *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );  font-feature-settings: var(--default-font-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, normal);  -webkit-tap-highlight-color: transparent;  }  hr { height: 0;  color: inherit;  border-top-width: 1px;  }  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  table { text-indent: 0;  border-color: inherit;  border-collapse: collapse;  }  :-moz-focusring { outline: auto; }  progress { vertical-align: baseline; }  summary { display: list-item; }  ol, ul, menu { list-style: none; }  img, svg, video, canvas, audio, iframe, embed, object { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }  ::file-selector-button { margin-inline-end: 4px; }  ::placeholder { opacity: 1; }  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px)  { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } }  textarea { resize: vertical; }  ::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-date-and-time-value { min-height: 1lh;  text-align: inherit;  }  ::-webkit-datetime-edit { display: inline-flex; }  ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }  ::-webkit-calendar-picker-indicator { line-height: 1; }  :-moz-ui-invalid { box-shadow: none; }  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
/* layer: default */
.text-\[10px\]{font-size:10px;}
.text-\[11px\]{font-size:11px;}
.text-\[13px\]{font-size:13px;}
.text-\[9px\]{font-size:9px;}
.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.text-4xl{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));}
.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}
.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
.marker\:text-teal-500 *::marker,
.marker\:text-teal-500::marker,
.text-teal-500{color:color-mix(in srgb, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.text-black{color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent);}
.text-black\/70{color:color-mix(in srgb, var(--colors-black) 70%, transparent);}
.text-black\/80{color:color-mix(in srgb, var(--colors-black) 80%, transparent);}
.text-default{color:color-mix(in srgb, var(--text-color) var(--un-text-opacity), transparent);}
.text-gray-300{color:color-mix(in srgb, var(--colors-gray-300) var(--un-text-opacity), transparent);}
.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}
.text-green-800{color:color-mix(in srgb, var(--colors-green-800) var(--un-text-opacity), transparent);}
.text-muted{color:color-mix(in srgb, var(--text-muted) var(--un-text-opacity), transparent);}
.text-orange-500{color:color-mix(in srgb, var(--colors-orange-500) var(--un-text-opacity), transparent);}
.text-orange-600{color:color-mix(in srgb, var(--colors-orange-600) var(--un-text-opacity), transparent);}
.text-primary{color:color-mix(in srgb, var(--color-primary) var(--un-text-opacity), transparent);}
.text-rose-500{color:color-mix(in srgb, var(--colors-rose-500) var(--un-text-opacity), transparent);}
.text-rose-700{color:color-mix(in srgb, var(--colors-rose-700) var(--un-text-opacity), transparent);}
.text-rose-800{color:color-mix(in srgb, var(--colors-rose-800) var(--un-text-opacity), transparent);}
.hover\:text-default:hover{color:color-mix(in srgb, var(--text-color) var(--un-text-opacity), transparent);}
.hover\:text-primary:hover{color:color-mix(in srgb, var(--color-primary) var(--un-text-opacity), transparent);}
.leading-\[1\.05\]{--un-leading:1.05;line-height:1.05;}
.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}
.leading-relaxed{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}
.leading-snug{--un-leading:var(--leading-snug);line-height:var(--leading-snug);}
.leading-tight{--un-leading:var(--leading-tight);line-height:var(--leading-tight);}
.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}
.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}
.tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
.font-black{--un-font-weight:var(--fontWeight-black);font-weight:var(--fontWeight-black);}
.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
.font-extrabold{--un-font-weight:var(--fontWeight-extrabold);font-weight:var(--fontWeight-extrabold);}
.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
.m12{margin:calc(var(--spacing) * 12);}
.m16{margin:calc(var(--spacing) * 16);}
.m16\.24{margin:calc(var(--spacing) * 16.24);}
.m21{margin:calc(var(--spacing) * 21);}
.m22{margin:calc(var(--spacing) * 22);}
.m6{margin:calc(var(--spacing) * 6);}
.m9{margin:calc(var(--spacing) * 9);}
.mx-auto{margin-inline:auto;}
.my{margin-block:calc(var(--spacing) * 4);}
.my-3{margin-block:calc(var(--spacing) * 3);}
.my-8{margin-block:calc(var(--spacing) * 8);}
.-ml-3{margin-left:calc(var(--spacing) * -3);}
.-mr-4{margin-right:calc(var(--spacing) * -4);}
.mb-2{margin-bottom:calc(var(--spacing) * 2);}
.mb-3{margin-bottom:calc(var(--spacing) * 3);}
.mb-4{margin-bottom:calc(var(--spacing) * 4);}
.mb-5{margin-bottom:calc(var(--spacing) * 5);}
.mb-6{margin-bottom:calc(var(--spacing) * 6);}
.me{margin-inline-end:calc(var(--spacing) * 4);}
.ml-2{margin-left:calc(var(--spacing) * 2);}
.mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}
.mt-1{margin-top:calc(var(--spacing) * 1);}
.mt-1\.5{margin-top:calc(var(--spacing) * 1.5);}
.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);}
.mt-2{margin-top:calc(var(--spacing) * 2);}
.mt-3{margin-top:calc(var(--spacing) * 3);}
.mt-4{margin-top:calc(var(--spacing) * 4);}
.mt-5{margin-top:calc(var(--spacing) * 5);}
.mt-6{margin-top:calc(var(--spacing) * 6);}
.mt-7{margin-top:calc(var(--spacing) * 7);}
.mt-8{margin-top:calc(var(--spacing) * 8);}
.mt-auto{margin-top:auto;}
.p-1{padding:calc(var(--spacing) * 1);}
.p-2{padding:calc(var(--spacing) * 2);}
.p-2\.5{padding:calc(var(--spacing) * 2.5);}
.p-3{padding:calc(var(--spacing) * 3);}
.p-3\.5{padding:calc(var(--spacing) * 3.5);}
.p-4{padding:calc(var(--spacing) * 4);}
.p-5{padding:calc(var(--spacing) * 5);}
.p-8{padding:calc(var(--spacing) * 8);}
.px-1{padding-inline:calc(var(--spacing) * 1);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}
.px-3{padding-inline:calc(var(--spacing) * 3);}
.px-3\.5{padding-inline:calc(var(--spacing) * 3.5);}
.px-4{padding-inline:calc(var(--spacing) * 4);}
.px-5{padding-inline:calc(var(--spacing) * 5);}
.px-6{padding-inline:calc(var(--spacing) * 6);}
.py-0\.5{padding-block:calc(var(--spacing) * 0.5);}
.py-1{padding-block:calc(var(--spacing) * 1);}
.py-1\.5{padding-block:calc(var(--spacing) * 1.5);}
.py-10{padding-block:calc(var(--spacing) * 10);}
.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);}
.py-3{padding-block:calc(var(--spacing) * 3);}
.py-4{padding-block:calc(var(--spacing) * 4);}
.py-6{padding-block:calc(var(--spacing) * 6);}
.py-8{padding-block:calc(var(--spacing) * 8);}
.pb-16{padding-bottom:calc(var(--spacing) * 16);}
.pb-2{padding-bottom:calc(var(--spacing) * 2);}
.pl-5{padding-left:calc(var(--spacing) * 5);}
.pr-8{padding-right:calc(var(--spacing) * 8);}
.pt-3{padding-top:calc(var(--spacing) * 3);}
.pt-6{padding-top:calc(var(--spacing) * 6);}
.pt-8{padding-top:calc(var(--spacing) * 8);}
.text-center{text-align:center;}
.text-left{text-align:left;}
.outline-none{--un-outline-style:none;outline-style:none;}
.list-disc{list-style-type:disc;}
.list-none{list-style-type:none;}
.border{border-width:1px;}
.border-\[length\:3px\]{border-width:3px;}
.border-2{border-width:2px;}
.border-b{border-bottom-width:1px;}
.border-b-\[length\:3px\]{border-bottom-width:3px;}
.border-b-2{border-bottom-width:2px;}
.border-r-\[length\:3px\]{border-right-width:3px;}
.border-t{border-top-width:1px;}
.border-t-2{border-top-width:2px;}
.border-\[color\:color-mix\(in_srgb\,var\(--border-color\)_14\%\,transparent\)\]{border-color:color-mix(in oklab, color-mix(in srgb,var(--border-color) 14%,transparent) var(--un-border-opacity), transparent);}
.border-black{border-color:color-mix(in srgb, var(--colors-black) var(--un-border-opacity), transparent);}
.rounded{border-radius:var(--radius-DEFAULT);}
.rounded-2xl{border-radius:var(--radius-2xl);}
.rounded-full{border-radius:calc(infinity * 1px);}
.rounded-lg{border-radius:var(--radius-lg);}
.rounded-md{border-radius:var(--radius-md);}
.rounded-sm{border-radius:var(--radius-sm);}
.rounded-xl{border-radius:var(--radius-xl);}
.bg-amber-100{background-color:color-mix(in srgb, var(--colors-amber-100) var(--un-bg-opacity), transparent);}
.bg-canvas{background-color:color-mix(in srgb, var(--color-canvas) var(--un-bg-opacity), transparent);}
.bg-green-100{background-color:color-mix(in srgb, var(--colors-green-100) var(--un-bg-opacity), transparent);}
.bg-green-300{background-color:color-mix(in srgb, var(--colors-green-300) var(--un-bg-opacity), transparent);}
.bg-green-400{background-color:color-mix(in srgb, var(--colors-green-400) var(--un-bg-opacity), transparent);}
.bg-indigo-300{background-color:color-mix(in srgb, var(--colors-indigo-300) var(--un-bg-opacity), transparent);}
.bg-orange-300{background-color:color-mix(in srgb, var(--colors-orange-300) var(--un-bg-opacity), transparent);}
.bg-orange-400{background-color:color-mix(in srgb, var(--colors-orange-400) var(--un-bg-opacity), transparent);}
.bg-purple-200{background-color:color-mix(in srgb, var(--colors-purple-200) var(--un-bg-opacity), transparent);}
.bg-purple-300{background-color:color-mix(in srgb, var(--colors-purple-300) var(--un-bg-opacity), transparent);}
.bg-rose-100{background-color:color-mix(in srgb, var(--colors-rose-100) var(--un-bg-opacity), transparent);}
.bg-rose-300{background-color:color-mix(in srgb, var(--colors-rose-300) var(--un-bg-opacity), transparent);}
.bg-rose-400{background-color:color-mix(in srgb, var(--colors-rose-400) var(--un-bg-opacity), transparent);}
.bg-sky-300{background-color:color-mix(in srgb, var(--colors-sky-300) var(--un-bg-opacity), transparent);}
.bg-surface{background-color:color-mix(in srgb, var(--color-surface) var(--un-bg-opacity), transparent);}
.bg-surface-lighter{background-color:color-mix(in srgb, var(--color-surface-lighter) var(--un-bg-opacity), transparent);}
.bg-teal-200{background-color:color-mix(in srgb, var(--colors-teal-200) var(--un-bg-opacity), transparent);}
.bg-teal-300{background-color:color-mix(in srgb, var(--colors-teal-300) var(--un-bg-opacity), transparent);}
.bg-teal-400{background-color:color-mix(in srgb, var(--colors-teal-400) var(--un-bg-opacity), transparent);}
.bg-teal-500{background-color:color-mix(in srgb, var(--colors-teal-500) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
.bg-yellow-300{background-color:color-mix(in srgb, var(--colors-yellow-300) var(--un-bg-opacity), transparent);}
.bg-yellow-400{background-color:color-mix(in srgb, var(--colors-yellow-400) var(--un-bg-opacity), transparent);}
.bg-zinc-600{background-color:color-mix(in srgb, var(--colors-zinc-600) var(--un-bg-opacity), transparent);}
.bg-zinc-700{background-color:color-mix(in srgb, var(--colors-zinc-700) var(--un-bg-opacity), transparent);}
.bg-zinc-800{background-color:color-mix(in srgb, var(--colors-zinc-800) var(--un-bg-opacity), transparent);}
.bg-zinc-900{background-color:color-mix(in srgb, var(--colors-zinc-900) var(--un-bg-opacity), transparent);}
.bg-zinc-950{background-color:color-mix(in srgb, var(--colors-zinc-950) var(--un-bg-opacity), transparent);}
.opacity-0{opacity:0%;}
.opacity-40{opacity:40%;}
.opacity-50{opacity:50%;}
.disabled\:opacity-50:disabled{opacity:50%;}
.underline{text-decoration-line:underline;}
.hover\:underline:hover{text-decoration-line:underline;}
.decoration-\[3px\]{text-decoration-thickness:3px;}
.decoration-orange-400{text-decoration-color:color-mix(in srgb, var(--colors-orange-400) var(--un-line-opacity), transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--colors-orange-400) var(--un-line-opacity), transparent);}
.decoration-teal-400{text-decoration-color:color-mix(in srgb, var(--colors-teal-400) var(--un-line-opacity), transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--colors-teal-400) var(--un-line-opacity), transparent);}
.underline-offset-2{text-underline-offset:2px;}
.no-underline{text-decoration:none;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.flex-1{flex:1 1 0%;}
.shrink-0{flex-shrink:0;}
.flex-grow,
.grow{flex-grow:1;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.gap-1{gap:calc(var(--spacing) * 1);}
.gap-1\.5{gap:calc(var(--spacing) * 1.5);}
.gap-10{gap:calc(var(--spacing) * 10);}
.gap-2{gap:calc(var(--spacing) * 2);}
.gap-2\.5{gap:calc(var(--spacing) * 2.5);}
.gap-3{gap:calc(var(--spacing) * 3);}
.gap-4{gap:calc(var(--spacing) * 4);}
.gap-6{gap:calc(var(--spacing) * 6);}
.gap-8{gap:calc(var(--spacing) * 8);}
.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5);}
.gap-y-0\.5{row-gap:calc(var(--spacing) * 0.5);}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.h-10{height:calc(var(--spacing) * 10);}
.h-12{height:calc(var(--spacing) * 12);}
.h-2\.5{height:calc(var(--spacing) * 2.5);}
.h-3{height:calc(var(--spacing) * 3);}
.h-6{height:calc(var(--spacing) * 6);}
.h-8{height:calc(var(--spacing) * 8);}
.h-9{height:calc(var(--spacing) * 9);}
.h-full{height:100%;}
.max-w-\[480px\]{max-width:480px;}
.max-w-2xl{max-width:var(--container-2xl);}
.max-w-3xl{max-width:var(--container-3xl);}
.max-w-5xl{max-width:var(--container-5xl);}
.max-w-6xl{max-width:var(--container-6xl);}
.max-w-lg{max-width:var(--container-lg);}
.max-w-md{max-width:var(--container-md);}
.max-w-sm{max-width:var(--container-sm);}
.max-w-xl{max-width:var(--container-xl);}
.min-h-screen{min-height:100vh;}
.min-w-0{min-width:calc(var(--spacing) * 0);}
.min-w-9{min-width:calc(var(--spacing) * 9);}
.w-1\.5{width:calc(var(--spacing) * 1.5);}
.w-10{width:calc(var(--spacing) * 10);}
.w-12{width:calc(var(--spacing) * 12);}
.w-2\.5{width:calc(var(--spacing) * 2.5);}
.w-24{width:calc(var(--spacing) * 24);}
.w-4{width:calc(var(--spacing) * 4);}
.w-56{width:calc(var(--spacing) * 56);}
.w-6{width:calc(var(--spacing) * 6);}
.w-8{width:calc(var(--spacing) * 8);}
.w-9{width:calc(var(--spacing) * 9);}
.w-full,
.wfull{width:100%;}
.aspect-\[4\/3\]{aspect-ratio:4/3;}
.block{display:block;}
.inline-block{display:inline-block;}
.hidden,
.marker\:hidden *::marker,
.marker\:hidden::marker{display:none;}
.visible{visibility:visible;}
.cursor-default{cursor:default;}
.cursor-pointer{cursor:pointer;}
.pointer-events-none{pointer-events:none;}
.whitespace-nowrap{white-space:nowrap;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uppercase{text-transform:uppercase;}
.shadow-\[2px_2px_0px_0px_\#000\]{--un-shadow:2px 2px 0px 0px var(--un-shadow-color, rgb(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-\[3px_3px_0px_0px_\#000\]{--un-shadow:3px 3px 0px 0px var(--un-shadow-color, rgb(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-\[4px_4px_0px_0px_\#000\]{--un-shadow:4px 4px 0px 0px var(--un-shadow-color, rgb(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-\[5px_5px_0px_0px_\#000\]{--un-shadow:5px 5px 0px 0px var(--un-shadow-color, rgb(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-\[6px_6px_0px_0px_\#000\]{--un-shadow:6px 6px 0px 0px var(--un-shadow-color, rgb(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-\[8px_8px_0px_0px_\#000\]{--un-shadow:8px 8px 0px 0px var(--un-shadow-color, rgb(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-none{--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);}
.hover\:shadow-\[4px_4px_0px_0px_\#000\]:hover{--un-shadow:4px 4px 0px 0px var(--un-shadow-color, rgb(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);}
.focus\:shadow-\[2px_2px_0px_0px_\#000\]:focus{--un-shadow:2px 2px 0px 0px var(--un-shadow-color, rgb(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);}
.focus\:shadow-\[4px_4px_0px_0px_\#000\]:focus{--un-shadow:4px 4px 0px 0px var(--un-shadow-color, rgb(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);}
.active\:shadow-\[1px_1px_0px_0px_\#000\]:active{--un-shadow:1px 1px 0px 0px var(--un-shadow-color, rgb(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);}
.active\:shadow-\[2px_2px_0px_0px_\#000\]:active{--un-shadow:2px 2px 0px 0px var(--un-shadow-color, rgb(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);}
.origin-left{transform-origin:left;}
.hover\:-translate-y-0\.5:hover{--un-translate-y:calc(var(--spacing) * -0.5);translate:var(--un-translate-x) var(--un-translate-y);}
.active\:translate-y-0\.5:active{--un-translate-y:calc(var(--spacing) * 0.5);translate:var(--un-translate-x) var(--un-translate-y);}
.scale-\[0\.75\]{--un-scale-x:0.75;--un-scale-y:0.75;scale:var(--un-scale-x) var(--un-scale-y);}
.-scale-x-100{--un-scale-x:-100%;scale:var(--un-scale-x) var(--un-scale-y);}
.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-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));}
.\[box-decoration-break\:clone\]{box-decoration-break:clone;}
.items-start{align-items:flex-start;}
.items-end{align-items:flex-end;}
.items-center{align-items:center;}
.items-baseline{align-items:baseline;}
.self-end{align-self:flex-end;}
.inset-0{inset:calc(var(--spacing) * 0);}
.-left-2{left:calc(var(--spacing) * -2);}
.-right-2{right:calc(var(--spacing) * -2);}
.-top-6{top:calc(var(--spacing) * -6);}
.left-0{left:calc(var(--spacing) * 0);}
.right-0{right:calc(var(--spacing) * 0);}
.right-3\.5{right:calc(var(--spacing) * 3.5);}
.top-0{top:calc(var(--spacing) * 0);}
.top-2\.5{top:calc(var(--spacing) * 2.5);}
.top-full{top:100%;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.sticky{position:sticky;}
.-z-10{z-index:-10;}
.z-10{z-index:10;}
.z-40{z-index:40;}
.z-50{z-index:50;}
.overflow-hidden{overflow:hidden;}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.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,);}
.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-1\.5{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--un-space-y-reverse)));}
}
@supports (color: color-mix(in lab, red, red)){
.marker\:text-teal-500 *::marker{color:color-mix(in oklab, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.marker\:text-teal-500::marker{color:color-mix(in oklab, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.text-black{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent);}
.text-black\/70{color:color-mix(in oklab, var(--colors-black) 70%, transparent);}
.text-black\/80{color:color-mix(in oklab, var(--colors-black) 80%, transparent);}
.text-gray-300{color:color-mix(in oklab, var(--colors-gray-300) var(--un-text-opacity), transparent);}
.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}
.text-green-800{color:color-mix(in oklab, var(--colors-green-800) var(--un-text-opacity), transparent);}
.text-orange-500{color:color-mix(in oklab, var(--colors-orange-500) var(--un-text-opacity), transparent);}
.text-orange-600{color:color-mix(in oklab, var(--colors-orange-600) var(--un-text-opacity), transparent);}
.text-rose-500{color:color-mix(in oklab, var(--colors-rose-500) var(--un-text-opacity), transparent);}
.text-rose-700{color:color-mix(in oklab, var(--colors-rose-700) var(--un-text-opacity), transparent);}
.text-rose-800{color:color-mix(in oklab, var(--colors-rose-800) var(--un-text-opacity), transparent);}
.text-teal-500{color:color-mix(in oklab, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.border-black{border-color:color-mix(in oklab, var(--colors-black) var(--un-border-opacity), transparent);}
.bg-amber-100{background-color:color-mix(in oklab, var(--colors-amber-100) var(--un-bg-opacity), transparent);}
.bg-green-100{background-color:color-mix(in oklab, var(--colors-green-100) var(--un-bg-opacity), transparent);}
.bg-green-300{background-color:color-mix(in oklab, var(--colors-green-300) var(--un-bg-opacity), transparent);}
.bg-green-400{background-color:color-mix(in oklab, var(--colors-green-400) var(--un-bg-opacity), transparent);}
.bg-indigo-300{background-color:color-mix(in oklab, var(--colors-indigo-300) var(--un-bg-opacity), transparent);}
.bg-orange-300{background-color:color-mix(in oklab, var(--colors-orange-300) var(--un-bg-opacity), transparent);}
.bg-orange-400{background-color:color-mix(in oklab, var(--colors-orange-400) var(--un-bg-opacity), transparent);}
.bg-purple-200{background-color:color-mix(in oklab, var(--colors-purple-200) var(--un-bg-opacity), transparent);}
.bg-purple-300{background-color:color-mix(in oklab, var(--colors-purple-300) var(--un-bg-opacity), transparent);}
.bg-rose-100{background-color:color-mix(in oklab, var(--colors-rose-100) var(--un-bg-opacity), transparent);}
.bg-rose-300{background-color:color-mix(in oklab, var(--colors-rose-300) var(--un-bg-opacity), transparent);}
.bg-rose-400{background-color:color-mix(in oklab, var(--colors-rose-400) var(--un-bg-opacity), transparent);}
.bg-sky-300{background-color:color-mix(in oklab, var(--colors-sky-300) var(--un-bg-opacity), transparent);}
.bg-teal-200{background-color:color-mix(in oklab, var(--colors-teal-200) var(--un-bg-opacity), transparent);}
.bg-teal-300{background-color:color-mix(in oklab, var(--colors-teal-300) var(--un-bg-opacity), transparent);}
.bg-teal-400{background-color:color-mix(in oklab, var(--colors-teal-400) var(--un-bg-opacity), transparent);}
.bg-teal-500{background-color:color-mix(in oklab, var(--colors-teal-500) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.bg-yellow-300{background-color:color-mix(in oklab, var(--colors-yellow-300) var(--un-bg-opacity), transparent);}
.bg-yellow-400{background-color:color-mix(in oklab, var(--colors-yellow-400) var(--un-bg-opacity), transparent);}
.bg-zinc-600{background-color:color-mix(in oklab, var(--colors-zinc-600) var(--un-bg-opacity), transparent);}
.bg-zinc-700{background-color:color-mix(in oklab, var(--colors-zinc-700) var(--un-bg-opacity), transparent);}
.bg-zinc-800{background-color:color-mix(in oklab, var(--colors-zinc-800) var(--un-bg-opacity), transparent);}
.bg-zinc-900{background-color:color-mix(in oklab, var(--colors-zinc-900) var(--un-bg-opacity), transparent);}
.bg-zinc-950{background-color:color-mix(in oklab, var(--colors-zinc-950) var(--un-bg-opacity), transparent);}
.decoration-orange-400{text-decoration-color:color-mix(in oklab, var(--colors-orange-400) var(--un-line-opacity), transparent);}
.decoration-teal-400{text-decoration-color:color-mix(in oklab, var(--colors-teal-400) var(--un-line-opacity), transparent);}
}
@media (min-width: 40rem){
.sm\:text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.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-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.sm\:p-6{padding:calc(var(--spacing) * 6);}
.sm\:px-3{padding-inline:calc(var(--spacing) * 3);}
.sm\:flex-none{flex:none;}
.sm\:flex-row{flex-direction:row;}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sm\:w-64{width:calc(var(--spacing) * 64);}
.sm\:w-auto{width:auto;}
.sm\:inline-block{display:inline-block;}
.sm\:items-center{align-items:center;}
.sm\:justify-between{justify-content:space-between;}
}
@media (min-width: 48rem){
.md\:flex-row{flex-direction:row;}
.md\:justify-between{justify-content:space-between;}
}
@media (min-width: 64rem){
.lg\:py-12{padding-block:calc(var(--spacing) * 12);}
.lg\:py-14{padding-block:calc(var(--spacing) * 14);}
.lg\:py-16{padding-block:calc(var(--spacing) * 16);}
.lg\:flex{display:flex;}
.lg\:flex-row{flex-direction:row;}
.lg\:flex-wrap{flex-wrap:wrap;}
.lg\:gap-10{gap:calc(var(--spacing) * 10);}
.lg\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px;}
.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\:block{display:block;}
.lg\:hidden{display:none;}
.lg\:items-center{align-items:center;}
.lg\:justify-end{justify-content:flex-end;}
.lg\:justify-between{justify-content:space-between;}
}
@media (min-width: 80rem){
.xl\:left-4{left:calc(var(--spacing) * 4);}
.xl\:right-4{right:calc(var(--spacing) * 4);}
}

		* { margin: 0; padding: 0; box-sizing: border-box; }
		body { background: var(--loader-bg, #000); min-height: 100vh; font-family: system-ui, -apple-system, sans-serif; color: rgba(255, 255, 255, 0.7); }
		.bootstrapp-loader { position: fixed; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; z-index: 9999; background: var(--loader-bg, #000); transition: opacity 200ms; }
		.bootstrapp-loader .spinner { width: 40px; height: 40px; border: 3px solid var(--loader-track, #333); border-top-color: var(--loader-accent, #14b8a6); border-radius: 50%; margin-bottom: 16px; animation: spin 1s linear infinite; }
		.bootstrapp-loader .status { font-size: 14px; opacity: 0.6; }
		@keyframes spin { to { transform: rotate(360deg); } }
		app-container:not(:empty) ~ .bootstrapp-loader { opacity: 0; pointer-events: none; }
	

:where(.uix-icon, uix-icon) {
  display: inline-block;
  vertical-align: middle;
  width: var(--uix-icon-size, calc(var(--spacing, 0.25rem) * 4));
  height: var(--uix-icon-size, calc(var(--spacing, 0.25rem) * 4));

  svg {
    height: inherit;
    width: inherit;
  }

  &[solid] {
    stroke: currentColor;
    fill: currentColor;
  }

  &[color="primary"] {
    color: var(--color-primary);
  }

  &[color="secondary"] {
    color: var(--color-secondary);
  }

  &[color="success"] {
    color: var(--color-success);
  }

  &[color="danger"] {
    color: var(--color-danger);
  }

  &[color="warning"] {
    color: var(--color-warning);
  }

  &[color="info"] {
    color: var(--color-info);
  }

  &[color="inverse"] {
    color: var(--color-inverse);
  }

  &[size="xs"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 3);
  }

  &[size="sm"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 4);
  }

  &[size="md"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 6);
  }

  &[size="lg"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 8);
  }

  &[size="xl"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 10);
  }

  &[size="2xl"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 14);
  }

  &[size="3xl"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 20);
  }

  &[size="4xl"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 30);
  }
}


:where(.uix-link, uix-link) {

  display: inline-flex;
  align-items: center;
  justify-content: var(--uix-link-justify-content, center);
  width: var(--uix-link-width, auto);
  flex-direction: var(--uix-link-direction, row);
  gap: var(--uix-link-gap, var(--spacing-xs, 0.25rem));
  box-sizing: border-box;

  font-family: inherit;
  font-size: var(--uix-link-font-size, var(--text-sm, 0.875rem));
  font-weight: var(--uix-link-font-weight, var(--font-semibold, 600));
  line-height: var(--uix-link-line-height, 1.5);
  text-decoration: var(--uix-link-text-decoration, none);

  color: var(--uix-link-color, var(--text-color, inherit));
  cursor: pointer;

  &[vertical]::part(anchor) {
    display: flex;
    flex-direction: column;
  }

  &::part(anchor) {
    display: inline-flex;
    align-items: center;
    justify-content: var(--uix-link-justify-content, left);
    width: 100%;
    height: 100%;
    gap: var(--uix-link-gap, var(--spacing-xs, 0.25rem));
    flex-direction: var(--uix-link-direction, row);

    padding: var(--uix-link-padding-y, var(--spacing-sm, 0.5rem))
      var(--uix-link-padding-x, var(--spacing-md, 0.75rem));

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: var(--uix-link-text-decoration, none);

    color: inherit;
    cursor: pointer;

    transition: var(
      --uix-link-transition,
      color 0.2s ease,
      opacity 0.2s ease,
      transform 0.1s ease
    );

    &:hover {
      color: var(--uix-link-hover-color, var(--uix-link-color));
      text-decoration: var(
        --uix-link-hover-text-decoration,
        var(--uix-link-text-decoration, none)
      );
      opacity: var(--uix-link-hover-opacity, 0.9);
    }

    &:active {
      color: var(--uix-link-active-color, var(--uix-link-color));
      transform: var(--uix-link-active-transform, scale(0.98));
    }

    &:focus-visible {
      outline: 2px solid var(--color-focus, var(--color-primary-dark, #d79921));
      outline-offset: 2px;
    }

    &:visited {
      color: var(--uix-link-visited-color, var(--uix-link-color));
    }

    &[disabled],
    &[aria-disabled="true"] {
      opacity: var(--uix-link-disabled-opacity, 0.5);
      cursor: not-allowed;
      pointer-events: none;
    }
  }

  &::part(icon) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--uix-link-icon-size, 1.25rem);
    height: var(--uix-link-icon-size, 1.25rem);
    color: var(--uix-link-icon-color, currentColor);
    flex-shrink: 0;
  }

  &[underline] {
    --uix-link-text-decoration: underline;
  }

  &[underline="hover"] {
    --uix-link-text-decoration: none;
    --uix-link-hover-text-decoration: underline;
  }

  &[variant="primary"] {
    --uix-link-color: var(--color-primary);
    --uix-link-hover-color: var(--color-primary-dark);
    --uix-link-active-color: var(--color-primary-darker);
  }

  &[variant="secondary"] {
    --uix-link-color: var(--color-secondary);
    --uix-link-hover-color: var(--color-secondary-dark);
    --uix-link-active-color: var(--color-secondary-darker);
  }

  &[variant="muted"] {
    --uix-link-color: var(--text-muted);
    --uix-link-hover-color: var(--text-color);
  }

  &[size="xs"] {
    --uix-link-font-size: var(--text-xs, 0.75rem);
    --uix-link-padding-y: 0.2rem;
    --uix-link-padding-x: 0.4rem;
    --uix-link-gap: 0.125rem;
    --uix-link-icon-size: 0.75em;
  }

  &[size="sm"] {
    --uix-link-font-size: var(--text-sm, 0.875rem);
    --uix-link-padding-y: 0.25rem;
    --uix-link-padding-x: 0.5rem;
    --uix-link-gap: 0.25rem;
    --uix-link-icon-size: 0.875em;
  }

  &[size="md"] {
    --uix-link-font-size: var(--text-base, 1rem);
    --uix-link-padding-y: 0.5rem;
    --uix-link-padding-x: 0.75rem;
    --uix-link-gap: 0.375rem;
    --uix-link-icon-size: 1em;
  }

  &[size="lg"] {
    --uix-link-font-size: var(--text-lg, 1.125rem);
    --uix-link-padding-y: 0.75rem;
    --uix-link-padding-x: 1rem;
    --uix-link-gap: 0.5rem;
    --uix-link-icon-size: 1.125em;
  }

  &[size="xl"] {
    --uix-link-font-size: var(--text-xl, 1.25rem);
    --uix-link-padding-y: 1rem;
    --uix-link-padding-x: 1.25rem;
    --uix-link-gap: 0.625rem;
    --uix-link-icon-size: 1.25em;
  }

  &[compact] {
    --uix-link-padding-x: 0;
    --uix-link-padding-y: 0;
  }

  &[w-full],
  &[wfull] {
    width: 100%;
    display: flex;
  }
}


:where(.uix-button, uix-button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--uix-button-width, fit-content);
  height: var(--uix-button-height, 2.5rem);
  white-space: nowrap;
  box-sizing: border-box;
  &::part(anchor) {
    border: 0;
    background: transparent;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 100%;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 0 var(--uix-button-padding-x, 1rem);
  }

  font-family: inherit;
  font-weight: var(--uix-button-font-weight, var(--font-bold, 700));
  font-size: var(--uix-button-font-size, var(--text-sm, 0.875rem));
  line-height: var(--uix-button-line-height, 1.5);
  text-align: center;
  gap: var(--uix-button-gap, 0.5rem);

  border-radius: var(--uix-button-border-radius, var(--radius-md, 0.375rem));
  border: var(--uix-button-border-width, 2px) solid
    var(--uix-button-border-color, transparent);
  --uix-button-shadow: var(--uix-button-shadow-size, 0 0 0 0)
    var(--uix-button-shadow-color, var(--uix-button-border-color, transparent));
  --uix-button-hover-shadow: var(
      --uix-button-hover-shadow-size,
      var(--uix-button-shadow-size, 0 0 0 0)
    )
    var(--uix-button-shadow-color, var(--uix-button-border-color, transparent));
  box-shadow: var(--uix-button-shadow);
  text-decoration: none;
  cursor: pointer;
  text-transform: var(--uix-button-text-transform, none);
  transition: var(
    --uix-button-transition,
    transform 0.1s ease-in-out,
    background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out,
    box-shadow 0.15s ease-in-out,
    color 0.2s ease-in-out
  );
  background: transparent;
  user-select: none;
  background-color: var(--uix-button-background, #000);
  color: var(--uix-button-color, var(--uix-button-text-color, #333));

  &:focus-visible {
    outline: 2px solid var(--color-focus, var(--color-primary-dark));
    outline-offset: 2px;
  }

  &:not([disabled]):not([aria-disabled="true"]):hover {
    background-color: var(
      --uix-button-hover-background,
      var(--color-primary-dark)
    );
    border-color: var(
      --uix-button-hover-border-color,
      var(--uix-button-border-color, transparent)
    );
    color: var(--uix-button-hover-color, var(--uix-button-color));
    box-shadow: var(--uix-button-hover-shadow, var(--uix-button-shadow, none));
    transform: translate(
      var(--uix-button-hover-translate-x, 0),
      var(--uix-button-hover-translate-y, 0)
    );
  }

  &:not([disabled]):not([aria-disabled="true"]):active {
    background-color: var(
      --uix-button-active-background,
      var(--color-primary-darker)
    );
    box-shadow: var(--uix-button-active-shadow, var(--uix-button-shadow, none));
    transform: translate(
        var(--uix-button-active-translate-x, 0),
        var(--uix-button-active-translate-y, 0)
      )
      scale(0.97);
  }

  &:not(
      [variant],
      [primary],
      [secondary],
      [danger],
      [success],
      [warning],
      [border]
    ) {
    --uix-button-color: #fff;
    --uix-button-background: #000;
    --uix-button-border-color: #000;
    --uix-button-hover-background: #222;
    --uix-button-active-background: #222;
  }

  &[primary],
  &[variant="primary"] {
    --uix-button-background: var(--color-primary);
    --uix-button-border-color: var(--color-primary);
    --uix-button-hover-border-color: var(--color-primary-dark);
    --uix-button-hover-background: var(--color-primary-dark);
    --uix-button-active-background: var(--color-primary-darker);
    --uix-button-color: var(
      --uix-button-primary-color,
      var(--uix-button-text-color, #fff)
    );
  }

  &[secondary],
  &[variant="secondary"] {
    --uix-button-background: var(--color-secondary);
    --uix-button-border-color: var(--color-secondary);
    --uix-button-hover-background: var(--color-secondary-dark);
    --uix-button-hover-border-color: var(--color-secondary-dark);
    --uix-button-active-background: var(--color-secondary-darker);
    --uix-button-color: var(
      --uix-button-secondary-color,
      var(--uix-button-text-color, #fff)
    );
  }

  &[danger],
  &[variant="danger"] {
    --uix-button-background: var(--color-danger);
    --uix-button-border-color: var(--color-danger);
    --uix-button-hover-border-color: var(--color-danger-dark);
    --uix-button-hover-background: var(--color-danger-dark);
    --uix-button-active-background: var(--color-danger-darker);
    --uix-button-color: var(
      --uix-button-danger-color,
      var(--uix-button-text-color, #fff)
    );
  }

  &[success],
  &[variant="success"] {
    --uix-button-background: var(--color-success);
    --uix-button-border-color: var(--color-success);
    --uix-button-hover-border-color: var(--color-success-dark);
    --uix-button-hover-background: var(--color-success-dark);
    --uix-button-active-background: var(--color-success-darker);
    --uix-button-color: var(
      --uix-button-success-color,
      var(--uix-button-text-color, #fff)
    );
  }

  &[warning],
  &[variant="warning"] {
    --uix-button-background: var(--color-warning);
    --uix-button-border-color: var(--color-warning);
    --uix-button-hover-border-color: var(--color-warning-dark);
    --uix-button-hover-background: var(--color-warning-dark);
    --uix-button-active-background: var(--color-warning-darker);
    --uix-button-color: var(
      --uix-button-warning-color,
      var(--uix-button-text-color, #fff)
    );
  }

  &[outline] {
    color: var(--text-color);
    --uix-button-background: transparent;
    --uix-button-border-width: 2px;
    --uix-button-hover-color: var(--color-inverse);

    &[primary],
    &[variant="primary"] {
      --uix-button-border-color: var(--color-primary);
      --uix-button-hover-background: var(--color-primary);
      --uix-button-hover-border-color: var(--color-primary);
    }

    &[secondary],
    &[variant="secondary"] {
      --uix-button-border-color: var(--color-secondary);
      --uix-button-hover-background: var(--color-secondary);
      --uix-button-hover-border-color: var(--color-secondary);
    }

    &[danger],
    &[variant="danger"] {
      --uix-button-border-color: var(--color-danger);
      --uix-button-hover-background: var(--color-danger);
      --uix-button-hover-border-color: var(--color-danger);
    }

    &[success],
    &[variant="success"] {
      --uix-button-border-color: var(--color-success);
      --uix-button-hover-background: var(--color-success);
      --uix-button-hover-border-color: var(--color-success);
    }

    &[warning],
    &[variant="warning"] {
      --uix-button-border-color: var(--color-warning);
      --uix-button-hover-background: var(--color-warning);
      --uix-button-hover-border-color: var(--color-warning);
    }
  }

  &[border] {
    --uix-button-background: var(--color-surface);
    --uix-button-color: var(--text-color);
    --uix-button-border-color: var(--border-color, #404040);
    --uix-button-hover-background: var(--color-surface-light);
    --uix-button-active-background: var(--color-surface-lighter);
  }

  &[ghost],
  &[variant="ghost"] {
    color: var(--text-color);
    --uix-button-background: transparent;
    --uix-button-border-color: transparent;
    --uix-button-hover-background: var(--color-surface-dark);
    --uix-button-hover-color: var(--text-color);

    &[primary],
    &[variant="primary"] {
      --uix-button-hover-background: color-mix(
        in srgb,
        var(--color-primary),
        transparent 85%
      );
    }

    &[secondary],
    &[variant="secondary"] {
      --uix-button-hover-background: color-mix(
        in srgb,
        var(--color-secondary),
        transparent 85%
      );
    }

    &[danger],
    &[variant="danger"] {
      --uix-button-hover-background: color-mix(
        in srgb,
        var(--color-danger),
        transparent 85%
      );
    }

    &[success],
    &[variant="success"] {
      --uix-button-hover-background: color-mix(
        in srgb,
        var(--color-success),
        transparent 85%
      );
    }

    &[warning],
    &[variant="warning"] {
      --uix-button-hover-background: color-mix(
        in srgb,
        var(--color-warning),
        transparent 85%
      );
    }
  }

  &[flat] {
    --uix-button-shadow: none;
    --uix-button-border-color: transparent;
    --uix-button-border-width: 0;
    --uix-button-hover-shadow: none;
    --uix-button-active-shadow: none;
    --uix-button-hover-translate-x: 0;
    --uix-button-hover-translate-y: 0;
    --uix-button-active-translate-x: 0;
    --uix-button-active-translate-y: 0;
  }

  &[size="xs"] {
    --uix-button-height: 1.5rem;
    --uix-button-padding-x: 0.5rem;
    --uix-button-font-size: var(--uix-button-xs-font-size, 0.6rem);
    --uix-button-gap: 0.25rem;
  }

  &[size="sm"] {
    --uix-button-height: 2rem;
    --uix-button-padding-x: 0.8rem;
    --uix-button-font-size: var(--uix-button-sm-font-size, 0.8rem);
    --uix-button-gap: 0.375rem;
  }

  &[size="md"] {
    --uix-button-height: 2.5rem;
    --uix-button-padding-x: 1.25rem;
    --uix-button-font-size: var(--uix-button-md-font-size, 0.9rem);
    --uix-button-gap: 0.5rem;
  }

  &[size="lg"] {
    --uix-button-height: 3rem;
    --uix-button-padding-x: 1.5rem;
    --uix-button-font-size: var(--uix-button-lg-font-size, 1.1rem);
    --uix-button-gap: 0.625rem;
  }

  &[size="xl"] {
    --uix-button-height: 3.5rem;
    --uix-button-padding-x: 2rem;
    --uix-button-font-size: var(--uix-button-xl-font-size, 1.25rem);
    --uix-button-gap: 0.75rem;
  }

  &[w-full],
  &[wfull] {
    width: 100%;
    display: flex;
  }
}


:where(.uix-input, uix-input) {

  display: inline-block;
  width: var(--uix-input-width, auto);
  box-sizing: border-box;

  .input-label {
    display: block;
    font-size: var(--uix-input-label-font-size, var(--text-sm, 0.875rem));
    font-weight: var(--uix-input-label-font-weight, var(--font-semibold, 600));
    margin-bottom: var(--uix-input-label-margin, 0.5rem);
    color: var(--uix-input-label-color, var(--text-color, #1a1a1a));
    letter-spacing: var(--uix-input-label-letter-spacing, 0);
    text-transform: var(--uix-input-label-text-transform, none);
  }

  .input-required {
    color: var(--color-danger, #ef4444);
    margin-left: 0.25rem;
  }

  input {
    width: 100%;
    height: var(--uix-input-height, 2.5rem);
    padding: var(--uix-input-padding-y, 0.5rem) var(--uix-input-padding-x, 0.75rem);
    font-size: var(--uix-input-font-size, var(--text-sm, 0.9rem));
    font-weight: var(--uix-input-font-weight, var(--font-normal, 400));
    line-height: var(--uix-input-line-height, 1.5rem);
    font-family: inherit;
    color: var(--uix-input-color, var(--text-color, inherit));
    box-sizing: border-box;

    background: var(--uix-input-background, var(--color-surface-light, #ffffff));
    border: var(--uix-input-border-width, var(--border-width, 1px)) solid
      var(--uix-input-border-color, var(--border-color, var(--color-surface, #e5e7eb)));
    border-radius: var(--uix-input-border-radius, var(--radius-md, 0.375rem));
    box-shadow: var(--uix-input-shadow, var(--shadow-sm, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)));
    outline: none;

    transition: var(
      --uix-input-transition,
      border-color 0.2s ease,
      background-color 0.2s ease,
      box-shadow 0.15s ease
    );

    &::placeholder {
      color: var(--uix-input-placeholder-color, var(--text-muted, #9ca3af));
      opacity: 1;
    }

    &:hover:not(:focus):not(:disabled) {
      border-color: var(--uix-input-hover-border-color, var(--color-primary-light));
    }

    &:focus {
      border-color: var(--uix-input-focus-border-color, var(--color-primary));
      background: var(--uix-input-focus-background, var(--uix-input-background));
      box-shadow: var(--uix-input-focus-shadow, 0 0 0 3px rgba(250, 189, 47, 0.1));
    }

    &:disabled {
      opacity: var(--uix-input-disabled-opacity, 0.6);
      background: var(--uix-input-disabled-background, var(--color-surface-dark));
      color: var(--uix-input-disabled-color, var(--text-muted));
      cursor: not-allowed;
    }

    &:read-only {
      background: var(--uix-input-readonly-background, var(--color-surface-dark));
      cursor: default;
    }
  }

  &[size="xs"] {
    --uix-input-height: 1.5rem;
    --uix-input-padding-y: 0.2rem;
    --uix-input-padding-x: 0.5rem;
    --uix-input-font-size: var(--text-xs, 0.75rem);
    --uix-input-line-height: 1rem;
    --uix-input-icon-size: 0.75rem;
  }

  &[size="sm"] {
    --uix-input-height: 2rem;
    --uix-input-padding-y: 0.3rem;
    --uix-input-padding-x: 0.6rem;
    --uix-input-font-size: var(--text-sm, 0.875rem);
    --uix-input-line-height: 1.25rem;
    --uix-input-icon-size: 0.875rem;
  }

  &[size="md"] {
    --uix-input-height: 2.5rem;
    --uix-input-padding-y: 0.5rem;
    --uix-input-padding-x: 0.75rem;
    --uix-input-font-size: var(--text-base, 1rem);
    --uix-input-line-height: 1.5rem;
    --uix-input-icon-size: 1rem;
  }

  &[size="lg"] {
    --uix-input-height: 3rem;
    --uix-input-padding-y: 0.625rem;
    --uix-input-padding-x: 1rem;
    --uix-input-font-size: var(--text-lg, 1.125rem);
    --uix-input-line-height: 1.75rem;
    --uix-input-icon-size: 1.25rem;
  }

  &[size="xl"] {
    --uix-input-height: 3.5rem;
    --uix-input-padding-y: 0.75rem;
    --uix-input-padding-x: 1.25rem;
    --uix-input-font-size: var(--text-xl, 1.25rem);
    --uix-input-line-height: 2rem;
    --uix-input-icon-size: 1.5rem;
  }

  &[required] input {
    border-left: 3px solid var(--uix-input-required-color, var(--color-warning));
  }

  &[error] {
    --uix-input-border-color: var(--color-danger);
    --uix-input-focus-border-color: var(--color-danger);
    --uix-input-focus-shadow: 0 0 0 3px rgba(251, 73, 52, 0.1);
  }

  &[success] {
    --uix-input-border-color: var(--color-success);
    --uix-input-focus-border-color: var(--color-success);
    --uix-input-focus-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
  }

  &[variant="primary"] {
    --uix-input-border-color: var(--color-primary);
    --uix-input-focus-border-color: var(--color-primary);
  }

  &[variant="secondary"] {
    --uix-input-border-color: var(--color-secondary);
    --uix-input-focus-border-color: var(--color-secondary);
  }

  &[variant="success"] {
    --uix-input-border-color: var(--color-success);
    --uix-input-focus-border-color: var(--color-success);
    --uix-input-focus-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
  }

  &[variant="warning"] {
    --uix-input-border-color: var(--color-warning);
    --uix-input-focus-border-color: var(--color-warning);
    --uix-input-focus-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
  }

  &[variant="error"] {
    --uix-input-border-color: var(--color-danger);
    --uix-input-focus-border-color: var(--color-danger);
    --uix-input-focus-shadow: 0 0 0 3px rgba(251, 73, 52, 0.1);
  }

  &[w-full],
  &[wfull],
  &[fullwidth] {
    width: 100%;
    display: block;
  }

  &:has(.uix-icon) {
    position: relative;

    .uix-icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: var(--uix-input-icon-offset, 0.75rem);
      width: var(--uix-input-icon-size, 1rem);
      height: var(--uix-input-icon-size, 1rem);
      color: var(--uix-input-icon-color, var(--text-muted));
      pointer-events: none;
    }

    input {
      padding-right: calc(
        var(--uix-input-icon-size, 1rem) +
        var(--uix-input-icon-offset, 0.75rem) *
        2
      );
    }
  }

  &:has(.uix-icon[left]) {
    .uix-icon {
      left: var(--uix-input-icon-offset, 0.75rem);
      right: auto;
    }

    input {
      padding-left: calc(
        var(--uix-input-icon-size, 1rem) +
        var(--uix-input-icon-offset, 0.75rem) *
        2
      );
      padding-right: var(--uix-input-padding-x, 0.75rem);
    }
  }
}


:where(.uix-badge, uix-badge) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  width: fit-content;
  box-sizing: border-box;

  font-weight: var(--uix-badge-font-weight, var(--font-semibold, 600));
  font-size: var(--uix-badge-font-size, var(--text-xs, 0.75rem));
  line-height: var(--uix-badge-line-height, 1rem);
  text-transform: var(--uix-badge-text-transform, none);
  padding: var(--uix-badge-padding-y, 0.15rem)
    var(--uix-badge-padding-x, 0.5rem);

  border-radius: var(--uix-badge-border-radius, var(--radius-md, 0.375rem));

  border: var(--uix-badge-border-width, 0) solid
    var(--uix-badge-border-color, transparent);

  background-color: var(--uix-badge-background);
  color: var(--uix-badge-color);

  &[variant="default"] {
    --uix-badge-background: var(--color-surface-dark);
    --uix-badge-color: var(--color-text-default);
    --uix-badge-border-color: var(--color-surface-lighter);
  }

  &[variant="success"] {
    --uix-badge-background: var(--color-success);
    --uix-badge-color: var(--color-inverse);
    --uix-badge-border-color: var(--color-success-light);
  }

  &[variant="danger"] {
    --uix-badge-background: var(--color-danger);
    --uix-badge-color: var(--color-inverse);
    --uix-badge-border-color: var(--color-danger-light);
  }

  &[variant="warning"] {
    --uix-badge-background: var(--color-warning);
    --uix-badge-color: var(--color-inverse);
    --uix-badge-border-color: var(--color-warning-light);
  }

  &[variant="info"] {
    --uix-badge-background: var(--color-info);
    --uix-badge-color: var(--color-inverse);
    --uix-badge-border-color: var(--color-info-light);
  }

  &[outline] {
    background-color: transparent;

    &[variant="default"] {
      --uix-badge-border-color: var(--color-surface-dark);
      --uix-badge-color: var(--color-surface-darker);
    }

    &[variant="success"] {
      --uix-badge-border-color: var(--color-success-dark);
      --uix-badge-color: var(--color-success-dark);
    }

    &[variant="danger"] {
      --uix-badge-border-color: var(--color-danger-dark);
      --uix-badge-color: var(--color-danger-dark);
    }

    &[variant="warning"] {
      --uix-badge-border-color: var(--color-warning-dark);
      --uix-badge-color: var(--color-warning-dark);
    }

    &[variant="info"] {
      --uix-badge-border-color: var(--color-info-dark);
      --uix-badge-color: var(--color-info-dark);
    }
  }

  &[soft] {
    border: 1px solid transparent;

    &[variant="success"] {
      background-color: color-mix(
        in srgb,
        var(--color-success),
        transparent 85%
      );
      color: var(--color-success-darker);
    }

    &[variant="danger"] {
      background-color: color-mix(in srgb, var(--color-danger), transparent 85%);
      color: var(--color-danger-darker);
    }

    &[variant="warning"] {
      background-color: color-mix(
        in srgb,
        var(--color-warning),
        transparent 85%
      );
      color: var(--color-warning-darker);
    }

    &[variant="info"] {
      background-color: color-mix(in srgb, var(--color-info), transparent 85%);
      color: var(--color-info-darker);
    }
  }

  &[size="xs"] {
    --uix-badge-padding-y: 0.0625rem;
    --uix-badge-padding-x: 0.25rem;
    --uix-badge-font-size: var(--text-xs, 0.65rem);
  }

  &[size="sm"] {
    --uix-badge-padding-y: 0.1rem;
    --uix-badge-padding-x: 0.375rem;
    --uix-badge-font-size: var(--text-xs, 0.7rem);
  }

  &[size="md"] {
    --uix-badge-padding-y: 0.15rem;
    --uix-badge-padding-x: 0.5rem;
    --uix-badge-font-size: var(--text-xs, 0.75rem);
  }

  &[size="lg"] {
    --uix-badge-padding-y: 0.25rem;
    --uix-badge-padding-x: 0.75rem;
    --uix-badge-font-size: var(--text-sm, 0.875rem);
  }
}


:where(.uix-container, uix-container) {
  display: block;
  box-sizing: border-box;
  background: var(--uix-container-background, var(--color-surface-lighter));
  border: var(--border-width, 1px) solid var(--uix-container-border-color, var(--color-surface-dark));
  border-radius: var(--uix-container-border-radius, var(--radius-md, 0.375rem));
  overflow: var(--uix-container-overflow, visible);

  --uix-container-padding-none: 0;
  --uix-container-padding-sm: var(--spacing-sm, 0.5rem);
  --uix-container-padding-md: var(--spacing-md, 0.75rem) var(--spacing-lg, 1rem);
  --uix-container-padding-lg: var(--spacing-lg, 1rem) var(--spacing-xl, 1.5rem);

  &[padding="none"] {
    padding: var(--uix-container-padding-none);
  }

  &[padding="sm"] {
    padding: var(--uix-container-padding-sm);
  }

  &[padding="md"] {
    padding: var(--uix-container-padding-md);
  }

  &[padding="lg"] {
    padding: var(--uix-container-padding-lg);
  }

  &[overflow="visible"] {
    --uix-container-overflow: visible;
  }

  &[overflow="hidden"] {
    --uix-container-overflow: hidden;
  }

  &[overflow="auto"] {
    --uix-container-overflow: auto;
  }

  &[overflow="scroll"] {
    --uix-container-overflow: scroll;
  }
}


:where(.uix-card, uix-card) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  --uix-container-background: var(--uix-card-background, var(--color-surface));
  --uix-container-border-color: var(--uix-card-border, var(--border-color));
  --uix-container-border-radius: var(
    --uix-card-border-radius,
    var(--radius-md, 0.75rem)
  );

  --uix-container-padding-none: 0;
  --uix-container-padding-xs: 0;
  --uix-container-padding-sm: 0;
  --uix-container-padding-md: 0;
  --uix-container-padding-lg: 0;

  --uix-card-padding-xs: 0.6rem;
  --uix-card-padding-sm: 1rem;
  --uix-card-padding-md: 1.3rem;
  --uix-card-padding-lg: 1.8rem;

  &::part(body) {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  > [slot="header"] {
    margin: 0;
    display: flex;
    padding: var(--uix-card-header-padding, var(--uix-card-padding-sm));
    border-bottom-width: var(--uix-card-header-border-width, 0);
    border-bottom-style: solid;
    border-bottom-color: var(
      --uix-card-header-border-color,
      var(--border-color)
    );
    background: var(--uix-card-header-background-color, transparent);
  }

  > [slot="footer"] {
    display: flex;
    padding: var(--uix-card-footer-padding, var(--uix-card-padding-sm));
    border-top-width: var(--uix-card-footer-border-width, 0);
    border-top-style: var(--uix-card-footer-border-style, solid);
    border-top-color: var(--uix-card-footer-border-color, var(--border-color));
    background: var(--uix-card-footer-background-color, transparent);
    flex-direction: row;
    gap: var(--spacing-sm, 0.5rem);
    align-items: center;
    justify-content: var(--uix-card-footer-justify, flex-end);
  }

  &[style*="--uix-card-gradient-from"]::part(body) {
    background: linear-gradient(
      135deg,
      var(--uix-card-gradient-from),
      var(--uix-card-linear-to, var(--uix-card-gradient-from))
    );
  }

  &[padding="none"] {
    --uix-card-header-padding: 0;
    --uix-card-footer-padding: 0;
  }
  &[padding="none"]::part(body) {
    padding: 0;
  }

  &[padding="xs"] {
    --uix-card-header-padding: var(--uix-card-padding-xs);
    --uix-card-footer-padding: var(--uix-card-padding-xs);
  }
  &[padding="xs"]::part(body) {
    padding: var(--uix-card-padding-xs);
  }

  &[padding="sm"] {
    --uix-card-header-padding: var(--uix-card-padding-sm);
    --uix-card-footer-padding: var(--uix-card-padding-sm);
  }
  &[padding="sm"]::part(body) {
    padding: var(--uix-card-padding-sm);
  }

  &[padding="md"] {
    --uix-card-header-padding: var(--uix-card-padding-md);
    --uix-card-footer-padding: var(--uix-card-padding-md);
  }
  &[padding="md"]::part(body) {
    padding: var(--uix-card-padding-md);
  }

  &[padding="lg"] {
    --uix-card-header-padding: var(--uix-card-padding-lg);
    --uix-card-footer-padding: var(--uix-card-padding-lg);
  }
  &[padding="lg"]::part(body) {
    padding: var(--uix-card-padding-lg);
  }

  &[borderWidth="none"] {
    border-width: 0;
  }

  &[borderWidth="1"] {
    border-width: 1px;
  }

  &[borderWidth="2"] {
    border-width: 2px;
  }

  &[borderWidth="3"] {
    border-width: 3px;
  }

  &[borderStyle="solid"] {
    border-style: solid;
  }

  &[borderStyle="dashed"] {
    border-style: dashed;
  }

  &[borderStyle="dotted"] {
    border-style: dotted;
  }

  &[gap="none"]::part(body) {
    gap: 0;
  }

  &[gap="xs"]::part(body) {
    gap: var(--spacing-xs, 0.25rem);
  }

  &[gap="sm"]::part(body) {
    gap: var(--spacing-sm, 0.5rem);
  }

  &[gap="md"]::part(body) {
    gap: var(--spacing-md, 0.75rem);
  }

  &[gap="lg"]::part(body) {
    gap: var(--spacing-lg, 1rem);
  }

  &[gap="xl"]::part(body) {
    gap: var(--spacing-xl, 1.5rem);
  }

  &[shadow="sm"] {
    box-shadow: var(
      --uix-card-shadow,
      var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05))
    );
  }

  &[shadow="md"] {
    box-shadow: var(
      --uix-card-shadow,
      var(
        --shadow-md,
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06)
      )
    );
  }

  &[shadow="lg"] {
    box-shadow: var(
      --uix-card-shadow,
      var(
        --shadow-lg,
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05)
      )
    );
  }

  &[hover] {
    transition: all 200ms ease;
    cursor: pointer;

    &:hover {
      border-color: var(--uix-card-border-hover, var(--color-primary));
      box-shadow: var(
        --uix-card-hover-shadow,
        var(--uix-card-shadow-size, 0 0 0 0)
          var(--uix-card-border-hover, var(--color-primary))
      );
      transform: translate(
        var(--uix-card-hover-translate-x, 0),
        var(--uix-card-hover-translate-y, 0)
      );
    }

    &:active {
      box-shadow: var(--uix-card-active-shadow, none);
      transform: translate(
        var(--uix-card-active-translate-x, 0),
        var(--uix-card-active-translate-y, 0)
      );
    }
  }

  &[variant="filled"] {
    --uix-container-background: var(--color-surface-light);
    --uix-container-border-color: var(--color-surface);
  }

  &[variant="outlined"] {
    --uix-container-background: transparent;
    --uix-container-border-color: var(--color-surface);
  }

  &[variant="elevated"] {
    --uix-container-background: var(--color-surface-lighter);
    --uix-container-border-color: var(--color-surface-dark);
    box-shadow:
      0 1px 3px rgba(0, 0, 0, 0.12),
      0 1px 2px rgba(0, 0, 0, 0.24);

    &:hover {
      box-shadow:
        0 3px 6px rgba(0, 0, 0, 0.16),
        0 3px 6px rgba(0, 0, 0, 0.23);
      transition: box-shadow 0.3s ease;
    }
  }
}


:where(.uix-rating, uix-rating) {
  display: inline-flex;

  .uix-rating__container {
    display: flex;
    align-items: center;
    gap: 0.25rem;

    uix-icon {
      width: 1.25rem;
      height: 1.25rem;
      cursor: pointer;
      transition: color 0.15s ease, transform 0.1s ease;

      &.star-empty {
        color: var(--text-muted, #6b7280);
      }

      &.star-filled {
        color: var(--color-primary, #fabd2f);
      }

      &:hover {
        transform: scale(1.15);
      }
    }
  }

  &[readonly] .uix-rating__container uix-icon {
    cursor: default;

    &:hover {
      transform: none;
    }
  }
}


:root {
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-size: 16px;
  --font-icon-family: lucide;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-black: 900;
  --link-color: #0d9488;
  --text-color: #1a1a1a;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --text-disabled: #9ca3af;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.5rem;
  --background-color: #f3ebdd;
  --color-primary: #14b8a6;
  --color-primary-lighter: #99f6e4;
  --color-primary-light: #2dd4bf;
  --color-primary-dark: #0d9488;
  --color-primary-darker: #0f766e;
  --color-secondary: #f97316;
  --color-secondary-lighter: #fed7aa;
  --color-secondary-light: #fb923c;
  --color-secondary-dark: #ea580c;
  --color-secondary-darker: #c2410c;
  --color-success: #22c55e;
  --color-success-lighter: hsl(142 71% 65%);
  --color-success-darker: hsl(142 71% 25%);
  --color-success-light: #4ade80;
  --color-success-dark: #16a34a;
  --color-danger: #ef4444;
  --color-danger-lighter: hsl(0 84% 80%);
  --color-danger-darker: hsl(0 84% 40%);
  --color-danger-light: #f87171;
  --color-danger-dark: #dc2626;
  --color-warning: #f59e0b;
  --color-warning-lighter: hsl(38 92% 70%);
  --color-warning-dark: hsl(38 92% 40%);
  --color-warning-darker: hsl(38 92% 30%);
  --color-warning-light: #fbbf24;
  --color-info: #3b82f6;
  --color-info-lighter: hsl(217 91% 80%);
  --color-info-dark: hsl(217 91% 50%);
  --color-info-darker: hsl(217 91% 40%);
  --color-info-light: #60a5fa;
  --color-surface: #ffffff;
  --color-surface-light: #f9fafb;
  --color-surface-lighter: #f3f4f6;
  --color-surface-dark: #f3f4f6;
  --color-surface-darker: #e5e7eb;
  --color-canvas: #f3ebdd;
  --color-canvas-lighter: hsl(38 48% 100%);
  --color-canvas-light: hsl(38 48% 100%);
  --color-canvas-dark: hsl(38 48% 81%);
  --color-canvas-darker: hsl(38 48% 71%);
  --color-hover: #f3f4f6;
  --color-hover-lighter: hsl(220 14% 100%);
  --color-hover-light: hsl(220 14% 100%);
  --color-hover-dark: hsl(220 14% 86%);
  --color-hover-darker: hsl(220 14% 76%);
  --color-focus: #14b8a6;
  --color-focus-lighter: hsl(173 80% 60%);
  --color-focus-light: hsl(173 80% 50%);
  --color-focus-dark: hsl(173 80% 30%);
  --color-focus-darker: hsl(173 80% 20%);
  --color-focus-surface: rgba(20, 184, 166, 0.14);
  --color-focus-surface-lighter: hsl(173 80% 60%);
  --color-focus-surface-light: hsl(173 80% 50%);
  --color-focus-surface-dark: hsl(173 80% 30%);
  --color-focus-surface-darker: hsl(173 80% 20%);
  --color-inverse: #ffffff;
  --color-inverse-lighter: #f9fafb;
  --color-inverse-light: #ffffff;
  --color-inverse-dark: #1a1a1a;
  --color-inverse-darker: #000000;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.5rem;
  --spacing-2xl: 2rem;
  --spacing-3xl: 3rem;
  --spacing-4xl: 5rem;
  --leading-tight: 1.1;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;
  --radius-none: 0;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;
  --shadow-none: none;
  --shadow-sm: 2px 2px 0px 0px #000000;
  --shadow-md: 4px 4px 0px 0px #000000;
  --shadow-lg: 6px 6px 0px 0px #000000;
  --shadow-xl: 8px 8px 0px 0px #000000;
  --shadow-2xl: 12px 12px 0px 0px #000000;
  --border-width: 3px;
  --border-color: #000000;
  --border-control: #000000;
  --uix-button-border-width: 0;
  --uix-button-border-color: #000000;
  --uix-button-shadow-color: #000000;
  --uix-button-border-radius: 0.75rem;
  --uix-button-shadow-size: 4px 4px 0px 0px;
  --uix-button-hover-shadow-size: 6px 6px 0px 0px;
  --uix-button-active-shadow: 2px 2px 0px 0px #000000;
  --uix-button-hover-translate-x: -2px;
  --uix-button-hover-translate-y: -2px;
  --uix-button-active-translate-x: 2px;
  --uix-button-active-translate-y: 2px;
  --uix-button-font-weight: 900;
  --uix-button-text-transform: uppercase;
  --uix-button-primary-color: #000000;
  --uix-button-secondary-color: #000000;
  --uix-button-danger-color: #ffffff;
  --uix-button-warning-color: #000000;
  --uix-button-success-color: #000000;
  --uix-input-background: var(--color-surface);
  --uix-input-background-focus: var(--color-surface);
  --uix-input-border-width: 0;
  --uix-input-border-radius: 0.75rem;
  --uix-input-text: var(--text-color);
  --uix-input-placeholder: var(--text-muted);
  --uix-input-icon: var(--text-muted);
  --uix-input-shadow: 4px 4px 0px 0px #000000;
  --uix-input-focus-shadow: 4px 4px 0px 0px #000000, 0 0 0 2px var(--color-primary);
  --uix-card-background: var(--color-surface);
  --uix-card-border-radius: 1rem;
  --uix-card-shadow: 6px 6px 0px 0px #000000;
  --uix-card-hover-shadow: 8px 8px 0px 0px #000000;
  --uix-card-hover-translate-x: -2px;
  --uix-card-hover-translate-y: -2px;
  --uix-card-active-translate-x: 2px;
  --uix-card-active-translate-y: 2px;
  --uix-card-text: var(--text-color);
  --uix-card-text-muted: var(--text-muted);
  --uix-badge-border-radius: 0.25rem;
  --uix-badge-border-width: 0;
  --uix-badge-font-weight: 800;
  --uix-badge-font-size: 0.625rem;
  --uix-badge-padding-x: 0.45rem;
  --uix-badge-padding-y: 0.1rem;
  --uix-badge-text-transform: uppercase;
  --uix-tag-font-weight: 700;
  --uix-tag-border-radius: 0.5rem;
  --uix-tag-border-color: #000000;
}
:root.dark {
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-size: 16px;
  --font-icon-family: lucide;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-black: 900;
  --link-color: #2dd4bf;
  --text-color: #f5f5f0;
  --text-secondary: #c2c6cc;
  --text-muted: #9aa0a8;
  --text-disabled: #6b7280;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.5rem;
  --background-color: #15171c;
  --color-primary: #2dd4bf;
  --color-primary-lighter: hsl(168 84% 72%);
  --color-primary-light: #5eead4;
  --color-primary-dark: hsl(175 84% 44%);
  --color-primary-darker: hsl(175 77% 42%);
  --color-secondary: #fb923c;
  --color-secondary-lighter: hsl(32 98% 72%);
  --color-secondary-light: #fdba74;
  --color-secondary-dark: hsl(21 90% 48%);
  --color-secondary-darker: hsl(17 88% 52%);
  --color-success: hsl(142 71% 45%);
  --color-success-lighter: hsl(142 71% 65%);
  --color-success-darker: hsl(142 71% 25%);
  --color-success-light: hsl(142 69% 58%);
  --color-success-dark: hsl(142 76% 48%);
  --color-danger: hsl(0 84% 60%);
  --color-danger-lighter: hsl(0 84% 80%);
  --color-danger-darker: hsl(0 84% 40%);
  --color-danger-light: hsl(0 91% 71%);
  --color-danger-dark: hsl(0 72% 51%);
  --color-warning: hsl(38 92% 50%);
  --color-warning-lighter: hsl(38 92% 70%);
  --color-warning-dark: hsl(38 92% 40%);
  --color-warning-darker: hsl(38 92% 30%);
  --color-warning-light: hsl(43 96% 56%);
  --color-info: hsl(217 91% 60%);
  --color-info-lighter: hsl(217 91% 80%);
  --color-info-dark: hsl(217 91% 50%);
  --color-info-darker: hsl(217 91% 40%);
  --color-info-light: hsl(213 94% 68%);
  --color-surface: #232831;
  --color-surface-light: #2a2f37;
  --color-surface-lighter: #2f343d;
  --color-surface-dark: #1a1d23;
  --color-surface-darker: #141619;
  --color-canvas: #15171c;
  --color-canvas-lighter: hsl(223 14% 30%);
  --color-canvas-light: hsl(223 14% 20%);
  --color-canvas-dark: hsl(223 14% 0%);
  --color-canvas-darker: hsl(223 14% 0%);
  --color-hover: #2a2f37;
  --color-hover-lighter: hsl(217 13% 39%);
  --color-hover-light: hsl(217 13% 29%);
  --color-hover-dark: hsl(217 13% 9%);
  --color-hover-darker: hsl(217 13% 0%);
  --color-focus: #2dd4bf;
  --color-focus-lighter: hsl(172 66% 70%);
  --color-focus-light: hsl(172 66% 60%);
  --color-focus-dark: hsl(172 66% 40%);
  --color-focus-darker: hsl(172 66% 30%);
  --color-focus-surface: rgba(45, 212, 191, 0.18);
  --color-focus-surface-lighter: hsl(172 66% 70%);
  --color-focus-surface-light: hsl(172 66% 60%);
  --color-focus-surface-dark: hsl(172 66% 40%);
  --color-focus-surface-darker: hsl(172 66% 30%);
  --color-inverse: #15171c;
  --color-inverse-lighter: #1f2228;
  --color-inverse-light: #1a1d23;
  --color-inverse-dark: #f5f5f0;
  --color-inverse-darker: #ffffff;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.5rem;
  --spacing-2xl: 2rem;
  --spacing-3xl: 3rem;
  --spacing-4xl: 5rem;
  --leading-tight: 1.1;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;
  --radius-none: 0;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;
  --shadow-none: none;
  --shadow-sm: 2px 2px 0px 0px #000000;
  --shadow-md: 4px 4px 0px 0px #000000;
  --shadow-lg: 6px 6px 0px 0px #000000;
  --shadow-xl: 8px 8px 0px 0px #000000;
  --shadow-2xl: 12px 12px 0px 0px #000000;
  --border-width: 3px;
  --border-color: #f5f5f0;
  --border-control: #f5f5f0;
  --uix-button-border-width: 0;
  --uix-button-border-color: hsl(0 0% 95%);
  --uix-button-shadow-color: #000000;
  --uix-button-border-radius: 0.75rem;
  --uix-button-shadow-size: 4px 4px 0px 0px;
  --uix-button-hover-shadow-size: 6px 6px 0px 0px;
  --uix-button-active-shadow: 2px 2px 0px 0px hsl(0 0% 95%);
  --uix-button-hover-translate-x: -2px;
  --uix-button-hover-translate-y: -2px;
  --uix-button-active-translate-x: 2px;
  --uix-button-active-translate-y: 2px;
  --uix-button-font-weight: 900;
  --uix-button-text-transform: uppercase;
  --uix-button-primary-color: #000000;
  --uix-button-secondary-color: #000000;
  --uix-button-danger-color: hsl(0 0% 6%);
  --uix-button-warning-color: #15171c;
  --uix-button-success-color: hsl(0 0% 95%);
  --uix-input-background: var(--color-surface);
  --uix-input-background-focus: var(--color-surface);
  --uix-input-border-width: 0;
  --uix-input-border-radius: 0.75rem;
  --uix-input-text: var(--text-color);
  --uix-input-placeholder: var(--text-muted);
  --uix-input-icon: var(--text-muted);
  --uix-input-shadow: 4px 4px 0px 0px #000000;
  --uix-input-focus-shadow: 4px 4px 0px 0px #000000, 0 0 0 2px var(--color-primary);
  --uix-card-background: var(--color-surface);
  --uix-card-border-radius: 1rem;
  --uix-card-shadow: 6px 6px 0px 0px #000000;
  --uix-card-hover-shadow: 8px 8px 0px 0px #000000;
  --uix-card-hover-translate-x: -2px;
  --uix-card-hover-translate-y: -2px;
  --uix-card-active-translate-x: 2px;
  --uix-card-active-translate-y: 2px;
  --uix-card-text: var(--text-color);
  --uix-card-text-muted: var(--text-muted);
  --uix-badge-border-radius: 0.25rem;
  --uix-badge-border-width: 0;
  --uix-badge-font-weight: 800;
  --uix-badge-font-size: 0.625rem;
  --uix-badge-padding-x: 0.45rem;
  --uix-badge-padding-y: 0.1rem;
  --uix-badge-text-transform: uppercase;
  --uix-tag-font-weight: 700;
  --uix-tag-border-radius: 0.5rem;
  --uix-tag-border-color: hsl(0 0% 95%);
}
:root {
  --icon-family: lucide;
  --path: /theme.js;
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --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";
  --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --font-icon-family: lucide;
  --runtime: true;
  --darkMode: system;
  --apply: (themeData) => {
  const { dark: explicitDark, ...lightTheme } = themeData || {};
  injectThemeCSS(generateThemeVariables(lightTheme));
  applyDarkTheme(lightTheme, explicitDark);
};
  --colors-black: #000;
  --colors-white: #fff;
  --colors-slate-50: oklch(98.4% 0.003 247.858);
  --colors-slate-100: oklch(96.8% 0.007 247.896);
  --colors-slate-200: oklch(92.9% 0.013 255.508);
  --colors-slate-300: oklch(86.9% 0.022 252.894);
  --colors-slate-400: oklch(70.4% 0.04 256.788);
  --colors-slate-500: oklch(55.4% 0.046 257.417);
  --colors-slate-600: oklch(44.6% 0.043 257.281);
  --colors-slate-700: oklch(37.2% 0.044 257.287);
  --colors-slate-800: oklch(27.9% 0.041 260.031);
  --colors-slate-900: oklch(20.8% 0.042 265.755);
  --colors-slate-950: oklch(12.9% 0.042 264.695);
  --colors-slate-DEFAULT: oklch(70.4% 0.04 256.788);
  --colors-gray-50: oklch(98.5% 0.002 247.839);
  --colors-gray-100: oklch(96.7% 0.003 264.542);
  --colors-gray-200: oklch(92.8% 0.006 264.531);
  --colors-gray-300: oklch(87.2% 0.01 258.338);
  --colors-gray-400: oklch(70.7% 0.022 261.325);
  --colors-gray-500: oklch(55.1% 0.027 264.364);
  --colors-gray-600: oklch(44.6% 0.03 256.802);
  --colors-gray-700: oklch(37.3% 0.034 259.733);
  --colors-gray-800: oklch(27.8% 0.033 256.848);
  --colors-gray-900: oklch(21% 0.034 264.665);
  --colors-gray-950: oklch(13% 0.028 261.692);
  --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325);
  --colors-zinc-50: oklch(98.5% 0 0);
  --colors-zinc-100: oklch(96.7% 0.001 286.375);
  --colors-zinc-200: oklch(92% 0.004 286.32);
  --colors-zinc-300: oklch(87.1% 0.006 286.286);
  --colors-zinc-400: oklch(70.5% 0.015 286.067);
  --colors-zinc-500: oklch(55.2% 0.016 285.938);
  --colors-zinc-600: oklch(44.2% 0.017 285.786);
  --colors-zinc-700: oklch(37% 0.013 285.805);
  --colors-zinc-800: oklch(27.4% 0.006 286.033);
  --colors-zinc-900: oklch(21% 0.006 285.885);
  --colors-zinc-950: oklch(14.1% 0.005 285.823);
  --colors-zinc-DEFAULT: oklch(70.5% 0.015 286.067);
  --colors-neutral-50: oklch(98.5% 0 0);
  --colors-neutral-100: oklch(97% 0 0);
  --colors-neutral-200: oklch(92.2% 0 0);
  --colors-neutral-300: oklch(87% 0 0);
  --colors-neutral-400: oklch(70.8% 0 0);
  --colors-neutral-500: oklch(55.6% 0 0);
  --colors-neutral-600: oklch(43.9% 0 0);
  --colors-neutral-700: oklch(37.1% 0 0);
  --colors-neutral-800: oklch(26.9% 0 0);
  --colors-neutral-900: oklch(20.5% 0 0);
  --colors-neutral-950: oklch(14.5% 0 0);
  --colors-neutral-DEFAULT: oklch(70.8% 0 0);
  --colors-stone-50: oklch(98.5% 0.001 106.423);
  --colors-stone-100: oklch(97% 0.001 106.424);
  --colors-stone-200: oklch(92.3% 0.003 48.717);
  --colors-stone-300: oklch(86.9% 0.005 56.366);
  --colors-stone-400: oklch(70.9% 0.01 56.259);
  --colors-stone-500: oklch(55.3% 0.013 58.071);
  --colors-stone-600: oklch(44.4% 0.011 73.639);
  --colors-stone-700: oklch(37.4% 0.01 67.558);
  --colors-stone-800: oklch(26.8% 0.007 34.298);
  --colors-stone-900: oklch(21.6% 0.006 56.043);
  --colors-stone-950: oklch(14.7% 0.004 49.25);
  --colors-stone-DEFAULT: oklch(70.9% 0.01 56.259);
  --colors-mauve-50: oklch(98.5% 0 0);
  --colors-mauve-100: oklch(96% 0.003 325.6);
  --colors-mauve-200: oklch(92.2% 0.005 325.62);
  --colors-mauve-300: oklch(86.5% 0.012 325.68);
  --colors-mauve-400: oklch(71.1% 0.019 323.02);
  --colors-mauve-500: oklch(54.2% 0.034 322.5);
  --colors-mauve-600: oklch(43.5% 0.029 321.78);
  --colors-mauve-700: oklch(36.4% 0.029 323.89);
  --colors-mauve-800: oklch(26.3% 0.024 320.12);
  --colors-mauve-900: oklch(21.2% 0.019 322.12);
  --colors-mauve-950: oklch(14.5% 0.008 326);
  --colors-mauve-DEFAULT: oklch(71.1% 0.019 323.02);
  --colors-olive-50: oklch(98.8% 0.003 106.5);
  --colors-olive-100: oklch(96.6% 0.005 106.5);
  --colors-olive-200: oklch(93% 0.007 106.5);
  --colors-olive-300: oklch(88% 0.011 106.6);
  --colors-olive-400: oklch(73.7% 0.021 106.9);
  --colors-olive-500: oklch(58% 0.031 107.3);
  --colors-olive-600: oklch(46.6% 0.025 107.3);
  --colors-olive-700: oklch(39.4% 0.023 107.4);
  --colors-olive-800: oklch(28.6% 0.016 107.4);
  --colors-olive-900: oklch(22.8% 0.013 107.4);
  --colors-olive-950: oklch(15.3% 0.006 107.1);
  --colors-olive-DEFAULT: oklch(73.7% 0.021 106.9);
  --colors-mist-50: oklch(98.7% 0.002 197.1);
  --colors-mist-100: oklch(96.3% 0.002 197.1);
  --colors-mist-200: oklch(92.5% 0.005 214.3);
  --colors-mist-300: oklch(87.2% 0.007 219.6);
  --colors-mist-400: oklch(72.3% 0.014 214.4);
  --colors-mist-500: oklch(56% 0.021 213.5);
  --colors-mist-600: oklch(45% 0.017 213.2);
  --colors-mist-700: oklch(37.8% 0.015 216);
  --colors-mist-800: oklch(27.5% 0.011 216.9);
  --colors-mist-900: oklch(21.8% 0.008 223.9);
  --colors-mist-950: oklch(14.8% 0.004 228.8);
  --colors-mist-DEFAULT: oklch(72.3% 0.014 214.4);
  --colors-taupe-50: oklch(98.6% 0.002 67.8);
  --colors-taupe-100: oklch(96% 0.002 17.2);
  --colors-taupe-200: oklch(92.2% 0.005 34.3);
  --colors-taupe-300: oklch(86.8% 0.007 39.5);
  --colors-taupe-400: oklch(71.4% 0.014 41.2);
  --colors-taupe-500: oklch(54.7% 0.021 43.1);
  --colors-taupe-600: oklch(43.8% 0.017 39.3);
  --colors-taupe-700: oklch(36.7% 0.016 35.7);
  --colors-taupe-800: oklch(26.8% 0.011 36.5);
  --colors-taupe-900: oklch(21.4% 0.009 43.1);
  --colors-taupe-950: oklch(14.7% 0.004 49.3);
  --colors-taupe-DEFAULT: oklch(71.4% 0.014 41.2);
  --colors-red-50: oklch(97.1% 0.013 17.38);
  --colors-red-100: oklch(93.6% 0.032 17.717);
  --colors-red-200: oklch(88.5% 0.062 18.334);
  --colors-red-300: oklch(80.8% 0.114 19.571);
  --colors-red-400: oklch(70.4% 0.191 22.216);
  --colors-red-500: oklch(63.7% 0.237 25.331);
  --colors-red-600: oklch(57.7% 0.245 27.325);
  --colors-red-700: oklch(50.5% 0.213 27.518);
  --colors-red-800: oklch(44.4% 0.177 26.899);
  --colors-red-900: oklch(39.6% 0.141 25.723);
  --colors-red-950: oklch(25.8% 0.092 26.042);
  --colors-red-DEFAULT: oklch(70.4% 0.191 22.216);
  --colors-orange-50: oklch(98% 0.016 73.684);
  --colors-orange-100: oklch(95.4% 0.038 75.164);
  --colors-orange-200: oklch(90.1% 0.076 70.697);
  --colors-orange-300: oklch(83.7% 0.128 66.29);
  --colors-orange-400: oklch(75% 0.183 55.934);
  --colors-orange-500: oklch(70.5% 0.213 47.604);
  --colors-orange-600: oklch(64.6% 0.222 41.116);
  --colors-orange-700: oklch(55.3% 0.195 38.402);
  --colors-orange-800: oklch(47% 0.157 37.304);
  --colors-orange-900: oklch(40.8% 0.123 38.172);
  --colors-orange-950: oklch(26.6% 0.079 36.259);
  --colors-orange-DEFAULT: oklch(75% 0.183 55.934);
  --colors-amber-50: oklch(98.7% 0.022 95.277);
  --colors-amber-100: oklch(96.2% 0.059 95.617);
  --colors-amber-200: oklch(92.4% 0.12 95.746);
  --colors-amber-300: oklch(87.9% 0.169 91.605);
  --colors-amber-400: oklch(82.8% 0.189 84.429);
  --colors-amber-500: oklch(76.9% 0.188 70.08);
  --colors-amber-600: oklch(66.6% 0.179 58.318);
  --colors-amber-700: oklch(55.5% 0.163 48.998);
  --colors-amber-800: oklch(47.3% 0.137 46.201);
  --colors-amber-900: oklch(41.4% 0.112 45.904);
  --colors-amber-950: oklch(27.9% 0.077 45.635);
  --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429);
  --colors-yellow-50: oklch(98.7% 0.026 102.212);
  --colors-yellow-100: oklch(97.3% 0.071 103.193);
  --colors-yellow-200: oklch(94.5% 0.129 101.54);
  --colors-yellow-300: oklch(90.5% 0.182 98.111);
  --colors-yellow-400: oklch(85.2% 0.199 91.936);
  --colors-yellow-500: oklch(79.5% 0.184 86.047);
  --colors-yellow-600: oklch(68.1% 0.162 75.834);
  --colors-yellow-700: oklch(55.4% 0.135 66.442);
  --colors-yellow-800: oklch(47.6% 0.114 61.907);
  --colors-yellow-900: oklch(42.1% 0.095 57.708);
  --colors-yellow-950: oklch(28.6% 0.066 53.813);
  --colors-yellow-DEFAULT: oklch(85.2% 0.199 91.936);
  --colors-lime-50: oklch(98.6% 0.031 120.757);
  --colors-lime-100: oklch(96.7% 0.067 122.328);
  --colors-lime-200: oklch(93.8% 0.127 124.321);
  --colors-lime-300: oklch(89.7% 0.196 126.665);
  --colors-lime-400: oklch(84.1% 0.238 128.85);
  --colors-lime-500: oklch(76.8% 0.233 130.85);
  --colors-lime-600: oklch(64.8% 0.2 131.684);
  --colors-lime-700: oklch(53.2% 0.157 131.589);
  --colors-lime-800: oklch(45.3% 0.124 130.933);
  --colors-lime-900: oklch(40.5% 0.101 131.063);
  --colors-lime-950: oklch(27.4% 0.072 132.109);
  --colors-lime-DEFAULT: oklch(84.1% 0.238 128.85);
  --colors-green-50: oklch(98.2% 0.018 155.826);
  --colors-green-100: oklch(96.2% 0.044 156.743);
  --colors-green-200: oklch(92.5% 0.084 155.995);
  --colors-green-300: oklch(87.1% 0.15 154.449);
  --colors-green-400: oklch(79.2% 0.209 151.711);
  --colors-green-500: oklch(72.3% 0.219 149.579);
  --colors-green-600: oklch(62.7% 0.194 149.214);
  --colors-green-700: oklch(52.7% 0.154 150.069);
  --colors-green-800: oklch(44.8% 0.119 151.328);
  --colors-green-900: oklch(39.3% 0.095 152.535);
  --colors-green-950: oklch(26.6% 0.065 152.934);
  --colors-green-DEFAULT: oklch(79.2% 0.209 151.711);
  --colors-emerald-50: oklch(97.9% 0.021 166.113);
  --colors-emerald-100: oklch(95% 0.052 163.051);
  --colors-emerald-200: oklch(90.5% 0.093 164.15);
  --colors-emerald-300: oklch(84.5% 0.143 164.978);
  --colors-emerald-400: oklch(76.5% 0.177 163.223);
  --colors-emerald-500: oklch(69.6% 0.17 162.48);
  --colors-emerald-600: oklch(59.6% 0.145 163.225);
  --colors-emerald-700: oklch(50.8% 0.118 165.612);
  --colors-emerald-800: oklch(43.2% 0.095 166.913);
  --colors-emerald-900: oklch(37.8% 0.077 168.94);
  --colors-emerald-950: oklch(26.2% 0.051 172.552);
  --colors-emerald-DEFAULT: oklch(76.5% 0.177 163.223);
  --colors-teal-50: oklch(98.4% 0.014 180.72);
  --colors-teal-100: oklch(95.3% 0.051 180.801);
  --colors-teal-200: oklch(91% 0.096 180.426);
  --colors-teal-300: oklch(85.5% 0.138 181.071);
  --colors-teal-400: oklch(77.7% 0.152 181.912);
  --colors-teal-500: oklch(70.4% 0.14 182.503);
  --colors-teal-600: oklch(60% 0.118 184.704);
  --colors-teal-700: oklch(51.1% 0.096 186.391);
  --colors-teal-800: oklch(43.7% 0.078 188.216);
  --colors-teal-900: oklch(38.6% 0.063 188.416);
  --colors-teal-950: oklch(27.7% 0.046 192.524);
  --colors-teal-DEFAULT: oklch(77.7% 0.152 181.912);
  --colors-cyan-50: oklch(98.4% 0.019 200.873);
  --colors-cyan-100: oklch(95.6% 0.045 203.388);
  --colors-cyan-200: oklch(91.7% 0.08 205.041);
  --colors-cyan-300: oklch(86.5% 0.127 207.078);
  --colors-cyan-400: oklch(78.9% 0.154 211.53);
  --colors-cyan-500: oklch(71.5% 0.143 215.221);
  --colors-cyan-600: oklch(60.9% 0.126 221.723);
  --colors-cyan-700: oklch(52% 0.105 223.128);
  --colors-cyan-800: oklch(45% 0.085 224.283);
  --colors-cyan-900: oklch(39.8% 0.07 227.392);
  --colors-cyan-950: oklch(30.2% 0.056 229.695);
  --colors-cyan-DEFAULT: oklch(78.9% 0.154 211.53);
  --colors-sky-50: oklch(97.7% 0.013 236.62);
  --colors-sky-100: oklch(95.1% 0.026 236.824);
  --colors-sky-200: oklch(90.1% 0.058 230.902);
  --colors-sky-300: oklch(82.8% 0.111 230.318);
  --colors-sky-400: oklch(74.6% 0.16 232.661);
  --colors-sky-500: oklch(68.5% 0.169 237.323);
  --colors-sky-600: oklch(58.8% 0.158 241.966);
  --colors-sky-700: oklch(50% 0.134 242.749);
  --colors-sky-800: oklch(44.3% 0.11 240.79);
  --colors-sky-900: oklch(39.1% 0.09 240.876);
  --colors-sky-950: oklch(29.3% 0.066 243.157);
  --colors-sky-DEFAULT: oklch(74.6% 0.16 232.661);
  --colors-blue-50: oklch(97% 0.014 254.604);
  --colors-blue-100: oklch(93.2% 0.032 255.585);
  --colors-blue-200: oklch(88.2% 0.059 254.128);
  --colors-blue-300: oklch(80.9% 0.105 251.813);
  --colors-blue-400: oklch(70.7% 0.165 254.624);
  --colors-blue-500: oklch(62.3% 0.214 259.815);
  --colors-blue-600: oklch(54.6% 0.245 262.881);
  --colors-blue-700: oklch(48.8% 0.243 264.376);
  --colors-blue-800: oklch(42.4% 0.199 265.638);
  --colors-blue-900: oklch(37.9% 0.146 265.522);
  --colors-blue-950: oklch(28.2% 0.091 267.935);
  --colors-blue-DEFAULT: oklch(70.7% 0.165 254.624);
  --colors-indigo-50: oklch(96.2% 0.018 272.314);
  --colors-indigo-100: oklch(93% 0.034 272.788);
  --colors-indigo-200: oklch(87% 0.065 274.039);
  --colors-indigo-300: oklch(78.5% 0.115 274.713);
  --colors-indigo-400: oklch(67.3% 0.182 276.935);
  --colors-indigo-500: oklch(58.5% 0.233 277.117);
  --colors-indigo-600: oklch(51.1% 0.262 276.966);
  --colors-indigo-700: oklch(45.7% 0.24 277.023);
  --colors-indigo-800: oklch(39.8% 0.195 277.366);
  --colors-indigo-900: oklch(35.9% 0.144 278.697);
  --colors-indigo-950: oklch(25.7% 0.09 281.288);
  --colors-indigo-DEFAULT: oklch(67.3% 0.182 276.935);
  --colors-violet-50: oklch(96.9% 0.016 293.756);
  --colors-violet-100: oklch(94.3% 0.029 294.588);
  --colors-violet-200: oklch(89.4% 0.057 293.283);
  --colors-violet-300: oklch(81.1% 0.111 293.571);
  --colors-violet-400: oklch(70.2% 0.183 293.541);
  --colors-violet-500: oklch(60.6% 0.25 292.717);
  --colors-violet-600: oklch(54.1% 0.281 293.009);
  --colors-violet-700: oklch(49.1% 0.27 292.581);
  --colors-violet-800: oklch(43.2% 0.232 292.759);
  --colors-violet-900: oklch(38% 0.189 293.745);
  --colors-violet-950: oklch(28.3% 0.141 291.089);
  --colors-violet-DEFAULT: oklch(70.2% 0.183 293.541);
  --colors-purple-50: oklch(97.7% 0.014 308.299);
  --colors-purple-100: oklch(94.6% 0.033 307.174);
  --colors-purple-200: oklch(90.2% 0.063 306.703);
  --colors-purple-300: oklch(82.7% 0.119 306.383);
  --colors-purple-400: oklch(71.4% 0.203 305.504);
  --colors-purple-500: oklch(62.7% 0.265 303.9);
  --colors-purple-600: oklch(55.8% 0.288 302.321);
  --colors-purple-700: oklch(49.6% 0.265 301.924);
  --colors-purple-800: oklch(43.8% 0.218 303.724);
  --colors-purple-900: oklch(38.1% 0.176 304.987);
  --colors-purple-950: oklch(29.1% 0.149 302.717);
  --colors-purple-DEFAULT: oklch(71.4% 0.203 305.504);
  --colors-fuchsia-50: oklch(97.7% 0.017 320.058);
  --colors-fuchsia-100: oklch(95.2% 0.037 318.852);
  --colors-fuchsia-200: oklch(90.3% 0.076 319.62);
  --colors-fuchsia-300: oklch(83.3% 0.145 321.434);
  --colors-fuchsia-400: oklch(74% 0.238 322.16);
  --colors-fuchsia-500: oklch(66.7% 0.295 322.15);
  --colors-fuchsia-600: oklch(59.1% 0.293 322.896);
  --colors-fuchsia-700: oklch(51.8% 0.253 323.949);
  --colors-fuchsia-800: oklch(45.2% 0.211 324.591);
  --colors-fuchsia-900: oklch(40.1% 0.17 325.612);
  --colors-fuchsia-950: oklch(29.3% 0.136 325.661);
  --colors-fuchsia-DEFAULT: oklch(74% 0.238 322.16);
  --colors-pink-50: oklch(97.1% 0.014 343.198);
  --colors-pink-100: oklch(94.8% 0.028 342.258);
  --colors-pink-200: oklch(89.9% 0.061 343.231);
  --colors-pink-300: oklch(82.3% 0.12 346.018);
  --colors-pink-400: oklch(71.8% 0.202 349.761);
  --colors-pink-500: oklch(65.6% 0.241 354.308);
  --colors-pink-600: oklch(59.2% 0.249 0.584);
  --colors-pink-700: oklch(52.5% 0.223 3.958);
  --colors-pink-800: oklch(45.9% 0.187 3.815);
  --colors-pink-900: oklch(40.8% 0.153 2.432);
  --colors-pink-950: oklch(28.4% 0.109 3.907);
  --colors-pink-DEFAULT: oklch(71.8% 0.202 349.761);
  --colors-rose-50: oklch(96.9% 0.015 12.422);
  --colors-rose-100: oklch(94.1% 0.03 12.58);
  --colors-rose-200: oklch(89.2% 0.058 10.001);
  --colors-rose-300: oklch(81% 0.117 11.638);
  --colors-rose-400: oklch(71.2% 0.194 13.428);
  --colors-rose-500: oklch(64.5% 0.246 16.439);
  --colors-rose-600: oklch(58.6% 0.253 17.585);
  --colors-rose-700: oklch(51.4% 0.222 16.935);
  --colors-rose-800: oklch(45.5% 0.188 13.697);
  --colors-rose-900: oklch(41% 0.159 10.272);
  --colors-rose-950: oklch(27.1% 0.105 12.094);
  --colors-rose-DEFAULT: oklch(71.2% 0.194 13.428);
  --colors-light-50: oklch(99.4% 0 0);
  --colors-light-100: oklch(99.11% 0 0);
  --colors-light-200: oklch(98.51% 0 0);
  --colors-light-300: oklch(98.16% 0.0017 247.84);
  --colors-light-400: oklch(97.31% 0 0);
  --colors-light-500: oklch(96.12% 0 0);
  --colors-light-600: oklch(96.32% 0.0034 247.86);
  --colors-light-700: oklch(94.17% 0.0052 247.88);
  --colors-light-800: oklch(91.09% 0.007 247.9);
  --colors-light-900: oklch(90.72% 0.0051 228.82);
  --colors-light-950: oklch(89.23% 0.006 239.83);
  --colors-light-DEFAULT: oklch(97.31% 0 0);
  --colors-dark-50: oklch(40.91% 0 0);
  --colors-dark-100: oklch(35.62% 0 0);
  --colors-dark-200: oklch(31.71% 0 0);
  --colors-dark-300: oklch(29.72% 0 0);
  --colors-dark-400: oklch(25.2% 0 0);
  --colors-dark-500: oklch(23.93% 0 0);
  --colors-dark-600: oklch(22.73% 0.0038 286.09);
  --colors-dark-700: oklch(22.21% 0 0);
  --colors-dark-800: oklch(20.9% 0 0);
  --colors-dark-900: oklch(16.84% 0 0);
  --colors-dark-950: oklch(13.44% 0 0);
  --colors-dark-DEFAULT: oklch(25.2% 0 0);
  --colors-default: var(--text-color);
  --colors-muted: var(--text-muted);
  --colors-inverted: var(--color-inverse);
  --colors-canvas: var(--color-canvas);
  --colors-surface-DEFAULT: var(--color-surface);
  --colors-surface-lighter: var(--color-surface-lighter);
  --colors-surface-light: var(--color-surface-light);
  --colors-surface-dark: var(--color-surface-dark);
  --colors-surface-darker: var(--color-surface-darker);
  --colors-accent-DEFAULT: var(--color-accent);
  --colors-accent-lighter: var(--color-accent-lighter);
  --colors-accent-light: var(--color-accent-light);
  --colors-accent-dark: var(--color-accent-dark);
  --colors-accent-darker: var(--color-accent-darker);
  --colors-inverse-DEFAULT: var(--color-inverse);
  --colors-inverse-lighter: var(--color-inverse-lighter);
  --colors-inverse-light: var(--color-inverse-light);
  --colors-inverse-dark: var(--color-inverse-dark);
  --colors-inverse-darker: var(--color-inverse-darker);
  --colors-primary-DEFAULT: var(--color-primary);
  --colors-primary-lighter: var(--color-primary-lighter);
  --colors-primary-light: var(--color-primary-light);
  --colors-primary-dark: var(--color-primary-dark);
  --colors-primary-darker: var(--color-primary-darker);
  --colors-secondary-DEFAULT: var(--color-secondary);
  --colors-secondary-lighter: var(--color-secondary-lighter);
  --colors-secondary-light: var(--color-secondary-light);
  --colors-secondary-dark: var(--color-secondary-dark);
  --colors-secondary-darker: var(--color-secondary-darker);
  --colors-success-DEFAULT: var(--color-success);
  --colors-success-lighter: var(--color-success-lighter);
  --colors-success-light: var(--color-success-light);
  --colors-success-dark: var(--color-success-dark);
  --colors-success-darker: var(--color-success-darker);
  --colors-danger-DEFAULT: var(--color-danger);
  --colors-danger-lighter: var(--color-danger-lighter);
  --colors-danger-light: var(--color-danger-light);
  --colors-danger-dark: var(--color-danger-dark);
  --colors-danger-darker: var(--color-danger-darker);
  --colors-warning-DEFAULT: var(--color-warning);
  --colors-warning-lighter: var(--color-warning-lighter);
  --colors-warning-light: var(--color-warning-light);
  --colors-warning-dark: var(--color-warning-dark);
  --colors-warning-darker: var(--color-warning-darker);
  --colors-info-DEFAULT: var(--color-info);
  --colors-info-lighter: var(--color-info-lighter);
  --colors-info-light: var(--color-info-light);
  --colors-info-dark: var(--color-info-dark);
  --colors-info-darker: var(--color-info-darker);
  --colors-hover: var(--color-hover);
  --colors-focus: var(--color-focus);
  --colors-dim: var(--border-color);
  --colors-ide-sidebar: var(--ide-sidebar-background, var(--color-inverse));
  --colors-ide-sidebar-border: var(--ide-sidebar-border, var(--color-surface));
  --colors-ide-content: var(--ide-content-background, var(--color-inverse));
  --spacing-DEFAULT: 0.25rem;
  --spacing-xs: 0.75rem;
  --spacing-sm: 0.875rem;
  --spacing-lg: 1.125rem;
  --spacing-xl: 1.25rem;
  --spacing-2xl: 1.5rem;
  --spacing-3xl: 1.875rem;
  --spacing-4xl: 2.25rem;
  --spacing-5xl: 3rem;
  --spacing-6xl: 3.75rem;
  --spacing-7xl: 4.5rem;
  --spacing-8xl: 6rem;
  --spacing-9xl: 8rem;
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;
  --verticalBreakpoint-sm: 40rem;
  --verticalBreakpoint-md: 48rem;
  --verticalBreakpoint-lg: 64rem;
  --verticalBreakpoint-xl: 80rem;
  --verticalBreakpoint-2xl: 96rem;
  --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;
  --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;
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
  --textStrokeWidth-DEFAULT: 1.5rem;
  --textStrokeWidth-none: 0;
  --textStrokeWidth-sm: thin;
  --textStrokeWidth-md: medium;
  --textStrokeWidth-lg: thick;
  --radius-DEFAULT: 0.25rem;
  --radius-none: 0;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --shadow-DEFAULT-0: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow-DEFAULT-1: 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-sm-0: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow-sm-1: 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md-0: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-md-1: 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg-0: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --shadow-lg-1: 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl-0: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  --shadow-xl-1: 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --shadow-none: 0 0 rgb(0 0 0 / 0);
  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --insetShadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
  --insetShadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
  --insetShadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
  --insetShadow-none: 0 0 rgb(0 0 0 / 0);
  --dropShadow-DEFAULT-0: 0 1px 2px rgb(0 0 0 / 0.1);
  --dropShadow-DEFAULT-1: 0 1px 1px rgb(0 0 0 / 0.06);
  --dropShadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
  --dropShadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
  --dropShadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
  --dropShadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
  --dropShadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
  --dropShadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
  --textShadow-none: 0 0 rgb(0 0 0 / 0);
  --textShadow-2xs: 0 1px 0 rgb(0 0 0 / 0.15);
  --textShadow-xs: 0 1px 1px rgb(0 0 0 / 0.2);
  --textShadow-sm-0: 0 1px 0 rgb(0 0 0 / 0.075);
  --textShadow-sm-1: 0 1px 1px rgb(0 0 0 / 0.075);
  --textShadow-sm-2: 0 2px 2px rgb(0 0 0 / 0.075);
  --textShadow-md-0: 0 1px 1px rgb(0 0 0 / 0.1);
  --textShadow-md-1: 0 1px 2px rgb(0 0 0 / 0.1);
  --textShadow-md-2: 0 2px 4px rgb(0 0 0 / 0.1);
  --textShadow-lg-0: 0 1px 2px rgb(0 0 0 / 0.1);
  --textShadow-lg-1: 0 3px 2px rgb(0 0 0 / 0.1);
  --textShadow-lg-2: 0 4px 8px rgb(0 0 0 / 0.1);
  --ease-linear: linear;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-keyframes-pulse: {0%, 100% {opacity:1} 50% {opacity:.5}};
  --animation-keyframes-bounce: {0%, 100% {transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50% {transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}};
  --animation-keyframes-spin: {from{transform:rotate(0deg)}to{transform:rotate(360deg)}};
  --animation-keyframes-ping: {0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2);opacity:0}};
  --animation-keyframes-bounce-alt: {from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}};
  --animation-keyframes-flash: {from,50%,to{opacity:1}25%,75%{opacity:0}};
  --animation-keyframes-pulse-alt: {from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}};
  --animation-keyframes-rubber-band: {from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,0.95,1)}to{transform:scale3d(1,1,1)}};
  --animation-keyframes-shake-x: {from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}};
  --animation-keyframes-shake-y: {from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}};
  --animation-keyframes-head-shake: {0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}};
  --animation-keyframes-swing: {20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}};
  --animation-keyframes-tada: {from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}};
  --animation-keyframes-wobble: {from{transform:translate3d(0,0,0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-jello: {from,11.1%,to{transform:translate3d(0,0,0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg)skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}};
  --animation-keyframes-heart-beat: {0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}};
  --animation-keyframes-hinge: {0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out}to{transform:translate3d(0,700px,0);opacity:0}};
  --animation-keyframes-jack-in-the-box: {from{opacity:0;transform-origin:center bottom;transform:scale(0.1) rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{transform:scale(1)}};
  --animation-keyframes-light-speed-in-left: {from{opacity:0;transform:translate3d(-100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-light-speed-in-right: {from{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-light-speed-out-left: {from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0) skewX(30deg)}};
  --animation-keyframes-light-speed-out-right: {from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}};
  --animation-keyframes-flip: {from{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}};
  --animation-keyframes-flip-in-x: {from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}};
  --animation-keyframes-flip-in-y: {from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}};
  --animation-keyframes-flip-out-x: {from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}};
  --animation-keyframes-flip-out-y: {from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}};
  --animation-keyframes-rotate-in: {from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:translate3d(0,0,0);opacity:1}};
  --animation-keyframes-rotate-in-down-left: {from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0,0,0);opacity:1}};
  --animation-keyframes-rotate-in-down-right: {from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}};
  --animation-keyframes-rotate-in-up-left: {from{transform-origin:left top;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left top;transform:translate3d(0,0,0);opacity:1}};
  --animation-keyframes-rotate-in-up-right: {from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}};
  --animation-keyframes-rotate-out: {from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}};
  --animation-keyframes-rotate-out-down-left: {from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}};
  --animation-keyframes-rotate-out-down-right: {from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}};
  --animation-keyframes-rotate-out-up-left: {from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}};
  --animation-keyframes-rotate-out-up-right: {from{transform-origin:right bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,90deg);opacity:0}};
  --animation-keyframes-roll-in: {from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-roll-out: {from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}};
  --animation-keyframes-zoom-in: {from{opacity:0;transform:scale3d(0.3,0.3,0.3)}50%{opacity:1}};
  --animation-keyframes-zoom-in-down: {from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}};
  --animation-keyframes-zoom-in-left: {from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}};
  --animation-keyframes-zoom-in-right: {from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}};
  --animation-keyframes-zoom-in-up: {from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}};
  --animation-keyframes-zoom-out: {from{opacity:1}50%{opacity:0;transform:scale3d(0.3,0.3,0.3)}to{opacity:0}};
  --animation-keyframes-zoom-out-down: {40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}};
  --animation-keyframes-zoom-out-left: {40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px,0,0);transform-origin:left center}};
  --animation-keyframes-zoom-out-right: {40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(2000px,0,0);transform-origin:right center}};
  --animation-keyframes-zoom-out-up: {40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}};
  --animation-keyframes-bounce-in: {from,20%,40%,60%,80%,to{animation-timing-function:ease-in-out}0%{opacity:0;transform:scale3d(0.3,0.3,0.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(0.9,0.9,0.9)}60%{transform:scale3d(1.03,1.03,1.03);opacity:1}80%{transform:scale3d(0.97,0.97,0.97)}to{opacity:1;transform:scale3d(1,1,1)}};
  --animation-keyframes-bounce-in-down: {from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-bounce-in-left: {from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-bounce-in-right: {from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-bounce-in-up: {from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-bounce-out: {20%{transform:scale3d(0.9,0.9,0.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(0.3,0.3,0.3)}};
  --animation-keyframes-bounce-out-down: {20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}};
  --animation-keyframes-bounce-out-left: {20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}};
  --animation-keyframes-bounce-out-right: {20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}};
  --animation-keyframes-bounce-out-up: {20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}};
  --animation-keyframes-slide-in-down: {from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-slide-in-left: {from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-slide-in-right: {from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-slide-in-up: {from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}};
  --animation-keyframes-slide-out-down: {from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}};
  --animation-keyframes-slide-out-left: {from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}};
  --animation-keyframes-slide-out-right: {from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}};
  --animation-keyframes-slide-out-up: {from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}};
  --animation-keyframes-fade-in: {from{opacity:0}to{opacity:1}};
  --animation-keyframes-fade-in-down: {from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-down-big: {from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-left: {from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-left-big: {from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-right: {from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-right-big: {from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-up: {from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-up-big: {from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-top-left: {from{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-top-right: {from{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-bottom-left: {from{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-in-bottom-right: {from{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}};
  --animation-keyframes-fade-out: {from{opacity:1}to{opacity:0}};
  --animation-keyframes-fade-out-down: {from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}};
  --animation-keyframes-fade-out-down-big: {from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}};
  --animation-keyframes-fade-out-left: {from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}};
  --animation-keyframes-fade-out-left-big: {from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}};
  --animation-keyframes-fade-out-right: {from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}};
  --animation-keyframes-fade-out-right-big: {from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}};
  --animation-keyframes-fade-out-up: {from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}};
  --animation-keyframes-fade-out-up-big: {from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}};
  --animation-keyframes-fade-out-top-left: {from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}};
  --animation-keyframes-fade-out-top-right: {from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,-100%,0)}};
  --animation-keyframes-fade-out-bottom-left: {from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,100%,0)}};
  --animation-keyframes-fade-out-bottom-right: {from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,100%,0)}};
  --animation-keyframes-back-in-up: {0%{opacity:0.7;transform:translateY(1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}};
  --animation-keyframes-back-in-down: {0%{opacity:0.7;transform:translateY(-1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}};
  --animation-keyframes-back-in-right: {0%{opacity:0.7;transform:translateX(2000px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}};
  --animation-keyframes-back-in-left: {0%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}80%{opacity:0.7;transform:translateX(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}};
  --animation-keyframes-back-out-up: {0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}};
  --animation-keyframes-back-out-down: {0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(700px) scale(0.7)}};
  --animation-keyframes-back-out-right: {0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateX(2000px) scale(0.7)}};
  --animation-keyframes-back-out-left: {0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}};
  --animation-durations-pulse: 2s;
  --animation-durations-heart-beat: 1.3s;
  --animation-durations-bounce-in: 0.75s;
  --animation-durations-bounce-out: 0.75s;
  --animation-durations-flip-out-x: 0.75s;
  --animation-durations-flip-out-y: 0.75s;
  --animation-durations-hinge: 2s;
  --animation-timingFns-pulse: cubic-bezier(0.4,0,.6,1);
  --animation-timingFns-ping: cubic-bezier(0,0,.2,1);
  --animation-timingFns-head-shake: ease-in-out;
  --animation-timingFns-heart-beat: ease-in-out;
  --animation-timingFns-pulse-alt: ease-in-out;
  --animation-timingFns-light-speed-in-left: ease-out;
  --animation-timingFns-light-speed-in-right: ease-out;
  --animation-timingFns-light-speed-out-left: ease-in;
  --animation-timingFns-light-speed-out-right: ease-in;
  --animation-properties-bounce-alt-transform-origin: center bottom;
  --animation-properties-jello-transform-origin: center;
  --animation-properties-swing-transform-origin: top center;
  --animation-properties-flip-backface-visibility: visible;
  --animation-properties-flip-in-x-backface-visibility: visible !important;
  --animation-properties-flip-in-y-backface-visibility: visible !important;
  --animation-properties-flip-out-x-backface-visibility: visible !important;
  --animation-properties-flip-out-y-backface-visibility: visible !important;
  --animation-properties-rotate-in-transform-origin: center;
  --animation-properties-rotate-in-down-left-transform-origin: left bottom;
  --animation-properties-rotate-in-down-right-transform-origin: right bottom;
  --animation-properties-rotate-in-up-left-transform-origin: left bottom;
  --animation-properties-rotate-in-up-right-transform-origin: right bottom;
  --animation-properties-rotate-out-transform-origin: center;
  --animation-properties-rotate-out-down-left-transform-origin: left bottom;
  --animation-properties-rotate-out-down-right-transform-origin: right bottom;
  --animation-properties-rotate-out-up-left-transform-origin: left bottom;
  --animation-properties-rotate-out-up-right-transform-origin: right bottom;
  --animation-properties-hinge-transform-origin: top left;
  --animation-properties-zoom-out-down-transform-origin: center bottom;
  --animation-properties-zoom-out-left-transform-origin: left center;
  --animation-properties-zoom-out-right-transform-origin: right center;
  --animation-properties-zoom-out-up-transform-origin: center bottom;
  --animation-counts-spin: infinite;
  --animation-counts-ping: infinite;
  --animation-counts-pulse: infinite;
  --animation-counts-pulse-alt: infinite;
  --animation-counts-bounce: infinite;
  --animation-counts-bounce-alt: infinite;
  --animation-category-pulse: Attention Seekers;
  --animation-category-bounce: Attention Seekers;
  --animation-category-spin: Attention Seekers;
  --animation-category-ping: Attention Seekers;
  --animation-category-bounce-alt: Attention Seekers;
  --animation-category-flash: Attention Seekers;
  --animation-category-pulse-alt: Attention Seekers;
  --animation-category-rubber-band: Attention Seekers;
  --animation-category-shake-x: Attention Seekers;
  --animation-category-shake-y: Attention Seekers;
  --animation-category-head-shake: Attention Seekers;
  --animation-category-swing: Attention Seekers;
  --animation-category-tada: Attention Seekers;
  --animation-category-wobble: Attention Seekers;
  --animation-category-jello: Attention Seekers;
  --animation-category-heart-beat: Attention Seekers;
  --animation-category-hinge: Specials;
  --animation-category-jack-in-the-box: Specials;
  --animation-category-light-speed-in-left: Lightspeed;
  --animation-category-light-speed-in-right: Lightspeed;
  --animation-category-light-speed-out-left: Lightspeed;
  --animation-category-light-speed-out-right: Lightspeed;
  --animation-category-flip: Flippers;
  --animation-category-flip-in-x: Flippers;
  --animation-category-flip-in-y: Flippers;
  --animation-category-flip-out-x: Flippers;
  --animation-category-flip-out-y: Flippers;
  --animation-category-rotate-in: Rotating Entrances;
  --animation-category-rotate-in-down-left: Rotating Entrances;
  --animation-category-rotate-in-down-right: Rotating Entrances;
  --animation-category-rotate-in-up-left: Rotating Entrances;
  --animation-category-rotate-in-up-right: Rotating Entrances;
  --animation-category-rotate-out: Rotating Exits;
  --animation-category-rotate-out-down-left: Rotating Exits;
  --animation-category-rotate-out-down-right: Rotating Exits;
  --animation-category-rotate-out-up-left: Rotating Exits;
  --animation-category-rotate-out-up-right: Rotating Exits;
  --animation-category-roll-in: Specials;
  --animation-category-roll-out: Specials;
  --animation-category-zoom-in: Zooming Entrances;
  --animation-category-zoom-in-down: Zooming Entrances;
  --animation-category-zoom-in-left: Zooming Entrances;
  --animation-category-zoom-in-right: Zooming Entrances;
  --animation-category-zoom-in-up: Zooming Entrances;
  --animation-category-zoom-out: Zooming Exits;
  --animation-category-zoom-out-down: Zooming Exits;
  --animation-category-zoom-out-left: Zooming Exits;
  --animation-category-zoom-out-right: Zooming Exits;
  --animation-category-zoom-out-up: Zooming Exits;
  --animation-category-bounce-in: Bouncing Entrances;
  --animation-category-bounce-in-down: Bouncing Entrances;
  --animation-category-bounce-in-left: Bouncing Entrances;
  --animation-category-bounce-in-right: Bouncing Entrances;
  --animation-category-bounce-in-up: Bouncing Entrances;
  --animation-category-bounce-out: Bouncing Exits;
  --animation-category-bounce-out-down: Bouncing Exits;
  --animation-category-bounce-out-left: Bouncing Exits;
  --animation-category-bounce-out-right: Bouncing Exits;
  --animation-category-bounce-out-up: Bouncing Exits;
  --animation-category-slide-in-down: Sliding Entrances;
  --animation-category-slide-in-left: Sliding Entrances;
  --animation-category-slide-in-right: Sliding Entrances;
  --animation-category-slide-in-up: Sliding Entrances;
  --animation-category-slide-out-down: Sliding Exits;
  --animation-category-slide-out-left: Sliding Exits;
  --animation-category-slide-out-right: Sliding Exits;
  --animation-category-slide-out-up: Sliding Exits;
  --animation-category-fade-in: Fading Entrances;
  --animation-category-fade-in-down: Fading Entrances;
  --animation-category-fade-in-down-big: Fading Entrances;
  --animation-category-fade-in-left: Fading Entrances;
  --animation-category-fade-in-left-big: Fading Entrances;
  --animation-category-fade-in-right: Fading Entrances;
  --animation-category-fade-in-right-big: Fading Entrances;
  --animation-category-fade-in-up: Fading Entrances;
  --animation-category-fade-in-up-big: Fading Entrances;
  --animation-category-fade-in-top-left: Fading Entrances;
  --animation-category-fade-in-top-right: Fading Entrances;
  --animation-category-fade-in-bottom-left: Fading Entrances;
  --animation-category-fade-in-bottom-right: Fading Entrances;
  --animation-category-fade-out: Fading Exits;
  --animation-category-fade-out-down: Fading Exits;
  --animation-category-fade-out-down-big: Fading Exits;
  --animation-category-fade-out-left: Fading Exits;
  --animation-category-fade-out-left-big: Fading Exits;
  --animation-category-fade-out-right: Fading Exits;
  --animation-category-fade-out-right-big: Fading Exits;
  --animation-category-fade-out-up: Fading Exits;
  --animation-category-fade-out-up-big: Fading Exits;
  --animation-category-fade-out-top-left: Fading Exits;
  --animation-category-fade-out-top-right: Fading Exits;
  --animation-category-fade-out-bottom-left: Fading Exits;
  --animation-category-fade-out-bottom-right: Fading Exits;
  --animation-category-back-in-up: Back Entrances;
  --animation-category-back-in-down: Back Entrances;
  --animation-category-back-in-right: Back Entrances;
  --animation-category-back-in-left: Back Entrances;
  --animation-category-back-out-up: Back Exits;
  --animation-category-back-out-down: Back Exits;
  --animation-category-back-out-right: Back Exits;
  --animation-category-back-out-left: Back Exits;
  --blur-DEFAULT: 8px;
  --blur-xs: 4px;
  --blur-sm: 8px;
  --blur-md: 12px;
  --blur-lg: 16px;
  --blur-xl: 24px;
  --blur-2xl: 40px;
  --blur-3xl: 64px;
  --perspective-dramatic: 100px;
  --perspective-near: 300px;
  --perspective-normal: 500px;
  --perspective-midrange: 800px;
  --perspective-distant: 1200px;
  --property-none: none;
  --property-all: all;
  --property-colors: color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;
  --property-opacity: opacity;
  --property-shadow: box-shadow;
  --property-transform: transform,translate,scale,rotate;
  --property-DEFAULT: 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;
  --default-transition-duration: 150ms;
  --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-font-featureSettings: var(--font-sans--font-feature-settings);
  --default-font-variationSettings: var(--font-sans--font-variation-settings);
  --default-monoFont-family: var(--font-mono);
  --default-monoFont-featureSettings: var(--font-mono--font-feature-settings);
  --default-monoFont-variationSettings: var(--font-mono--font-variation-settings);
  --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;
  --container-prose: 65ch;
  --aria-busy: busy="true";
  --aria-checked: checked="true";
  --aria-disabled: disabled="true";
  --aria-expanded: expanded="true";
  --aria-hidden: hidden="true";
  --aria-pressed: pressed="true";
  --aria-readonly: readonly="true";
  --aria-required: required="true";
  --aria-selected: selected="true";
  --media-portrait: (orientation: portrait);
  --media-landscape: (orientation: landscape);
  --media-os_dark: (prefers-color-scheme: dark);
  --media-os_light: (prefers-color-scheme: light);
  --media-motion_ok: (prefers-reduced-motion: no-preference);
  --media-motion_not_ok: (prefers-reduced-motion: reduce);
  --media-high_contrast: (prefers-contrast: high);
  --media-low_contrast: (prefers-contrast: low);
  --media-opacity_ok: (prefers-reduced-transparency: no-preference);
  --media-opacity_not_ok: (prefers-reduced-transparency: reduce);
  --media-use_data_ok: (prefers-reduced-data: no-preference);
  --media-use_data_not_ok: (prefers-reduced-data: reduce);
  --media-touch: (hover: none) and (pointer: coarse);
  --media-stylus: (hover: none) and (pointer: fine);
  --media-pointer: (hover) and (pointer: coarse);
  --media-mouse: (hover) and (pointer: fine);
  --media-hd_color: (dynamic-range: high);
  --supports-grid: (display: grid);
  --textColor-DEFAULT: var(--text-color);
  --textColor-bg: var(--background-color);
  --backgroundColor-DEFAULT: var(--background-color);
  --borderColor-DEFAULT: var(--border-color);
  --borderColor-bg: var(--background-color);
}

      :root { --font-family-base: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
      body { font-family: var(--font-family-base); }
    
:root { --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }

          .aft-rank-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
          .aft-rank-panel,.aft-rank-browse{display:none}
          #aftrank-programs:checked~.aft-rank-panel[data-tab="programs"],#aftrank-apps:checked~.aft-rank-panel[data-tab="apps"],#aftrank-groups:checked~.aft-rank-panel[data-tab="groups"]{display:block}
          #aftrank-programs:checked~.aft-rank-bar .aft-rank-browse[data-tab="programs"],#aftrank-apps:checked~.aft-rank-bar .aft-rank-browse[data-tab="apps"],#aftrank-groups:checked~.aft-rank-bar .aft-rank-browse[data-tab="groups"]{display:inline-flex}
          #aftrank-programs:checked~.aft-rank-bar .aft-rank-tab[data-tab="programs"],#aftrank-apps:checked~.aft-rank-bar .aft-rank-tab[data-tab="apps"],#aftrank-groups:checked~.aft-rank-bar .aft-rank-tab[data-tab="groups"]{background:#2dd4bf;color:#000}
        
:where(.uix-icon, uix-icon) {
  display: inline-block;
  vertical-align: middle;
  width: var(--uix-icon-size, calc(var(--spacing, 0.25rem) * 4));
  height: var(--uix-icon-size, calc(var(--spacing, 0.25rem) * 4));

  svg {
    height: inherit;
    width: inherit;
  }

  &[solid] {
    stroke: currentColor;
    fill: currentColor;
  }

  &[color="primary"] {
    color: var(--color-primary);
  }

  &[color="secondary"] {
    color: var(--color-secondary);
  }

  &[color="success"] {
    color: var(--color-success);
  }

  &[color="danger"] {
    color: var(--color-danger);
  }

  &[color="warning"] {
    color: var(--color-warning);
  }

  &[color="info"] {
    color: var(--color-info);
  }

  &[color="inverse"] {
    color: var(--color-inverse);
  }

  &[size="xs"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 3);
  }

  &[size="sm"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 4);
  }

  &[size="md"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 6);
  }

  &[size="lg"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 8);
  }

  &[size="xl"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 10);
  }

  &[size="2xl"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 14);
  }

  &[size="3xl"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 20);
  }

  &[size="4xl"] {
    --uix-icon-size: calc(var(--spacing, 0.25rem) * 30);
  }
}

:where(.uix-input, uix-input) {

  display: inline-block;
  width: var(--uix-input-width, auto);
  box-sizing: border-box;

  .input-label {
    display: block;
    font-size: var(--uix-input-label-font-size, var(--text-sm, 0.875rem));
    font-weight: var(--uix-input-label-font-weight, var(--font-semibold, 600));
    margin-bottom: var(--uix-input-label-margin, 0.5rem);
    color: var(--uix-input-label-color, var(--text-color, #1a1a1a));
    letter-spacing: var(--uix-input-label-letter-spacing, 0);
    text-transform: var(--uix-input-label-text-transform, none);
  }

  .input-required {
    color: var(--color-danger, #ef4444);
    margin-left: 0.25rem;
  }

  input {
    width: 100%;
    height: var(--uix-input-height, 2.5rem);
    padding: var(--uix-input-padding-y, 0.5rem) var(--uix-input-padding-x, 0.75rem);
    font-size: var(--uix-input-font-size, var(--text-sm, 0.9rem));
    font-weight: var(--uix-input-font-weight, var(--font-normal, 400));
    line-height: var(--uix-input-line-height, 1.5rem);
    font-family: inherit;
    color: var(--uix-input-color, var(--text-color, inherit));
    box-sizing: border-box;

    background: var(--uix-input-background, var(--color-surface-light, #ffffff));
    border: var(--uix-input-border-width, var(--border-width, 1px)) solid
      var(--uix-input-border-color, var(--border-color, var(--color-surface, #e5e7eb)));
    border-radius: var(--uix-input-border-radius, var(--radius-md, 0.375rem));
    box-shadow: var(--uix-input-shadow, var(--shadow-sm, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)));
    outline: none;

    transition: var(
      --uix-input-transition,
      border-color 0.2s ease,
      background-color 0.2s ease,
      box-shadow 0.15s ease
    );

    &::placeholder {
      color: var(--uix-input-placeholder-color, var(--text-muted, #9ca3af));
      opacity: 1;
    }

    &:hover:not(:focus):not(:disabled) {
      border-color: var(--uix-input-hover-border-color, var(--color-primary-light));
    }

    &:focus {
      border-color: var(--uix-input-focus-border-color, var(--color-primary));
      background: var(--uix-input-focus-background, var(--uix-input-background));
      box-shadow: var(--uix-input-focus-shadow, 0 0 0 3px rgba(250, 189, 47, 0.1));
    }

    &:disabled {
      opacity: var(--uix-input-disabled-opacity, 0.6);
      background: var(--uix-input-disabled-background, var(--color-surface-dark));
      color: var(--uix-input-disabled-color, var(--text-muted));
      cursor: not-allowed;
    }

    &:read-only {
      background: var(--uix-input-readonly-background, var(--color-surface-dark));
      cursor: default;
    }
  }

  &[size="xs"] {
    --uix-input-height: 1.5rem;
    --uix-input-padding-y: 0.2rem;
    --uix-input-padding-x: 0.5rem;
    --uix-input-font-size: var(--text-xs, 0.75rem);
    --uix-input-line-height: 1rem;
    --uix-input-icon-size: 0.75rem;
  }

  &[size="sm"] {
    --uix-input-height: 2rem;
    --uix-input-padding-y: 0.3rem;
    --uix-input-padding-x: 0.6rem;
    --uix-input-font-size: var(--text-sm, 0.875rem);
    --uix-input-line-height: 1.25rem;
    --uix-input-icon-size: 0.875rem;
  }

  &[size="md"] {
    --uix-input-height: 2.5rem;
    --uix-input-padding-y: 0.5rem;
    --uix-input-padding-x: 0.75rem;
    --uix-input-font-size: var(--text-base, 1rem);
    --uix-input-line-height: 1.5rem;
    --uix-input-icon-size: 1rem;
  }

  &[size="lg"] {
    --uix-input-height: 3rem;
    --uix-input-padding-y: 0.625rem;
    --uix-input-padding-x: 1rem;
    --uix-input-font-size: var(--text-lg, 1.125rem);
    --uix-input-line-height: 1.75rem;
    --uix-input-icon-size: 1.25rem;
  }

  &[size="xl"] {
    --uix-input-height: 3.5rem;
    --uix-input-padding-y: 0.75rem;
    --uix-input-padding-x: 1.25rem;
    --uix-input-font-size: var(--text-xl, 1.25rem);
    --uix-input-line-height: 2rem;
    --uix-input-icon-size: 1.5rem;
  }

  &[required] input {
    border-left: 3px solid var(--uix-input-required-color, var(--color-warning));
  }

  &[error] {
    --uix-input-border-color: var(--color-danger);
    --uix-input-focus-border-color: var(--color-danger);
    --uix-input-focus-shadow: 0 0 0 3px rgba(251, 73, 52, 0.1);
  }

  &[success] {
    --uix-input-border-color: var(--color-success);
    --uix-input-focus-border-color: var(--color-success);
    --uix-input-focus-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
  }

  &[variant="primary"] {
    --uix-input-border-color: var(--color-primary);
    --uix-input-focus-border-color: var(--color-primary);
  }

  &[variant="secondary"] {
    --uix-input-border-color: var(--color-secondary);
    --uix-input-focus-border-color: var(--color-secondary);
  }

  &[variant="success"] {
    --uix-input-border-color: var(--color-success);
    --uix-input-focus-border-color: var(--color-success);
    --uix-input-focus-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
  }

  &[variant="warning"] {
    --uix-input-border-color: var(--color-warning);
    --uix-input-focus-border-color: var(--color-warning);
    --uix-input-focus-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
  }

  &[variant="error"] {
    --uix-input-border-color: var(--color-danger);
    --uix-input-focus-border-color: var(--color-danger);
    --uix-input-focus-shadow: 0 0 0 3px rgba(251, 73, 52, 0.1);
  }

  &[w-full],
  &[wfull],
  &[fullwidth] {
    width: 100%;
    display: block;
  }

  &:has(.uix-icon) {
    position: relative;

    .uix-icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: var(--uix-input-icon-offset, 0.75rem);
      width: var(--uix-input-icon-size, 1rem);
      height: var(--uix-input-icon-size, 1rem);
      color: var(--uix-input-icon-color, var(--text-muted));
      pointer-events: none;
    }

    input {
      padding-right: calc(
        var(--uix-input-icon-size, 1rem) +
        var(--uix-input-icon-offset, 0.75rem) *
        2
      );
    }
  }

  &:has(.uix-icon[left]) {
    .uix-icon {
      left: var(--uix-input-icon-offset, 0.75rem);
      right: auto;
    }

    input {
      padding-left: calc(
        var(--uix-input-icon-size, 1rem) +
        var(--uix-input-icon-offset, 0.75rem) *
        2
      );
      padding-right: var(--uix-input-padding-x, 0.75rem);
    }
  }
}