@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/styles/theme.css

@@ -1,869 +0,0 @@
-/* Spectral Theme - Bundled CSS for Tailwind v4
- * Import this file in your globals.css after @import "tailwindcss";
- */
-
-/* ============================================
- * Base Color Primitives (:root variables)
- * ============================================ */
-:root {
-  --horizon-color-black: oklch(0% 0 0);
-  --horizon-color-white: oklch(100% 0 0);
-  --horizon-color-transparent: oklch(0 0 0 / 0%);
-  --horizon-color-accent: oklch(92.53% 0.1976 123.38);
-
-  --horizon-color-neutral-50: oklch(98.5% 0 0);
-  --horizon-color-neutral-100: oklch(92.19% 0 0);
-  --horizon-color-neutral-200: oklch(86.99% 0 0);
-  --horizon-color-neutral-300: oklch(79.03% 0 0);
-  --horizon-color-neutral-400: oklch(71.55% 0 0);
-  --horizon-color-neutral-500: oklch(55.55% 0 0);
-  --horizon-color-neutral-600: oklch(43.86% 0 0);
-  --horizon-color-neutral-700: oklch(37.15% 0 0);
-  --horizon-color-neutral-800: oklch(32.11% 0 0);
-  --horizon-color-neutral-900: oklch(26.86% 0 0);
-  --horizon-color-neutral-950: oklch(21.78% 0 0);
-
-  --horizon-color-primary-50: oklch(97.37% 0.01 238.00);
-  --horizon-color-primary-100: oklch(93.88% 0.03 242.35);
-  --horizon-color-primary-200: oklch(89.30% 0.06 242.83);
-  --horizon-color-primary-300: oklch(83.05% 0.09 240.33);
-  --horizon-color-primary-400: oklch(74.57% 0.14 245.84);
-  --horizon-color-primary-500: oklch(66.23% 0.18 254.28);
-  --horizon-color-primary-600: oklch(58.57% 0.21 259.12);
-  --horizon-color-primary-700: oklch(52.25% 0.21 261.44);
-  --horizon-color-primary-800: oklch(42.44% 0.17 262.29);
-  --horizon-color-primary-900: oklch(39.88% 0.14 261.51);
-  --horizon-color-primary-950: oklch(29.27% 0.09 263.49);
-
-  --horizon-color-level-zero: oklch(23.78% 0 0);
-  --horizon-color-level-one: oklch(26.94% 0 0);
-  --horizon-color-level-two: oklch(29.93% 0 0);
-  --horizon-color-level-three: oklch(32.89% 0 0);
-  --horizon-color-level-four: oklch(35.71% 0 0);
-  --horizon-color-level-five: oklch(38.62% 0 0);
-
-  --horizon-color-success-50: oklch(96.2% 0.044 156.743);
-  --horizon-color-success-100: oklch(92.5% 0.084 155.995);
-  --horizon-color-success-200: oklch(87.1% 0.15 154.449);
-  --horizon-color-success-300: oklch(79.2% 0.209 151.711);
-  --horizon-color-success-400: oklch(72.3% 0.219 149.579);
-  --horizon-color-success-500: oklch(62.7% 0.194 149.214);
-
-  --horizon-color-warning-50: oklch(95.4% 0.038 75.164);
-  --horizon-color-warning-100: oklch(90.1% 0.076 70.697);
-  --horizon-color-warning-200: oklch(83.7% 0.128 66.29);
-  --horizon-color-warning-300: oklch(75% 0.183 55.934);
-  --horizon-color-warning-400: oklch(70.5% 0.213 47.604);
-  --horizon-color-warning-500: oklch(64.6% 0.222 41.116);
-
-  --horizon-color-danger-50: oklch(93.6% 0.032 17.717);
-  --horizon-color-danger-100: oklch(88.5% 0.062 18.334);
-  --horizon-color-danger-200: oklch(80.8% 0.114 19.571);
-  --horizon-color-danger-300: oklch(70.4% 0.191 22.216);
-  --horizon-color-danger-400: oklch(57.7% 0.245 27.325);
-  --horizon-color-danger-500: oklch(50.5% 0.213 27.518);
-}
-
-:root[data-theme='light'] {
-  --horizon-color-level-one: oklch(98.51% 0 0);
-}
-
-
-/* ============================================
- * Semantic Color Tokens (@theme for Tailwind)
- * ============================================ */
-/* dark (default) */
-@theme {
-  --color-background: var(--horizon-color-neutral-950);
-
-  --color-text-primary: var(--horizon-color-neutral-50);
-  --color-text-inverted: var(--horizon-color-neutral-950);
-  --color-text-secondary: var(--horizon-color-neutral-300);
-  --color-text-disabled: var(--horizon-color-neutral-600);
-
-  --color-border-primary: var(--horizon-color-neutral-900);
-  --color-border-secondary: var(--horizon-color-neutral-700);
-
-  --color-accent: var(--horizon-color-accent);
-  --color-selected-primary: var(--horizon-color-primary-600);
-  --color-divider-primary: var(--horizon-color-level-four);
-  --color-overlay: color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent);
-
-  --color-level-zero: var(--horizon-color-level-zero);
-  --color-level-one: var(--horizon-color-level-one);
-  --color-level-two: var(--horizon-color-level-two);
-  --color-level-three: var(--horizon-color-level-three);
-  --color-level-four: var(--horizon-color-level-four);
-  --color-level-five: var(--horizon-color-level-five);
-
-  --color-success-50: var(--horizon-color-success-50);
-  --color-success-100: var(--horizon-color-success-100);
-  --color-success-200: var(--horizon-color-success-200);
-  --color-success-300: var(--horizon-color-success-300);
-  --color-success-400: var(--horizon-color-success-400);
-  --color-success-500: var(--horizon-color-success-500);
-
-  --color-warning-50: var(--horizon-color-warning-50);
-  --color-warning-100: var(--horizon-color-warning-100);
-  --color-warning-200: var(--horizon-color-warning-200);
-  --color-warning-300: var(--horizon-color-warning-300);
-  --color-warning-400: var(--horizon-color-warning-400);
-  --color-warning-500: var(--horizon-color-warning-500);
-
-  --color-danger-50: var(--horizon-color-danger-50);
-  --color-danger-100: var(--horizon-color-danger-100);
-  --color-danger-200: var(--horizon-color-danger-200);
-  --color-danger-300: var(--horizon-color-danger-300);
-  --color-danger-400: var(--horizon-color-danger-400);
-  --color-danger-500: var(--horizon-color-danger-500);
-
-  --color-alert-bg: var(--horizon-color-level-two);
-  --color-alert-border: var(--horizon-color-level-three);
-  --color-alert-text: var(--horizon-color-neutral-50);
-  --color-alert-success-bg: var(--horizon-color-success-50);
-  --color-alert-success-border: var(--horizon-color-success-500);
-  --color-alert-success-text: var(--horizon-color-success-500);
-  --color-alert-warning-bg: var(--horizon-color-warning-50);
-  --color-alert-warning-border: var(--horizon-color-warning-500);
-  --color-alert-warning-text: var(--horizon-color-warning-500);
-  --color-alert-danger-bg: var(--horizon-color-danger-50);
-  --color-alert-danger-border: var(--horizon-color-danger-500);
-  --color-alert-danger-text: var(--horizon-color-danger-500);
-  --color-alert-info-bg: var(--horizon-color-primary-50);
-  --color-alert-info-border: var(--horizon-color-primary-700);
-  --color-alert-info-text: var(--horizon-color-primary-700);
-
-  --color-badge-primary-bg: var(--horizon-color-level-five);
-  --color-badge-primary-bg--hover: var(--horizon-color-level-four);
-  --color-badge-primary-bg--active: var(--horizon-color-primary-600);
-  --color-badge-primary-border: var(--horizon-color-level-five);
-  --color-badge-secondary-bg: var(--horizon-color-accent);
-  --color-badge-secondary-border: var(--horizon-color-accent);
-  --color-badge-secondary-text: var(--horizon-color-neutral-950);
-  --color-badge-outline-bg: var(--horizon-color-transparent);
-  --color-badge-outline-border: var(--horizon-color-level-five);
-  --color-badge-destructive-bg: var(--horizon-color-danger-400);
-  --color-badge-destructive-border: var(--horizon-color-danger-400);
-
-  --color-button-primary-bg: var(--horizon-color-accent);
-  --color-button-primary-bg--hover: var(--horizon-color-level-two);
-  --color-button-primary-bg--disabled: var(--horizon-color-neutral-500);
-  --color-button-primary-border: var(--horizon-color-accent);
-  --color-button-primary-border--hover: var(--horizon-color-level-two);
-  --color-button-primary-border--disabled: var(--horizon-color-neutral-500);
-  --color-button-primary-text: var(--horizon-color-neutral-900);
-  --color-button-primary-text--hover: var(--horizon-color-accent);
-  --color-button-primary-text--disabled: var(--horizon-color-neutral-200);
-
-  --color-button-secondary-bg: var(--horizon-color-level-two);
-  --color-button-secondary-bg--hover: var(--horizon-color-accent);
-  --color-button-secondary-bg--disabled: var(--horizon-color-neutral-500);
-  --color-button-secondary-text: var(--horizon-color-neutral-50);
-  --color-button-secondary-text--hover: var(--horizon-color-level-two);
-  --color-button-secondary-text--disabled: var(--horizon-color-neutral-200);
-  --color-button-secondary-border: var(--horizon-color-neutral-900);
-  --color-button-secondary-border--disabled: var(--horizon-color-neutral-500);
-
-  --color-button-outline-bg: var(--horizon-color-transparent);
-  --color-button-outline-bg--hover: var(--horizon-color-level-two);
-  --color-button-outline-text: var(--horizon-color-neutral-50);
-  --color-button-outline-text--hover: var(--horizon-color-accent);
-  --color-button-outline-text--disabled: var(--horizon-color-neutral-400);
-  --color-button-outline-border: var(--horizon-color-accent);
-  --color-button-outline-border--disabled: var(--horizon-color-neutral-400);
-
-  --color-button-ghost-bg: var(--horizon-color-transparent);
-  --color-button-ghost-bg--hover: var(--horizon-color-level-two);
-  --color-button-ghost-text: var(--horizon-color-neutral-50);
-  --color-button-ghost-text--hover: var(--horizon-color-accent);
-  --color-button-ghost-text--disabled: var(--horizon-color-neutral-400);
-
-  --color-button-danger: var(--horizon-color-danger-400);
-  --color-button-danger--hover: color-mix(in oklab, var(--horizon-color-danger-500) 80%, transparent);
-
-  --color-checkbox-border: var(--horizon-color-neutral-100);
-  --color-checkbox-border--focus: var(--horizon-color-accent);
-  --color-checkbox-border--checked: var(--horizon-color-accent);
-  --color-checkbox-indicator--checked: var(--horizon-color-accent);
-
-  --color-data-card-description: var(--horizon-color-neutral-300);
-
-  --color-dialog-bg: var(--horizon-color-level-one);
-
-  --color-drawer-bg: var(--horizon-color-level-one);
-
-  --color-input-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent);
-  --color-input-border--hover: var(--horizon-color-neutral-300);
-  --color-input-border--focus: var(--horizon-color-accent);
-  --color-input-border--disabled: var(--horizon-color-neutral-500);
-  --color-input-bg: var(--horizon-color-level-zero);
-  --color-input-bg--hover: var(--horizon-color-level-four);
-  --color-input-bg--disabled: var(--horizon-color-neutral-700);
-  --color-input-bg--selected: var(--horizon-color-level-four);
-  --color-input-text: var(--horizon-color-neutral-50);
-  --color-input-text-prefix: var(--horizon-color-neutral-200);
-  --color-input-text--disabled: var(--horizon-color-neutral-200);
-  --color-input-text-placeholder: var(--horizon-color-neutral-500);
-
-  --color-input-primitive-bg: var(--horizon-color-neutral-950);
-  --color-input-primitive-border: var(--horizon-color-neutral-800);
-
-  --color-input-otp-filled-bg: var(--horizon-color-level-two);
-  --color-input-otp-filled-border: var(--horizon-color-level-two);
-  --color-input-otp-filled-separator: var(--horizon-color-level-five);
-  --color-input-otp-border: var(--horizon-color-neutral-300);
-  --color-input-otp-border--focus: var(--horizon-color-accent);
-  --color-input-otp-caret: var(--horizon-color-neutral-200);
-
-  --color-kbd-bg: var(--horizon-color-level-two);
-  --color-kbd-text: var(--color-text-secondary);
-
-  --color-popover-bg: var(--horizon-color-level-one);
-  --color-popover-text: var(--horizon-color-neutral-50);
-
-  --color-radio-bg: var(--horizon-color-neutral-900);
-  --color-radio-bg--selected: var(--horizon-color-accent);
-  --color-radio-border: var(--horizon-color-neutral-800);
-  --color-radio-border--hover: var(--horizon-color-accent);
-  --color-radio-border--selected: var(--horizon-color-accent);
-
-  --color-radio-tile-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent);
-  --color-radio-tile-border--hover: var(--horizon-color-neutral-300);
-  --color-radio-tile-border--selected: var(--horizon-color-accent);
-
-  --color-select-item-bg--hover: var(--horizon-color-level-four);
-
-  --color-slider-track: var(--horizon-color-neutral-700);
-  --color-slider-range: var(--horizon-color-neutral-50);
-  --color-slider-thumb-border: var(--horizon-color-neutral-50);
-  --color-slider-thumb-bg: var(--horizon-color-neutral-50);
-  --color-slider-thumb-ring: var(--horizon-color-neutral-50);
-
-  --color-switch-bg: var(--horizon-color-neutral-700);
-  --color-switch-bg--checked: var(--horizon-color-white);
-  --color-switch-thumb: var(--horizon-color-neutral-950);
-  --color-switch-thumb--checked: var(--horizon-color-white);
-
-  --color-tabs-bg: var(--horizon-color-level-one);
-  --color-tabs-group-bg: var(--horizon-color-level-one);
-  --color-tabs-indicator: var(--horizon-color-accent);
-  --color-tabs-enclosed-indicator: var(--horizon-color-level-two);
-  --color-tabs-border: var(--horizon-color-level-four);
-
-  --color-toast-bg: var(--horizon-color-level-one);
-  --color-toast-border: var(--horizon-color-level-four);
-  --color-toast-text: var(--horizon-color-neutral-50);
-  --color-toast-icon: var(--horizon-color-neutral-50);
-
-  --color-toast-success-bg: color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950));
-  --color-toast-success-border: var(--horizon-color-success-400);
-  --color-toast-success-text: var(--horizon-color-success-400);
-  --color-toast-success-icon: var(--horizon-color-success-400);
-
-  --color-toast-warning-bg: color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950));
-  --color-toast-warning-border: var(--horizon-color-warning-400);
-  --color-toast-warning-text: var(--horizon-color-warning-400);
-  --color-toast-warning-icon: var(--horizon-color-warning-400);
-
-  --color-toast-danger-bg: color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950));
-  --color-toast-danger-border: var(--horizon-color-danger-400);
-  --color-toast-danger-text: var(--horizon-color-danger-400);
-  --color-toast-danger-icon: var(--horizon-color-danger-400);
-
-  --color-toast-info-bg: color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950));
-  --color-toast-info-border: var(--horizon-color-primary-400);
-  --color-toast-info-text: var(--horizon-color-primary-400);
-  --color-toast-info-icon: var(--horizon-color-primary-400);
-
-  --color-toggle-bg: var(--horizon-color-level-two);
-  --color-toggle-bg--active: var(--horizon-color-primary-700);
-  --color-toggle-bg--hover: var(--horizon-color-level-four);
-  --color-toggle-border: var(--horizon-color-transparent);
-  --color-toggle-border--hover: var(--horizon-color-level-four);
-  --color-toggle-border--active: var(--horizon-color-primary-600);
-  --color-toggle-text: var(--horizon-color-neutral-50);
-  --color-toggle-text--hover: var(--horizon-color-neutral-200);
-  --color-toggle-text--active: var(--horizon-color-neutral-50);
-  --color-toggle-outline-border: var(--horizon-color-neutral-700);
-  --color-toggle-outline-border--hover: var(--horizon-color-neutral-400);
-  --color-toggle-group-bg: var(--horizon-color-level-five);
-
-  --color-tooltip-bg: var(--horizon-color-level-one);
-  --color-tooltip-arrow: var(--horizon-color-level-one);
-  --color-tooltip-outline-border: var(--horizon-color-level-four);
-  --color-tooltip-outline-arrow: var(--horizon-color-level-four);
-}
-
-/* light theme variant */
-:root[data-theme='light'] {
-  --color-background: var(--horizon-color-neutral-50);
-  --color-ring-offset: var(--horizon-color-neutral-50);
-  --color-text-primary: var(--horizon-color-neutral-900);
-  --color-text-secondary: var(--horizon-color-neutral-600);
-
-  --color-card-bg: var(--horizon-color-level-one);
-  --color-card-text: var(--horizon-color-neutral-900);
-
-  --color-switch-bg: var(--horizon-color-neutral-300);
-  --color-switch-bg--checked: var(--horizon-color-neutral-950);
-  --color-switch-thumb: var(--horizon-color-neutral-50);
-
-  --color-shadow-neumorphic: oklch(92.49% 0 0);
-  --color-shadow-neumorphic-large: oklch(88.56% 0.0014 286.37);
-}
-
-
-/* ============================================
- * Theme Variables (fonts, animations)
- * ============================================ */
-/* Theme Variables - Fonts and Animations */
-@theme {
-  --font-sans: 'Work Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji';
-  --font-serif: 'Bitter', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-  --font-mono: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
-
-  --ring: var(--color-accent);
-  --ring-offset: var(--color-background);
-
-  /* animations */
-  --animate-animate-in: animate-in;
-  --animate-animate-out: animate-out;
-  --animate-zoom-in-95: zoom-in-95;
-  --animate-zoom-out-95: zoom-out-95;
-  --animate-fade-in-0: fade-in-0;
-  --animate-fade-out-0: fade-out-0;
-  --animate-fade-in-tabs: fade-in-tabs 0.5s ease-in-out;
-  --animate-slide-down-from-top: slide-down-from-top 0.3s ease-out;
-  --animate-slide-up-to-top: slide-up-to-top 0.3s ease-out;
-  --animate-fade-in-tabs-indicator: fade-in-tabs-indicator 0.3s ease-out;
-  --animate-caret-blink: caret-blink 1.2s ease-out infinite;
-  --animate-spin-around: spin-around 0.8s linear infinite;
-  --animate-accordion-down: accordion-down 0.2s ease-out;
-  --animate-accordion-up: accordion-up 0.2s ease-out;
-}
-
-@keyframes animate-in {
-  from {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-@keyframes animate-out {
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-}
-
-@keyframes caret-blink {
-  0%, 70%, 100% {
-    opacity: 1;
-  }
-  20%, 50% {
-    opacity: 0;
-  }
-}
-
-@keyframes fade-in-0 {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes fade-out-0 {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes fade-in-tabs-indicator {
-  from {
-    opacity: 0;
-    transform: translateY(-2rem);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes slide-down-from-top {
-  from {
-    transform: translateY(-100%);
-    opacity: 0;
-    scale: 0.95;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-    scale: 1;
-  }
-}
-
-@keyframes slide-up-to-top {
-  from {
-    transform: translateY(0);
-    opacity: 1;
-    scale: 1;
-  }
-  to {
-    transform: translateY(-100%);
-    opacity: 0;
-    scale: 0.95;
-  }
-}
-
-@keyframes spin-around {
-  0% {
-    transform: rotate(-90deg);
-  }
-  100% {
-    transform: rotate(270deg);
-  }
-}
-
-@keyframes zoom-in-95 {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) translateY(-50%) scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(-50%) translateY(-50%) scale(1);
-  }
-}
-
-@keyframes zoom-out-95 {
-  from {
-    opacity: 1;
-    transform: translateX(-50%) translateY(-50%) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(-50%) translateY(-50%) scale(0.95);
-  }
-}
-
-/* Accordion animations - uses Radix UI's auto-set --radix-accordion-content-height */
-@keyframes accordion-down {
-  from {
-    height: 0;
-    opacity: 0;
-  }
-  to {
-    height: var(--radix-accordion-content-height);
-    opacity: 1;
-  }
-}
-
-@keyframes accordion-up {
-  from {
-    height: var(--radix-accordion-content-height);
-    opacity: 1;
-  }
-  to {
-    height: 0;
-    opacity: 0;
-  }
-}
-
-
-/* ============================================
- * Component Base Styles
- * ============================================ */
-/* raw element styles & resets - global typography, normalize, html/body rules */
-/* DO NOT put any styles needed in the bundled version of Spectral as they will not be included */
-
-@layer base {
-
-  html {
-    font-family: var(--font-sans);
-  }
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box !important;
-  }
-
-  html {
-    scrollbar-gutter: stable;
-  }
-
-  body {
-    box-sizing: border-box;
-    color: var(--color-text-primary);
-    font-family: var(--font-sans);
-
-    &[data-scroll-locked] {
-      margin-right: 0 !important;
-      overflow-y: scroll !important;
-      overscroll-behavior: contain;
-      padding-right: 0 !important;
-    }
-
-    &::-webkit-scrollbar {
-      width: 14px;
-    }
-
-    &::-webkit-scrollbar-track {
-      background: var(--color-level-zero);
-      border-radius: 0;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: var(--color-level-three);
-      border-radius: 6px;
-    }
-  }
-
-  @supports not selector(::-webkit-scrollbar) {
-    body {
-      scrollbar-color: var(--color-level-three) var(--color-level-zero);
-    }
-  }
-
-  h3 {
-    color: var(--color-text-primary);
-    font-size: 1.5rem;
-    font-weight: 700;
-    margin: 0;
-  }
-}
-
-
-/* ============================================
- * Custom Utilities
- * ============================================ */
-/* new atomic utilities that don’t exist in Tailwind */
-
-@layer utilities {
-
-  a.underline-on-hover {
-    color: var(--color-accent);
-    cursor: pointer;
-    position: relative;
-    text-decoration: none;
-    width: max-content;
-
-    &::before {
-      background-color: var(--color-accent);
-      border-radius: 0.1rem;
-      bottom: -0.2rem;
-      content: '';
-      height: 0.1rem;
-      left: 0;
-      position: absolute;
-      transform: scaleX(0);
-      transition: transform 0.3s ease-in-out;
-      width: 100%;
-    }
-
-    &:hover::before {
-      transform: scaleX(1);
-    }
-  }
-
-  /* This wrapper class can be used to boost specificity if needed */
-  .spectral-root {
-    isolation: isolate;
-  }
-
-  [data-vaul-drawer] *,
-  [data-vaul-drawer] *::before,
-  [data-vaul-drawer] *::after {
-    box-sizing: border-box !important;
-  }
-
-  [vaul-drawer] {
-    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
-  }
-
-  [vaul-overlay] {
-    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
-  }
-
-  .shadow-neumorphic-large {
-    box-shadow: 12px 12px 24px var(--color-shadow-neumorphic-large), -12px -12px 24px var(--color-white);
-  }
-
-  .shadow-neumorphic-small {
-    box-shadow: 4px 4px 8px var(--color-shadow-neumorphic), -4px -4px 8px var(--color-white);
-  }
-
-  .dialog-no-animations {
-    animation: none !important;
-    transform: translateX(-50%) translateY(-50%) !important;
-  }
-
-  .dialog-no-animations[data-state='open'] {
-    animation: none !important;
-    transform: translateX(-50%) translateY(-50%) !important;
-  }
-
-  .dialog-no-animations[data-state='closed'] {
-    animation: none !important;
-    transform: translateX(-50%) translateY(-50%) !important;
-  }
-
-  svg:focus-visible,
-  svg:focus {
-    outline: none;
-  }
-
-  .card-effects {
-    background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(38, 38, 38, 0.50);
-    backdrop-filter: blur(12px);
-    border: 0.5px solid rgba(255, 255, 255, 0.05);
-    border-radius: 1rem;
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.10) inset, 0 20px 40px 0 rgba(0, 0, 0, 0.25), 0 15px 30px 0 rgba(0, 0, 0, 0.15), 0 5px 10px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .tooltip-effects {
-    box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);
-  }
-
-  .map-card-effects {
-    background: var(--color-background);
-    backdrop-filter: blur(12px);
-    border: 0.5px solid rgba(255, 255, 255, 0.05);
-    border-radius: 1rem;
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.10) inset, 0 20px 40px 0 rgba(0, 0, 0, 0.25), 0 15px 30px 0 rgba(0, 0, 0, 0.15), 0 5px 10px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  @supports not (backdrop-filter: blur(0)) {
-
-    .card-effects {
-      /* Fallback: slightly opaque fill to hint depth without blur */
-      background-color: hsla(240, 4%, 14%, 0.6);
-    }
-  }
-
-  /* DatePicker styles */
-  .rdp {
-    margin: 0;
-  }
-
-  .rdp-root {
-    padding-right: 24px;
-
-    .rdp-nav {
-      position: absolute;
-      z-index: 9999;
-
-      .nav-prev,
-      .nav-next {
-        align-items: center;
-        display: flex;
-        justify-content: center;
-        position: absolute;
-
-        &:hover {
-          background-color: transparent;
-          color: var(--color-text-secondary);
-          cursor: pointer;
-        }
-      }
-    }
-
-    .rdp-month_caption {
-      align-items: center;
-      display: flex;
-      justify-content: center;
-      padding-block-end: 8px;
-      position: relative;
-
-      .month-title {
-        font-size: 18px;
-        font-weight: 600;
-      }
-    }
-
-    .rdp-day_button {
-      border-color: transparent;
-      border-radius: 100%;
-      height: 40px;
-      width: 40px;
-    }
-
-    .day {
-
-      &.rdp-today {
-        color: var(--color-accent);
-        font-weight: 600;
-      }
-
-      &.rdp-selected {
-
-        .rdp-day_button {
-          background-color: var(--color-accent);
-          border-radius: 50%;
-          color: var(--color-text-inverted);
-          font-weight: 600;
-        }
-      }
-
-      &.rdp-outside {
-
-        .rdp-day_button {
-          opacity: 0.25;
-        }
-      }
-
-      &:not(.rdp-disabled):hover {
-        background-color: var(--color-neutral-200);
-        border-radius: 50%;
-        color: var(--color-text-inverted);
-        cursor: pointer !important;
-      }
-
-      &.rdp-disabled {
-
-        .rdp-day_button {
-          color: var(--color-text-disabled);
-        }
-      }
-
-      &.rdp-hidden {
-
-        .rdp-day_button {
-          visibility: hidden;
-        }
-      }
-    }
-
-    .rdp-weekdays {
-
-      .rdp-weekday {
-        color: var(--color-neutral-400);
-        font-weight: 500;
-      }
-    }
-
-    .hours,
-    .minutes {
-
-      input {
-        max-width: 22px;
-        width: max-content;
-
-        &.hours-input {
-          text-align: right;
-        }
-
-        &.minutes-input {
-          text-align: left;
-        }
-      }
-    }
-
-    .hours,
-    .minutes,
-    .am-pm {
-
-      input {
-        border: 0;
-        font-size: 16px;
-
-        &:hover,
-        &:focus,
-        &:focus-visible {
-          border: 0;
-          outline: 0;
-        }
-      }
-    }
-
-    .hours {
-      align-items: center;
-      display: flex;
-      flex-direction: row;
-
-      input {
-        text-align: right;
-      }
-
-      span {
-        margin-inline: 1px 2px;
-      }
-    }
-
-    .am-pm {
-      margin-inline-start: 8px;
-      width: auto;
-
-      button {
-        background-color: transparent;
-        border: 0;
-        font-size: 14px;
-        padding-inline: 0;
-
-        &:hover {
-          cursor: pointer;
-        }
-
-        &:focus,
-        &:focus-visible {
-          outline: 0;
-        }
-
-        svg:not(.chevron-icon) {
-          display: none;
-        }
-      }
-
-      span {
-
-        &:focus,
-        &:focus-visible {
-          outline: 0;
-        }
-      }
-    }
-
-    .am-pm-dropdown {
-      border-bottom-left-radius: 4px;
-      border-bottom-right-radius: 4px;
-      font-size: 14px;
-      margin-top: -5px;
-      position: relative;
-      width: 58px;
-      z-index: 999;
-
-      &:hover {
-        cursor: pointer;
-      }
-
-      .am-pm-option {
-        align-items: center;
-        display: flex;
-        height: 24px;
-        justify-content: center;
-        padding-inline: 8px;
-        text-align: center;
-        z-index: 999;
-
-        &:focus-visible,
-        &:focus {
-          outline: 0;
-        }
-      }
-    }
-  }
-}
-