@layer properties, theme, dx-tokens, user-tokens, base, tw-base, dx-base, components, tw-components, dx-components, utilities;
@import "tailwindcss" source(none);
@import "@fontsource-variable/jetbrains-mono/wght-italic.css";
@import "@fontsource-variable/jetbrains-mono/wght.css";
@import "@fontsource/poiret-one";

/* src/css/theme/animation.css */
@theme { --ease-in-out-symmetric: cubic-bezier(0.5, 0, 0.5, 1); @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } --animate-fade-in: fade-in 200ms ease-out; --animate-fade-out: fade-out 400ms ease-out; @keyframes slide-down-and-fade { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(16px); } } @keyframes slide-left-and-fade { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: translateX(0); } } @keyframes slide-up-and-fade { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes slide-right-and-fade { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: translateX(0); } } --animate-slide-down-and-fade: slide-down-and-fade 400ms cubic-bezier(0.16, 1, 0.3, 1); --animate-slide-left-and-fade: slide-left-and-fade 400ms cubic-bezier(0.16, 1, 0.3, 1); --animate-slide-up-and-fade: slide-up-and-fade 400ms cubic-bezier(0.16, 1, 0.3, 1); --animate-slide-right-and-fade: slide-right-and-fade 400ms cubic-bezier(0.16, 1, 0.3, 1); @keyframes toast-hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes toast-slide-in-right { 0% { transform: translateX(calc(100% + 1rem)); } 100% { transform: translateX(0); } } @keyframes toast-slide-in-bottom { 0% { transform: translateY(calc(100% + 1rem)); } 100% { transform: translateY(0); } } @keyframes toast-swipe-out { 0% { transform: translateX(var(--radix-toast-swipe-end-x)); } 100% { transform: translateX(calc(100% + 1rem)); } } --animate-toast-hide: toast-hide 100ms ease-in forwards; --animate-toast-slide-in-right: toast-slide-in-right 150ms cubic-bezier(0.16, 1, 0.3, 1); --animate-toast-slide-in-bottom: toast-slide-in-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1); --animate-toast-swipe-out: toast-swipe-out 100ms ease-out forwards; @keyframes slide-down { from { height: 0px; } to { height: var(--radix-accordion-content-height); } } @keyframes slide-up { from { height: var(--radix-accordion-content-height); } to { height: 0px; } } --animate-slide-down: slide-down 300ms cubic-bezier(0.87, 0, 0.13, 1); --animate-slide-up: slide-up 300ms cubic-bezier(0.87, 0, 0.13, 1); @keyframes shimmer-loop { 100% { transform: translateX(100%); } } --animate-shimmer: shimmer-loop 2s infinite; @keyframes halo-pulse { 0% { opacity: 0.3; } 5% { opacity: 1; } 100% { opacity: 0.3; } } --animate-halo-pulse: halo-pulse 2s ease-out infinite; @keyframes progress-indeterminate { 0% { left: 0; width: 0%; } 25% { left: 25%; width: 50%; } 75% { left: 50%; width: 100%; } 100% { left: 100%; width: 0%; } } --animate-progress-indeterminate: progress-indeterminate 2s ease-out infinite; @keyframes trail { to { offset-distance: 100%; } } @keyframes trail-offset { 0% { offset-distance: 50%; } 100% { offset-distance: 150%; } } --animate-trail: trail 6s linear infinite; --animate-trail-offset: trail-offset 6s linear infinite; --animate-spin-slow: spin 3s linear infinite; @keyframes blink { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } --animate-blink: blink 1s step-start infinite; }
@keyframes shimmer-text {
  from {
    mask-position-x: 100%;
    -webkit-mask-position-x: 100%;
  }
  to {
    mask-position-x: -100%;
    -webkit-mask-position-x: -100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .animate-halo-pulse,
  .animate-spin-slow,
  .animate-trail,
  .animate-trail-offset,
  .animate-shimmer {
    animation: none;
  }
}

/* src/css/theme/border.css */
@theme { --ring-offset-width-focus-offset: var(--dx-focus-offset); --ring-width-focus-line: var(--dx-focus-line); --ring-width-hair-line: var(--dx-hair-line); --ring-width-thick-line: var(--dx-thick-line); --ring-width-no-line: var(--dx-no-line); --border-width-landmark-line: var(--dx-landmark-line); --radius-none: 0; --radius-sm: 0.25rem; --radius: 0.5rem; --radius-md: 0.75rem; --radius-lg: 1rem; --shadow-slider: 0 0 0 5px rgba(0, 0, 0, 0.3); }

/* src/css/theme/palette.css */
@theme { --dx-neutral-hue: 190; --dx-neutral-chroma: 0.001; --color-neutral-50: oklch(0.985 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-75: color-mix(in oklch, var(--color-neutral-50) 50%, var(--color-neutral-100) 50%); --color-neutral-100: oklch(0.935 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-125: color-mix(in oklch, var(--color-neutral-100) 75%, var(--color-neutral-200) 25%); --color-neutral-150: color-mix(in oklch, var(--color-neutral-100) 50%, var(--color-neutral-200) 50%); --color-neutral-175: color-mix(in oklch, var(--color-neutral-150) 50%, var(--color-neutral-200) 50%); --color-neutral-200: oklch(0.875 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-250: color-mix(in oklch, var(--color-neutral-200) 50%, var(--color-neutral-300) 50%); --color-neutral-300: oklch(0.8 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-400: oklch(0.708 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-500: oklch(0.556 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-600: oklch(0.439 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-700: oklch(0.371 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-750: color-mix(in oklch, var(--color-neutral-700) 50%, var(--color-neutral-800) 50%); --color-neutral-775: color-mix(in oklch, var(--color-neutral-750) 50%, var(--color-neutral-800) 50%); --color-neutral-800: oklch(0.269 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-825: color-mix(in oklch, var(--color-neutral-800) 75%, var(--color-neutral-900) 25%); --color-neutral-850: color-mix(in oklch, var(--color-neutral-800) 50%, var(--color-neutral-900) 50%); --color-neutral-875: color-mix(in oklch, var(--color-neutral-800) 25%, var(--color-neutral-900) 75%); --color-neutral-900: oklch(0.205 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-neutral-925: color-mix(in oklch, var(--color-neutral-900) 50%, var(--color-neutral-950) 50%); --color-neutral-950: oklch(0.145 var(--dx-neutral-chroma) var(--dx-neutral-hue)); --color-primary-50: var(--color-blue-50); --color-primary-100: var(--color-blue-100); --color-primary-200: var(--color-blue-200); --color-primary-300: var(--color-blue-300); --color-primary-400: var(--color-blue-400); --color-primary-500: var(--color-blue-500); --color-primary-600: var(--color-blue-600); --color-primary-700: var(--color-blue-700); --color-primary-800: var(--color-blue-800); --color-primary-900: var(--color-blue-900); --color-primary-950: var(--color-blue-950); --color-composer-100: rgb(5 40 61); --color-composer-200: rgb(10 75 105); --color-composer-300: rgb(1 122 183); --color-composer-400: rgb(6 197 253); }

/* src/css/theme/semantic.css */
@theme { --dx-elevation-0: light-dark(var(--color-neutral-300), var(--color-neutral-950)); --dx-elevation-1: light-dark(var(--color-neutral-200), var(--color-neutral-900)); --dx-elevation-2: light-dark(var(--color-neutral-125), var(--color-neutral-875)); --dx-elevation-3: light-dark(var(--color-neutral-125), var(--color-neutral-850)); --dx-elevation-4: light-dark(var(--color-neutral-100), var(--color-neutral-825)); --dx-elevation-5: light-dark(var(--color-neutral-75), var(--color-neutral-800)); --dx-elevation-6: light-dark(var(--color-neutral-50), var(--color-neutral-775)); --dx-elevation-7: light-dark(white, var(--color-neutral-750)); --color-sidebar-surface: var(--dx-elevation-2); --color-header-surface: var(--dx-elevation-2); --color-deck-surface: var(--dx-elevation-3); --color-base-surface: var(--dx-elevation-3); --color-card-surface: var(--dx-elevation-3); --color-group-surface: var(--dx-elevation-4); --color-group-alt-surface: light-dark( oklch(from var(--dx-elevation-4) calc(l - 0.03) c h), oklch(from var(--dx-elevation-4) calc(l + 0.03) c h) ); --color-input-surface: var(--dx-elevation-4); --color-toolbar-surface: var(--dx-elevation-5); --color-modal-surface: var(--dx-elevation-6); --color-popover-surface: var(--dx-elevation-6); --color-l0-surface: var(--dx-elevation-1); --color-l1-surface: var(--dx-elevation-2); --color-r0-surface: var(--dx-elevation-2); --color-r1-surface: var(--dx-elevation-2); --color-scrim-surface: light-dark( oklch(from var(--color-neutral-50) l c h / 0.5), oklch(from var(--color-neutral-950) l c h / 0.25) ); --color-inverse-surface: light-dark(var(--color-neutral-800), var(--color-neutral-200)); --color-inverse-fg: light-dark(var(--color-neutral-50), var(--color-neutral-950)); --color-base-fg: light-dark(var(--color-neutral-950), var(--color-neutral-150)); --color-sidebar-fg: light-dark(var(--color-neutral-700), var(--color-neutral-250)); --color-sidebar-current-fg: light-dark(var(--color-neutral-950), var(--color-neutral-75)); --color-focus-surface: light-dark(var(--color-neutral-50), var(--color-neutral-850)); --color-focus-ring: light-dark(var(--color-blue-400), var(--color-blue-600)); --color-focus-ring-subtle: light-dark(var(--color-neutral-300), var(--color-neutral-600)); --color-attention-surface: var(--color-focus-surface); --color-attention-contains: oklch(from var(--color-accent-bg) l c h / 0.3); --color-input-bg: light-dark(var(--color-neutral-250), var(--color-neutral-700)); --color-input-fg: light-dark(var(--color-neutral-950), var(--color-neutral-150)); --dx-hover-surface-base: light-dark(var(--color-neutral-200), var(--color-neutral-850)); --color-hover-surface: var(--dx-hover-surface-base); --color-hover-fg: light-dark(var(--color-neutral-950), var(--color-neutral-150)); --dx-current-surface-base: light-dark(var(--color-neutral-150), var(--color-neutral-800)); --dx-current-surface-hover-base: light-dark(var(--color-neutral-150), var(--color-neutral-600)); --color-current-surface: var(--dx-current-surface-base); --color-current-surface-hover: var(--dx-current-surface-hover-base); --color-current-fg: light-dark(var(--color-neutral-950), var(--color-neutral-50)); --color-selected-surface: var(--color-current-surface); --color-selected-surface-hover: var(--color-current-surface-hover); --color-selected-fg: var(--color-current-fg); --color-accent-bg: light-dark(var(--color-blue-600), var(--color-blue-700)); --color-accent-bg-hover: light-dark(var(--color-blue-700), var(--color-blue-800)); --color-accent-fg: var(--color-blue-100); --color-accent-text: light-dark(var(--color-blue-600), var(--color-blue-400)); --color-accent-text-hover: light-dark(var(--color-blue-500), var(--color-blue-500)); --color-un-accent: var(--color-neutral-400); --color-un-accent-hover: var(--color-neutral-500); --color-primary-separator: light-dark(var(--color-neutral-300), var(--color-neutral-700)); --color-separator: light-dark(var(--color-neutral-200), var(--color-neutral-700)); --color-subdued-separator: light-dark(var(--color-neutral-250), var(--color-neutral-750)); --color-active-separator: light-dark(var(--color-blue-500), var(--color-blue-500)); --color-scrollbar-track: light-dark(var(--color-neutral-50), var(--color-neutral-950)); --color-scrollbar-thumb: light-dark(var(--color-neutral-200), var(--color-neutral-600)); --color-scrollbar-thumb-active: light-dark(var(--color-neutral-200), var(--color-neutral-600)); --color-scrollbar-thumb-hover: light-dark(var(--color-neutral-200), var(--color-neutral-600)); --color-axis-selected-surface: light-dark(var(--color-neutral-100), var(--color-neutral-900)); --color-axis-selected-text: light-dark(var(--color-neutral-100), var(--color-neutral-900)); --color-axis-surface: light-dark(var(--color-neutral-50), var(--color-neutral-800)); --color-axis-text: light-dark(var(--color-neutral-800), var(--color-neutral-200)); --color-grid-surface: light-dark(var(--color-neutral-50), var(--color-neutral-950)); --color-grid-fg: light-dark(var(--color-neutral-950), var(--color-neutral-50)); --color-grid-line: light-dark(var(--color-neutral-200), var(--color-neutral-800)); --color-grid-highlight: oklch(from var(--color-emerald-500) l c h / 0.5); --color-grid-selection-surface: light-dark(var(--color-blue-500), var(--color-blue-400)); --color-grid-selection-fg: light-dark(var(--color-neutral-50), var(--color-neutral-950)); --color-grid-comment: light-dark(var(--color-green-400), var(--color-green-600)); --color-grid-comment-active: light-dark( oklch(from var(--color-green-400) l c h / 0.5), oklch(from var(--color-green-600) l c h / 0.5) ); --color-placeholder: light-dark(var(--color-neutral-400), var(--color-neutral-600)); --color-subdued: light-dark(var(--color-neutral-500), var(--color-neutral-600)); --color-description: light-dark(var(--color-neutral-600), var(--color-neutral-400)); }

/* src/css/theme/spacing.css */
@theme { --spacing-screen-border: 2rem; --spacing-popover-default-width: 20rem; --spacing-popover-min-width: 16rem; --spacing-document-max-width: 50rem; --spacing-document-width: calc(50rem - env(safe-area-inset-left) - env(safe-area-inset-right)); --spacing-card-default-width: 20rem; --spacing-card-min-width: 18rem; --spacing-card-max-width: 22rem; --spacing-card-min-height: 18rem; --spacing-card-max-height: 30rem; --spacing-tag-padding-block: 0.125rem; --spacing-trim-xs: 0.25rem; --spacing-trim-sm: 0.5rem; --spacing-trim-md: 0.75rem; --spacing-trim-lg: 1.5rem; --spacing-form-chrome: var(--spacing-trim-xs); --spacing-form-gap: var(--spacing-trim-sm); --spacing-form-section-gap: var(--spacing-trim-lg); --spacing-form-padding: var(--spacing-trim-sm); --spacing-icon-button-padding: var(--spacing-trim-xs); --spacing-scroll-padding: 4px; }
@layer dx-tokens {
  .dx-density-lg {
    --spacing-form-padding: var(--spacing-trim-md);
    --spacing-icon-button-padding: var(--spacing-trim-sm);
    --spacing-scroll-padding: 8px;
  }
  .dx-density-sm {
    --spacing-form-padding: var(--spacing-trim-xs);
    --spacing-icon-button-padding: var(--spacing-trim-xs);
    --spacing-scroll-padding: 2px;
  }
  .dx-density-xs {
    --spacing-form-padding: var(--spacing-trim-xs);
    --spacing-icon-button-padding: var(--spacing-trim-xs);
    --spacing-scroll-padding: 2px;
  }
}
@layer dx-tokens {
  :root {
    --dx-line-0: 0px;
    --dx-line-1: 1px;
    --dx-line-2: 2px;
    --dx-lacuna-12: 1.5rem;
    --dx-lacuna-3: 0.375rem;
    --dx-lacuna-4: 0.5rem;
    --dx-lacuna-6: 0.75rem;
    --dx-gutter-xs: 0.25rem;
    --dx-gutter-sm: 1rem;
    --dx-gutter-md: 2rem;
    --dx-gutter-lg: 2.5rem;
  }
  :root {
    --dx-hair-line: 1px;
    --dx-landmark-line: 1px;
    --dx-modal-line: 1px;
    --dx-no-line: 0px;
    --dx-thick-line: 2px;
    --dx-focus-line: 2px;
    --dx-no-line: var(--dx-line-0);
    --dx-hair-line: var(--dx-line-1);
    --dx-thick-line: var(--dx-line-2);
    --dx-focus-offset: var(--dx-no-line);
    --dx-focus-line: var(--dx-thick-line);
    --dx-modal-line: var(--dx-hair-line);
    --dx-grid-focus-indicator-width: var(--dx-hair-line);
    --dx-input-md: var(--dx-lacuna-3);
    --dx-input-lg: var(--dx-lacuna-4);
    --dx-input-sm: var(--dx-lacuna-3);
    --dx-default-icons-size: 1rem;
  }
  [data-grid-focus-indicator-variant=stack] {
    --dx-grid-focus-indicator-width: var(--dx-thick-line);
  }
  :root {
    --dx-rail-content: 3rem;
    --dx-rail-size: calc(var(--dx-rail-content) + 1px);
    --dx-rail-item: calc(var(--dx-rail-content) - 1rem);
    --dx-rail-action: calc(var(--dx-rail-content) - 0.5rem);
    --dx-topbar-size: var(--dx-rail-size);
    --dx-toolbar-size: var(--dx-rail-action);
    --dx-statusbar-size: var(--dx-rail-item);
    --dx-nav-sidebar-size: 350px;
    --dx-complementary-sidebar-size: 25rem;
    --dx-drawer-size: 50dvh;
    --dx-l0-size: 72px;
    --dx-l0-avatar-size: 3rem;
    --dx-l1-size: calc(var(--dx-nav-sidebar-size) - var(--dx-l0-size));
    --dx-r0-size: var(--dx-rail-size);
    --dx-r1-size: calc(var(--dx-complementary-sidebar-size) - var(--dx-r0-size) - 1px);
  }
  :root {
    --dx-calc-auto: auto;
    --dx-calc-min: min-content;
    --dx-calc-fit: fit-content;
    --dx-calc-max: max-content;
    --dx-calc-content: content;
  }
  @supports (block-size: calc-size(fit-content, size)) {
    :root {
      --dx-calc-auto: calc-size(auto, size);
      --dx-calc-min: calc-size(min-content, size);
      --dx-calc-fit: calc-size(fit-content, size);
      --dx-calc-max: calc-size(max-content, size);
      --dx-calc-content: calc-size(content, size);
    }
  }
}

/* src/css/theme/styles.css */
@theme { --color-primary-bg: var(--color-blue-bg); --color-primary-bg-hover: var(--color-blue-bg-hover); --color-primary-fg: var(--color-blue-fg); --color-primary-surface: var(--color-blue-surface); --color-primary-text: var(--color-blue-text); --color-primary-border: var(--color-blue-border); --color-secondary-bg: var(--color-green-bg); --color-secondary-bg-hover: var(--color-green-bg-hover); --color-secondary-fg: var(--color-green-fg); --color-secondary-surface: var(--color-green-surface); --color-secondary-text: var(--color-green-text); --color-secondary-border: var(--color-green-border); --color-info-bg: var(--color-cyan-bg); --color-info-bg-hover: var(--color-cyan-bg-hover); --color-info-fg: var(--color-cyan-fg); --color-info-surface: var(--color-cyan-surface); --color-info-text: var(--color-cyan-text); --color-info-border: var(--color-cyan-border); --color-success-bg: var(--color-emerald-bg); --color-success-bg-hover: var(--color-emerald-bg-hover); --color-success-fg: var(--color-emerald-fg); --color-success-surface: var(--color-emerald-surface); --color-success-text: var(--color-emerald-text); --color-success-border: var(--color-emerald-border); --color-warning-bg: var(--color-amber-bg); --color-warning-bg-hover: var(--color-amber-bg-hover); --color-warning-fg: var(--color-amber-fg); --color-warning-surface: var(--color-amber-surface); --color-warning-text: var(--color-amber-text); --color-warning-border: var(--color-amber-border); --color-error-bg: var(--color-rose-bg); --color-error-bg-hover: var(--color-rose-bg-hover); --color-error-fg: var(--color-rose-fg); --color-error-surface: var(--color-rose-surface); --color-error-text: var(--color-rose-text); --color-error-border: var(--color-rose-border); --color-neutral-bg: var(--color-neutral-600); --color-neutral-bg-hover: var(--color-neutral-700); --color-neutral-fg: var(--color-neutral-900); --color-neutral-surface: var(--color-neutral-400); --color-neutral-text: light-dark(var(--color-neutral-800), var(--color-neutral-500)); --color-neutral-border: var(--color-neutral-600); --color-red-bg: var(--color-red-600); --color-red-bg-hover: var(--color-red-700); --color-red-fg: var(--color-red-900); --color-red-surface: var(--color-red-400); --color-red-text: light-dark(var(--color-red-800), var(--color-red-500)); --color-red-border: var(--color-red-600); --color-orange-bg: var(--color-orange-600); --color-orange-bg-hover: var(--color-orange-700); --color-orange-fg: var(--color-orange-900); --color-orange-surface: var(--color-orange-400); --color-orange-text: light-dark(var(--color-orange-800), var(--color-orange-500)); --color-orange-border: var(--color-orange-600); --color-amber-bg: var(--color-amber-600); --color-amber-bg-hover: var(--color-amber-700); --color-amber-fg: var(--color-amber-900); --color-amber-surface: var(--color-amber-400); --color-amber-text: light-dark(var(--color-amber-800), var(--color-amber-500)); --color-amber-border: var(--color-amber-600); --color-yellow-bg: var(--color-yellow-600); --color-yellow-bg-hover: var(--color-yellow-700); --color-yellow-fg: var(--color-yellow-900); --color-yellow-surface: var(--color-yellow-400); --color-yellow-text: light-dark(var(--color-yellow-800), var(--color-yellow-500)); --color-yellow-border: var(--color-yellow-600); --color-lime-bg: var(--color-lime-600); --color-lime-bg-hover: var(--color-lime-700); --color-lime-fg: var(--color-lime-900); --color-lime-surface: var(--color-lime-400); --color-lime-text: light-dark(var(--color-lime-800), var(--color-lime-500)); --color-lime-border: var(--color-lime-600); --color-green-bg: var(--color-green-600); --color-green-bg-hover: var(--color-green-700); --color-green-fg: var(--color-green-900); --color-green-surface: var(--color-green-400); --color-green-text: light-dark(var(--color-green-800), var(--color-green-500)); --color-green-border: var(--color-green-600); --color-emerald-bg: var(--color-emerald-600); --color-emerald-bg-hover: var(--color-emerald-700); --color-emerald-fg: var(--color-emerald-900); --color-emerald-surface: var(--color-emerald-400); --color-emerald-text: light-dark(var(--color-emerald-800), var(--color-emerald-500)); --color-emerald-border: var(--color-emerald-600); --color-teal-bg: var(--color-teal-600); --color-teal-bg-hover: var(--color-teal-700); --color-teal-fg: var(--color-teal-900); --color-teal-surface: var(--color-teal-400); --color-teal-text: light-dark(var(--color-teal-800), var(--color-teal-500)); --color-teal-border: var(--color-teal-600); --color-cyan-bg: var(--color-cyan-600); --color-cyan-bg-hover: var(--color-cyan-700); --color-cyan-fg: var(--color-cyan-900); --color-cyan-surface: var(--color-cyan-400); --color-cyan-text: light-dark(var(--color-cyan-800), var(--color-cyan-500)); --color-cyan-border: var(--color-cyan-600); --color-sky-bg: var(--color-sky-600); --color-sky-bg-hover: var(--color-sky-700); --color-sky-fg: var(--color-sky-900); --color-sky-surface: var(--color-sky-400); --color-sky-text: light-dark(var(--color-sky-800), var(--color-sky-500)); --color-sky-border: var(--color-sky-600); --color-blue-bg: var(--color-blue-600); --color-blue-bg-hover: var(--color-blue-700); --color-blue-fg: var(--color-blue-900); --color-blue-surface: var(--color-blue-400); --color-blue-text: light-dark(var(--color-blue-800), var(--color-blue-500)); --color-blue-border: var(--color-blue-600); --color-indigo-bg: var(--color-indigo-600); --color-indigo-bg-hover: var(--color-indigo-700); --color-indigo-fg: var(--color-indigo-900); --color-indigo-surface: var(--color-indigo-400); --color-indigo-text: light-dark(var(--color-indigo-800), var(--color-indigo-500)); --color-indigo-border: var(--color-indigo-600); --color-violet-bg: var(--color-violet-600); --color-violet-bg-hover: var(--color-violet-700); --color-violet-fg: var(--color-violet-900); --color-violet-surface: var(--color-violet-400); --color-violet-text: light-dark(var(--color-violet-800), var(--color-violet-500)); --color-violet-border: var(--color-violet-600); --color-purple-bg: var(--color-purple-600); --color-purple-bg-hover: var(--color-purple-700); --color-purple-fg: var(--color-purple-900); --color-purple-surface: var(--color-purple-400); --color-purple-text: light-dark(var(--color-purple-800), var(--color-purple-500)); --color-purple-border: var(--color-purple-600); --color-fuchsia-bg: var(--color-fuchsia-600); --color-fuchsia-bg-hover: var(--color-fuchsia-700); --color-fuchsia-fg: var(--color-fuchsia-900); --color-fuchsia-surface: var(--color-fuchsia-400); --color-fuchsia-text: light-dark(var(--color-fuchsia-800), var(--color-fuchsia-500)); --color-fuchsia-border: var(--color-fuchsia-600); --color-pink-bg: var(--color-pink-600); --color-pink-bg-hover: var(--color-pink-700); --color-pink-fg: var(--color-pink-900); --color-pink-surface: var(--color-pink-400); --color-pink-text: light-dark(var(--color-pink-800), var(--color-pink-500)); --color-pink-border: var(--color-pink-600); --color-rose-bg: var(--color-rose-600); --color-rose-bg-hover: var(--color-rose-700); --color-rose-fg: var(--color-rose-900); --color-rose-surface: var(--color-rose-400); --color-rose-text: light-dark(var(--color-rose-800), var(--color-rose-500)); --color-rose-border: var(--color-rose-600); }

/* src/css/theme/text.css */
@theme { --font-body: "Inter Variable", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", "Source Code Pro", monospace; --text-xs: 0.75rem; --text-xs--line-height: 1rem; --text-sm: 0.875rem; --text-sm--line-height: 1.25rem; --text-base: 1rem; --text-base--line-height: 1.5rem; --text-lg: 1.125rem; --text-lg--line-height: 1.75rem; --text-xl: 1.25rem; --text-xl--line-height: 1.75rem; --text-2xl: 1.5rem; --text-2xl--line-height: 2rem; --text-3xl: 1.875rem; --text-3xl--line-height: 2.25rem; --text-4xl: 2.25rem; --text-4xl--line-height: 2.5rem; --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; }

/* src/css/base/base.css */
@layer dx-base {
  :root {
    color-scheme: light;
    touch-action: pan-x pan-y;
    font-synthesis: none;
    font-variation-settings: "wght" 400, "slnt" 0;
    scroll-padding-block-start: var(--spacing-14);
    scroll-padding-block-end: var(--spacing-2);
    @apply font-body;
  }
  .dark {
    color-scheme: dark;
  }
  button {
    @apply cursor-pointer;
    -webkit-tap-highlight-color: transparent;
  }
}
@layer dx-tokens {
  :root {
    --dx-tag-padding-block: var(--spacing-tag-padding-block);
  }
  html,
  html.dark,
  html .dark,
  .sb-show-main {
    background-color: var(--color-base-surface);
    color: var(--color-base-fg);
    --surface-bg: var(--color-base-surface);
    --foreground: var(--color-base-fg);
    --description-text: var(--color-description);
  }
}

/* src/css/base/typography.css */
@layer dx-components {
  .not-italic {
    font-variation-settings: "wght" 400, "slnt" 0;
  }
  .font-thin,
  .not-italic.font-thin,
  .not-italic .font-thin,
  .font-thin .not-italic {
    font-variation-settings: "wght" 100, "slnt" 0;
  }
  .font-extralight,
  .not-italic.font-extralight,
  .not-italic .font-extralight,
  .font-extralight .not-italic {
    font-variation-settings: "wght" 200, "slnt" 0;
  }
  .font-light,
  .not-italic.font-light,
  .not-italic .font-light,
  .font-light .not-italic {
    font-variation-settings: "wght" 300, "slnt" 0;
  }
  .font-normal,
  .not-italic.font-normal,
  .not-italic .font-normal,
  .font-normal .not-italic {
    font-variation-settings: "wght" 400, "slnt" 0;
  }
  .font-medium,
  .not-italic.font-medium,
  .not-italic .font-medium,
  .font-medium .not-italic {
    font-variation-settings: "wght" 500, "slnt" 0;
  }
  .font-semibold,
  .not-italic.font-semibold,
  .not-italic .font-semibold,
  .font-semibold .not-italic {
    font-variation-settings: "wght" 600, "slnt" 0;
  }
  .font-bold,
  .not-italic.font-bold,
  .not-italic .font-bold,
  .font-bold .not-italic {
    font-variation-settings: "wght" 700, "slnt" 0;
  }
  .font-extrabold,
  .not-italic.font-extrabold,
  .not-italic .font-extrabold,
  .font-extrabold .not-italic {
    font-variation-settings: "wght" 800, "slnt" 0;
  }
  .font-black,
  .not-italic.font-black,
  .not-italic .font-black,
  .font-black .not-italic {
    font-variation-settings: "wght" 900, "slnt" 0;
  }
  .italic {
    font-variation-settings: "wght" 400, "slnt" -10;
  }
  .italic.font-thin,
  .italic .font-thin,
  .font-thin .italic {
    font-variation-settings: "wght" 100, "slnt" -10;
  }
  .italic.font-extralight,
  .italic .font-extralight,
  .font-extralight .italic {
    font-variation-settings: "wght" 200, "slnt" -10;
  }
  .italic.font-light,
  .italic .font-light,
  .font-light .italic {
    font-variation-settings: "wght" 300, "slnt" -10;
  }
  .italic.font-normal,
  .italic .font-normal,
  .font-normal .italic {
    font-variation-settings: "wght" 400, "slnt" -10;
  }
  .italic.font-medium,
  .italic .font-medium,
  .font-medium .italic {
    font-variation-settings: "wght" 500, "slnt" -10;
  }
  .italic.font-semibold,
  .italic .font-semibold,
  .font-semibold .italic {
    font-variation-settings: "wght" 600, "slnt" -10;
  }
  .italic.font-bold,
  .italic .font-bold,
  .font-bold .italic {
    font-variation-settings: "wght" 700, "slnt" -10;
  }
  .italic.font-extrabold,
  .italic .font-extrabold,
  .font-extrabold .italic {
    font-variation-settings: "wght" 800, "slnt" -10;
  }
  .italic.font-black,
  .italic .font-black,
  .font-black .italic {
    font-variation-settings: "wght" 900, "slnt" -10;
  }
}

/* src/css/components/button.css */
@layer dx-components {
  .dx-button {
    @apply shrink-0 inline-flex select-none items-center justify-center overflow-hidden min-h-[2rem] px-3;
    @apply font-medium transition-colors duration-100 ease-linear bg-input-bg;
    &[data-variant=default] {
      color: var(--dx-valence-text, inherit);
      background: var(--dx-valence-bg, var(--color-input-bg));
    }
    &[aria-pressed=true],
    &[aria-checked=true] {
      @apply text-accent-text bg-attention-surface;
    }
    &[disabled]:not([disabled=false]) {
      @apply opacity-40 cursor-not-allowed shadow-none;
    }
    &[data-variant=ghost] {
      @apply bg-transparent;
      &:hover {
        background: light-dark(oklch(from var(--surface-bg, var(--color-base-surface)) calc(l - 0.05) c h), oklch(from var(--surface-bg, var(--color-base-surface)) calc(l + 0.05) c h));
        @apply text-inherit;
      }
      &[data-state=open] {
        @apply bg-input-bg;
      }
      &[aria-pressed=true],
      &[aria-checked=true] {
        @apply bg-base-surface text-accent-text;
      }
    }
    &[data-variant=outline] {
      @apply border border-base-surface bg-transparent;
      &:hover {
        @apply bg-hover-surface;
      }
    }
    &:not([disabled]),
    &[disabled=false] {
      &:hover {
        @apply bg-hover-surface;
      }
      &[data-variant=default]:hover {
        color: var(--dx-valence-text);
        background-color: var(--dx-valence-bg-hover, var(--color-hover-surface));
      }
      &[data-variant=ghost]:hover {
        color: var(--dx-valence-text);
        background-color: var(--dx-valence-bg, var(--color-hover-surface));
      }
      &[data-variant=primary] {
        @apply text-accent-fg bg-accent-bg;
        &:hover,
        &[aria-pressed=true],
        &[aria-checked=true],
        &[data-state=open] {
          @apply bg-accent-bg-hover;
        }
      }
      &[data-variant=destructive] {
        @apply text-accent-fg bg-error-bg;
        &:hover,
        &[aria-pressed=true],
        &[aria-checked=true],
        &[data-state=open] {
          @apply bg-error-bg-hover;
        }
      }
      &[data-variant=valence] {
        @apply text-inverse-fg;
        background: var(--dx-valence-bg, var(--color-neutral-bg));
        &:hover,
        &[aria-pressed=true],
        &[aria-checked=true],
        &[data-state=open] {
          background-color: var(--dx-valence-bg-hover, var(--color-neutral-bg-hover));
        }
      }
    }
  }
  .dx-button:not([data-props~=grouped]) {
    @apply rounded-xs;
  }
  .dx-button:not([data-props~=wrap]) {
    @apply truncate;
  }
  .dx-button[data-density=lg] {
    @apply min-h-[2.5rem] px-3;
  }
  .dx-button[data-density=sm] {
    @apply min-h-[1.75rem] px-2;
  }
  .dx-button[data-density=xs] {
    @apply min-h-[1.5rem] px-1 text-xs;
  }
  .dx-button[data-density=xs].aspect-square {
    @apply size-6 px-0;
  }
  @media (pointer: fine) {
    .dx-button[data-density=md] {
      @apply min-h-[2rem] px-2.5;
    }
  }
}

/* src/css/components/card.css */
@layer dx-components {
  .dx-card__section > *:not([class*=col-span]) {
    grid-column: var(--dx-col, auto);
  }
}

/* src/css/components/checkbox.css */
@layer dx-components {
  .dx-checkbox--switch,
  .dx-checkbox {
    @apply border border-un-accent;
    &[aria-checked=true],
    &[aria-checked=mixed],
    &:checked {
      @apply bg-accent-bg accent-accent-bg border-accent-bg;
    }
    &:not([disabled]),
    &[disabled=false] {
      &:hover {
        @apply bg-un-accent-hover accent-un-accent-hover;
        &[aria-checked=true],
        &[aria-checked=mixed],
        &:checked {
          @apply bg-accent-bg-hover accent-accent-bg-hover border-accent-bg-hover;
        }
      }
    }
  }
  .dx-checkbox {
    @apply w-4 h-4 overflow-hidden shadow-inner transition-colors bg-un-accent accent-un-accent text-accent-fg shrink-0 inline-grid place-items-center rounded-xs;
  }
  .dx-checkbox--switch {
    @apply inline-block appearance-none relative shrink-0 h-5 w-8;
    @apply shadow-inner transition-colors bg-un-accent;
    @apply cursor-pointer rounded-full;
    &::before {
      @apply w-3 h-3 mx-[0.1875rem] my-[0.1875rem] absolute block bg-white rounded-full border-separator transition-transform duration-100 will-change-transform;
      content: "";
    }
    &[aria-checked=true],
    &[aria-checked=mixed],
    &:checked {
      background-image: none;
      &::before {
        @apply translate-x-[100%];
      }
    }
  }
}

/* src/css/components/dialog.css */
@layer dx-components {
  .dx-dialog__overlay {
    @apply z-40 fixed grid inset-x-0 top-0 h-dvh py-[env(safe-area-inset-top)] place-items-center;
    @apply bg-scrim-surface backdrop-blur-xs;
    &[data-state=open] {
      @apply animate-fade-in;
    }
    &[data-state=closed] {
      @apply animate-fade-out;
    }
    &[data-block-align=start] {
      align-items: start;
      justify-items: center;
    }
    &[data-block-align=center] {
      place-items: center;
    }
    &[data-block-align=end] {
      align-items: end;
      justify-items: center;
    }
  }
  @media (width >= theme(--breakpoint-sm)) {
    .dx-dialog__overlay {
      @apply p-[calc(env(safe-area-inset-top)+.6rem)];
    }
  }
  @media (width >= theme(--breakpoint-md)) {
    .dx-dialog__overlay {
      @apply p-[calc(env(safe-area-inset-top)+1.2rem)];
    }
  }
  @media (width >= theme(--breakpoint-lg)) {
    .dx-dialog__overlay {
      @apply p-[calc(env(safe-area-inset-top)+2.4rem)];
    }
  }
  .dx-dialog__content {
    @apply flex flex-col w-dvw max-w-full max-h-full overflow-hidden shadow-md;
    &[data-state=open] {
      @apply animate-slide-up-and-fade;
    }
    &[data-state=closed] {
      @apply animate-slide-down-and-fade;
    }
  }
  @media (width >= theme(--breakpoint-sm)) {
    .dx-dialog__content {
      @apply w-[95vw] border rounded-md border-separator;
    }
  }
  @media (width >= theme(--breakpoint-md)) {
    .dx-dialog__content {
      @apply max-w-[24rem];
    }
  }
  .dx-dialog__title {
    @apply shrink-0 text-xl font-medium;
  }
}

/* src/css/components/focus.css */
@layer dx-components {
  .dx-focus-ring,
  .dx-focus-ring-inset {
    &:not([disabled]),
    &[disabled=false] {
      &:focus {
        @apply outline-hidden;
      }
      &:focus-visible {
        @apply ring-focus-line ring-offset-focus-offset z-[1] ring-[var(--color-focus-ring-subtle)];
        &[data-variant=primary] {
          @apply ring-[var(--color-focus-ring)];
        }
        &:hover {
          @apply outline-hidden;
          .dark & {
            @apply outline-hidden;
          }
        }
      }
    }
  }
  .dx-focus-ring-none {
    &:focus,
    &:focus-visible {
      @apply outline-hidden! ring-0!;
    }
  }
  .dx-focus-ring-always,
  .dx-focus-ring-inset-always {
    &:not([disabled]),
    &[disabled=false] {
      &:focus {
        @apply outline-hidden;
      }
      &:focus {
        @apply ring-focus-line ring-offset-focus-offset z-[1] ring-[var(--color-focus-ring-subtle)];
        &[data-variant=primary] {
          @apply ring-[var(--color-focus-ring)];
        }
        &:hover {
          @apply outline-hidden;
          .dark & {
            @apply outline-hidden;
          }
        }
      }
    }
  }
  .dx-focus-ring-group,
  .dx-focus-ring-group-x,
  .dx-focus-ring-group-y,
  .dx-focus-ring-group-always,
  .dx-focus-ring-group-x-always,
  .dx-focus-ring-group-y-always {
    &:not([disabled]),
    &[disabled=false] {
      &:focus {
        @apply outline-hidden;
      }
    }
  }
  .dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator,
  .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator,
  .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator {
    @apply ring-focus-line ring-offset-focus-offset ring-[var(--color-focus-ring-subtle)];
    &[data-variant=primary] {
      @apply ring-[var(--color-focus-ring)];
    }
    &:hover {
      @apply outline-hidden;
      .dark & {
        @apply outline-hidden;
      }
    }
  }
  .dx-focus-ring-group-always:focus .dx-focus-ring-group-indicator,
  .dx-focus-ring-group-x-always:focus .dx-focus-ring-group-x-indicator,
  .dx-focus-ring-group-y-always:focus .dx-focus-ring-group-y-indicator {
    @apply ring-focus-line ring-offset-focus-offset ring-[var(--color-focus-ring-subtle)];
    &[data-variant=primary] {
      @apply ring-[var(--color-focus-ring)];
    }
    &:hover {
      @apply outline-hidden;
      .dark & {
        @apply outline-hidden;
      }
    }
  }
  .dx-focus-ring-inset {
    &:not([disabled]),
    &[disabled=false] {
      &:focus-visible {
        @apply ring-inset;
      }
    }
  }
  .dx-focus-ring-inset-always {
    &:not([disabled]),
    &[disabled=false] {
      &:focus {
        @apply ring-inset;
      }
    }
  }
  .dx-focus-ring-inset-over-all,
  .dx-focus-ring-main[data-handles-focus=true] {
    &:not([disabled]),
    &[disabled=false] {
      &::after {
        content: "";
        @apply z-20 pointer-events-none;
      }
      &:focus {
        @apply outline-hidden;
      }
      &:focus-visible {
        &::after {
          @apply ring-focus-line ring-offset-focus-offset ring-inset z-[1] ring-[var(--color-focus-ring-subtle)];
        }
        &[data-variant=primary]::after {
          @apply ring-[var(--color-focus-ring)];
        }
        &:hover {
          @apply outline-hidden;
          .dark & {
            @apply outline-hidden;
          }
        }
      }
    }
  }
  .dx-focus-ring-inset-over-all-always,
  .dx-focus-ring-main-always[data-handles-focus=true] {
    &:not([disabled]),
    &[disabled=false] {
      &::after {
        content: "";
        @apply z-20 pointer-events-none;
      }
      &:focus {
        @apply outline-hidden;
      }
      &:focus {
        &::after {
          @apply ring-focus-line ring-offset-focus-offset ring-inset z-[1] ring-[var(--color-focus-ring-subtle)];
        }
        &[data-variant=primary]::after {
          @apply ring-[var(--color-focus-ring)];
        }
        &:hover {
          @apply outline-hidden;
          .dark & {
            @apply outline-hidden;
          }
        }
      }
    }
  }
  .dx-focus-ring-inset-over-all,
  .dx-focus-ring-inset-over-all-always {
    &:not([disabled]),
    &[disabled=false] {
      &::after {
        @apply inset-0 absolute;
      }
    }
  }
  .dx-focus-ring-main[data-handles-focus=true] {
    &:not([disabled]),
    &[disabled=false] {
      &::after {
        position: fixed;
        inset: 0;
      }
      @media (width >= theme(--breakpoint-lg)) {
        &[data-sidebar-left-state=expanded]::after {
          inset-inline-start: var(--dx-nav-sidebar-size);
        }
        &[data-sidebar-left-state=collapsed]::after {
          inset-inline-start: var(--dx-l0-size);
        }
        &[data-sidebar-right-state=expanded]::after {
          inset-inline-end: var(--dx-complementary-sidebar-size);
        }
        &[data-sidebar-right-state=collapsed]::after {
          inset-inline-end: var(--dx-r0-size);
        }
      }
    }
  }
  .dx-focus-subdued {
    @apply focus:outline-hidden focus-visible:outline-hidden focus:ring-0 ring-0 focus:border-0 border-0;
  }
  .dx-focus-static {
    @apply ring-2 ring-offset-0 ring-primary-300 ring-offset-white dark:ring-primary-400 dark:ring-offset-black;
  }
}

/* src/css/components/icon.css */
@layer dx-components {
  .dx-icon-inline {
    @apply inline-block align-[-0.125em];
  }
}

/* src/css/components/panel.css */
@layer dx-components {
  [data-hue=neutral] .dx-panel,
  .dx-panel--neutral {
    @apply bg-neutral-surface text-neutral-fg border-neutral-border;
  }
  [data-hue=red] .dx-panel,
  .dx-panel--red {
    @apply bg-red-surface text-red-fg border-red-border;
  }
  [data-hue=orange] .dx-panel,
  .dx-panel--orange {
    @apply bg-orange-surface text-orange-fg border-orange-border;
  }
  [data-hue=amber] .dx-panel,
  .dx-panel--amber {
    @apply bg-amber-surface text-amber-fg border-amber-border;
  }
  [data-hue=yellow] .dx-panel,
  .dx-panel--yellow {
    @apply bg-yellow-surface text-yellow-fg border-yellow-border;
  }
  [data-hue=lime] .dx-panel,
  .dx-panel--lime {
    @apply bg-lime-surface text-lime-fg border-lime-border;
  }
  [data-hue=green] .dx-panel,
  .dx-panel--green {
    @apply bg-green-surface text-green-fg border-green-border;
  }
  [data-hue=emerald] .dx-panel,
  .dx-panel--emerald {
    @apply bg-emerald-surface text-emerald-fg border-emerald-border;
  }
  [data-hue=teal] .dx-panel,
  .dx-panel--teal {
    @apply bg-teal-surface text-teal-fg border-teal-border;
  }
  [data-hue=cyan] .dx-panel,
  .dx-panel--cyan {
    @apply bg-cyan-surface text-cyan-fg border-cyan-border;
  }
  [data-hue=sky] .dx-panel,
  .dx-panel--sky {
    @apply bg-sky-surface text-sky-fg border-sky-border;
  }
  [data-hue=blue] .dx-panel,
  .dx-panel--blue {
    @apply bg-blue-surface text-blue-fg border-blue-border;
  }
  [data-hue=indigo] .dx-panel,
  .dx-panel--indigo {
    @apply bg-indigo-surface text-indigo-fg border-indigo-border;
  }
  [data-hue=violet] .dx-panel,
  .dx-panel--violet {
    @apply bg-violet-surface text-violet-fg border-violet-border;
  }
  [data-hue=purple] .dx-panel,
  .dx-panel--purple {
    @apply bg-purple-surface text-purple-fg border-purple-border;
  }
  [data-hue=fuchsia] .dx-panel,
  .dx-panel--fuchsia {
    @apply bg-fuchsia-surface text-fuchsia-fg border-fuchsia-border;
  }
  [data-hue=pink] .dx-panel,
  .dx-panel--pink {
    @apply bg-pink-surface text-pink-fg border-pink-border;
  }
  [data-hue=rose] .dx-panel,
  .dx-panel--rose {
    @apply bg-rose-surface text-rose-fg border-rose-border;
  }
  [data-hue=info] .dx-panel,
  .dx-panel--info {
    @apply bg-info-surface text-info-fg border-info-border;
  }
  [data-hue=success] .dx-panel,
  .dx-panel--success {
    @apply bg-success-surface text-success-fg border-success-border;
  }
  [data-hue=warning] .dx-panel,
  .dx-panel--warning {
    @apply bg-warning-surface text-warning-fg border-warning-border;
  }
  [data-hue=error] .dx-panel,
  .dx-panel--error {
    @apply bg-error-surface text-error-fg border-error-border;
  }
}

/* src/css/components/link.css */
@layer dx-components {
  .dx-link {
    @apply text-accent-text hover:text-accent-text-hover cursor-pointer;
  }
  .dx-link-hover {
    @apply hover:text-accent-text-hover! cursor-pointer;
  }
}

/* src/css/components/scrollbar.css */
@layer dx-components {
  ::-webkit-scrollbar-thumb:hover {
    @apply bg-scrollbar-thumb-hover!;
  }
  ::-webkit-scrollbar-thumb:active {
    @apply bg-scrollbar-thumb-active!;
  }
  .dx-scrollbar-thin::-webkit-scrollbar {
    @apply w-[4px];
  }
  .dx-scrollbar-thin::-webkit-scrollbar-thumb {
    @apply bg-transparent;
    transition: background 0.15s;
  }
  .dx-scrollbar-thin:hover::-webkit-scrollbar-thumb {
    @apply bg-scrollbar-thumb;
  }
}

/* src/css/components/state.css */
@layer dx-components {
  .dx-hover {
    @apply cursor-pointer hover:bg-hover-surface! hover:text-hover-fg! hover:aria-selected:bg-selected-surface-hover hover:aria-selected:text-selected-fg hover:aria-[current=true]:bg-current-surface-hover hover:aria-[current=true]:text-current-fg;
  }
  .dx-hover-row {
    @apply group-hover/row:bg-hover-surface! group-hover/row:text-hover-fg! group-hover/row:group-aria-selected/row:bg-selected-surface-hover! group-hover/row:group-aria-selected/row:text-selected-fg! group-hover/row:group-aria-[current=true]/row:bg-current-surface-hover! group-hover/row:group-aria-[current=true]/row:text-current-fg!;
  }
  .dx-selected {
    @apply aria-selected:bg-selected-surface! aria-selected:text-selected-fg! aria-selected:font-semibold aria-selected:tracking-normal transition-[color, font-variation-settings, letter-spacing];
  }
  .dx-current {
    @apply dx-ring-pseudo aria-[current=true]:bg-current-surface! aria-[current=true]:text-current-fg! aria-[current=true]:after:ring-focus-ring-subtle!;
  }
  .dx-current-row {
    @apply group-aria-[current=true]/row:bg-current-surface! group-aria-[current=true]/row:text-current-fg!;
  }
  .dx-highlighted {
    @apply data-[highlighted]:bg-current-surface data-[highlighted]:text-current-fg hover:data-[highlighted]:bg-current-surface-hover;
  }
}
@layer dx-tokens {
  .dx-main-sidebar {
    --dx-sidebar-l-shift: 0.04;
    --color-hover-surface: light-dark( oklch(from var(--dx-hover-surface-base) calc(l - var(--dx-sidebar-l-shift)) c h), oklch(from var(--dx-hover-surface-base) calc(l + var(--dx-sidebar-l-shift)) c h) );
    --color-current-surface: light-dark( oklch(from var(--dx-current-surface-base) calc(l - var(--dx-sidebar-l-shift)) c h), oklch(from var(--dx-current-surface-base) calc(l + var(--dx-sidebar-l-shift)) c h) );
    --color-current-surface-hover: light-dark( oklch(from var(--dx-current-surface-hover-base) calc(l - var(--dx-sidebar-l-shift)) c h), oklch(from var(--dx-current-surface-hover-base) calc(l + var(--dx-sidebar-l-shift)) c h) );
  }
}

/* src/css/components/surface.css */
@layer dx-components {
  .dx-base-surface {
    @apply bg-base-surface text-base-fg;
    --surface-bg: var(--color-base-surface);
  }
  .dx-sidebar-surface {
    @apply bg-sidebar-surface text-base-fg;
    --surface-bg: var(--color-sidebar-surface);
  }
  .dx-modal-surface {
    @apply bg-modal-surface text-base-fg backdrop-blur-md;
    --surface-bg: var(--color-modal-surface);
  }
  .dx-attention-surface {
    @apply bg-attention-surface text-base-fg;
    --surface-bg: var(--color-attention-surface);
  }
  .dx-popover-surface {
    @apply bg-popover-surface text-base-fg backdrop-blur-md;
    --surface-bg: var(--color-popover-surface);
  }
}
@layer dx-tokens {
  .dx-modal-surface,
  .dx-popover-surface {
    --color-hover-surface: light-dark( oklch(from var(--surface-bg) calc(l - 0.08) c h), oklch(from var(--surface-bg) calc(l + 0.08) c h) );
    --color-current-surface: light-dark( oklch(from var(--surface-bg) calc(l - 0.1) c h), oklch(from var(--surface-bg) calc(l + 0.1) c h) );
    --color-current-surface-hover: light-dark( oklch(from var(--surface-bg) calc(l - 0.12) c h), oklch(from var(--surface-bg) calc(l + 0.12) c h) );
  }
}

/* src/css/components/tag.css */
@layer dx-components {
  .dx-tag {
    @apply inline-block text-xs font-semibold m-0.5 px-1 rounded-sm cursor-default truncate;
    padding-block: var(--spacing-tag-padding-block);
    user-select: none;
  }
  .dx-tag--anchor {
    @apply inline cursor-pointer px-[4px] py-0.5;
    @apply bg-input-surface ring ring-neutral-border rounded-sm;
    &:hover {
      @apply bg-hover-surface;
    }
  }
  .dx-tag[data-hue=neutral],
  .dx-tag--neutral {
    @apply bg-neutral-surface text-neutral-fg;
  }
  .dx-tag[data-hue=red],
  .dx-tag--red {
    @apply bg-red-surface text-red-fg;
  }
  .dx-tag[data-hue=orange],
  .dx-tag--orange {
    @apply bg-orange-surface text-orange-fg;
  }
  .dx-tag[data-hue=amber],
  .dx-tag--amber {
    @apply bg-amber-surface text-amber-fg;
  }
  .dx-tag[data-hue=yellow],
  .dx-tag--yellow {
    @apply bg-yellow-surface text-yellow-fg;
  }
  .dx-tag[data-hue=lime],
  .dx-tag--lime {
    @apply bg-lime-surface text-lime-fg;
  }
  .dx-tag[data-hue=green],
  .dx-tag--green {
    @apply bg-green-surface text-green-fg;
  }
  .dx-tag[data-hue=emerald],
  .dx-tag--emerald {
    @apply bg-emerald-surface text-emerald-fg;
  }
  .dx-tag[data-hue=teal],
  .dx-tag--teal {
    @apply bg-teal-surface text-teal-fg;
  }
  .dx-tag[data-hue=cyan],
  .dx-tag--cyan {
    @apply bg-cyan-surface text-cyan-fg;
  }
  .dx-tag[data-hue=sky],
  .dx-tag--sky {
    @apply bg-sky-surface text-sky-fg;
  }
  .dx-tag[data-hue=blue],
  .dx-tag--blue {
    @apply bg-blue-surface text-blue-fg;
  }
  .dx-tag[data-hue=indigo],
  .dx-tag--indigo {
    @apply bg-indigo-surface text-indigo-fg;
  }
  .dx-tag[data-hue=violet],
  .dx-tag--violet {
    @apply bg-violet-surface text-violet-fg;
  }
  .dx-tag[data-hue=purple],
  .dx-tag--purple {
    @apply bg-purple-surface text-purple-fg;
  }
  .dx-tag[data-hue=fuchsia],
  .dx-tag--fuchsia {
    @apply bg-fuchsia-surface text-fuchsia-fg;
  }
  .dx-tag[data-hue=pink],
  .dx-tag--pink {
    @apply bg-pink-surface text-pink-fg;
  }
  .dx-tag[data-hue=rose],
  .dx-tag--rose {
    @apply bg-rose-surface text-rose-fg;
  }
  .dx-tag[data-hue=info],
  .dx-tag--info {
    @apply bg-cyan-surface text-cyan-fg;
  }
  .dx-tag[data-hue=success],
  .dx-tag--success {
    @apply bg-emerald-surface text-emerald-fg;
  }
  .dx-tag[data-hue=warning],
  .dx-tag--warning {
    @apply bg-amber-surface text-amber-fg;
  }
  .dx-tag[data-hue=error],
  .dx-tag--error {
    @apply bg-rose-surface text-rose-fg;
  }
}

/* src/css/components/text.css */
@layer dx-components {
  .dx-text[data-hue=info],
  .dx-text--info {
    @apply text-cyan-text;
  }
  .dx-text[data-hue=success],
  .dx-text--success {
    @apply text-emerald-text;
  }
  .dx-text[data-hue=warning],
  .dx-text--warning {
    @apply text-amber-text;
  }
  .dx-text[data-hue=error],
  .dx-text--error {
    @apply text-rose-text;
  }
  .dx-text[data-hue=neutral],
  .dx-text--neutral {
    @apply text-neutral-text;
  }
  .dx-text[data-hue=red],
  .dx-text--red {
    @apply text-red-text;
  }
  .dx-text[data-hue=orange],
  .dx-text--orange {
    @apply text-orange-text;
  }
  .dx-text[data-hue=amber],
  .dx-text--amber {
    @apply text-amber-text;
  }
  .dx-text[data-hue=yellow],
  .dx-text--yellow {
    @apply text-yellow-text;
  }
  .dx-text[data-hue=lime],
  .dx-text--lime {
    @apply text-lime-text;
  }
  .dx-text[data-hue=green],
  .dx-text--green {
    @apply text-green-text;
  }
  .dx-text[data-hue=emerald],
  .dx-text--emerald {
    @apply text-emerald-text;
  }
  .dx-text[data-hue=teal],
  .dx-text--teal {
    @apply text-teal-text;
  }
  .dx-text[data-hue=cyan],
  .dx-text--cyan {
    @apply text-cyan-text;
  }
  .dx-text[data-hue=sky],
  .dx-text--sky {
    @apply text-sky-text;
  }
  .dx-text[data-hue=blue],
  .dx-text--blue {
    @apply text-blue-text;
  }
  .dx-text[data-hue=indigo],
  .dx-text--indigo {
    @apply text-indigo-text;
  }
  .dx-text[data-hue=violet],
  .dx-text--violet {
    @apply text-violet-text;
  }
  .dx-text[data-hue=purple],
  .dx-text--purple {
    @apply text-purple-text;
  }
  .dx-text[data-hue=fuchsia],
  .dx-text--fuchsia {
    @apply text-fuchsia-text;
  }
  .dx-text[data-hue=pink],
  .dx-text--pink {
    @apply text-pink-text;
  }
  .dx-text[data-hue=rose],
  .dx-text--rose {
    @apply text-rose-text;
  }
}

/* src/css/layout/main.css */
@layer dx-components {
  .dx-main-bounce-layout {
    @apply fixed overflow-auto overscroll-auto;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    transition-property:
      padding-inline-start,
      padding-inline-end,
      scroll-padding-start,
      scroll-padding-end;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    z-index: 0;
  }
  .dx-main-content-padding-transitions {
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    transition-property:
      padding-inline-start,
      padding-inline-end,
      scroll-padding-start,
      scroll-padding-end;
  }
  .dx-main-intrinsic-size {
    inline-size: calc(100dvw - 2 * var(--main-spacing));
    transition-property: inline-size;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    @media (width >= theme(--breakpoint-lg)) {
      &[data-sidebar-left-state=closed][data-sidebar-right-state=closed] {
        inline-size: calc(100dvw - 2 * var(--main-spacing));
      }
      &[data-sidebar-left-state=collapsed][data-sidebar-right-state=closed] {
        inline-size: calc(100dvw - var(--dx-l0-size) - 2 * var(--main-spacing));
      }
      &[data-sidebar-left-state=expanded][data-sidebar-right-state=closed] {
        inline-size: calc(100dvw - var(--dx-nav-sidebar-size) - 2 * var(--main-spacing));
      }
      &[data-sidebar-left-state=closed][data-sidebar-right-state=collapsed] {
        inline-size: calc(100dvw - var(--dx-r0-size) - 2 * var(--main-spacing));
      }
      &[data-sidebar-left-state=collapsed][data-sidebar-right-state=collapsed] {
        inline-size: calc(100dvw - var(--dx-l0-size) - var(--dx-r0-size) - 2 * var(--main-spacing));
      }
      &[data-sidebar-left-state=expanded][data-sidebar-right-state=collapsed] {
        inline-size: calc(100dvw - var(--dx-nav-sidebar-size) - var(--dx-r0-size) - 2 * var(--main-spacing));
      }
      &[data-sidebar-left-state=closed][data-sidebar-right-state=expanded] {
        inline-size: calc(100dvw - var(--dx-complementary-sidebar-size) - 2 * var(--main-spacing));
      }
      &[data-sidebar-left-state=collapsed][data-sidebar-right-state=expanded] {
        inline-size: calc(100dvw - var(--dx-l0-size) - var(--dx-complementary-sidebar-size) - 2 * var(--main-spacing));
      }
      &[data-sidebar-left-state=expanded][data-sidebar-right-state=expanded] {
        inline-size: calc(100dvw - var(--dx-nav-sidebar-size) - var(--dx-complementary-sidebar-size) - 2 * var(--main-spacing));
      }
    }
  }
}
@layer dx-components {
  .dx-main-sidebar {
    @apply fixed overscroll-contain overflow-x-hidden overflow-y-auto;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    @apply border-primary-separator rounded-md;
    @apply backdrop-blur-md;
    .dark & {
      @apply backdrop-blur-lg;
    }
    background-color: var(--color-sidebar-surface);
    color: var(--color-sidebar-fg);
    --surface-bg: var(--color-sidebar-surface);
    & :is([aria-current]:not([aria-current=false]), [aria-selected=true]) {
      color: var(--color-sidebar-current-fg);
    }
    transition-property:
      inset-inline-start,
      inset-inline-end,
      inline-size;
    inset-block-start: max(0.5rem, env(safe-area-inset-top));
    inset-block-end: max(0.5rem, env(safe-area-inset-bottom));
    inline-size: calc(100dvw - 3rem);
    z-index: 7;
    @media (width >= theme(--breakpoint-lg)) {
      @apply top-0 bottom-0 rounded-none border-y-0;
    }
    &[data-resizing=false] {
      @apply duration-200;
    }
    &[data-side=is] {
      @apply -start-[100vw] border-e;
      border-inline-end-width: var(--border-width-landmark-line) !important;
      border-inline-end-style: solid;
      z-index: 8;
      &[data-state=expanded] {
        inset-inline-start: max(0.5rem, env(safe-area-inset-left));
        @media (width >= theme(--breakpoint-lg)) {
          @apply start-0;
        }
      }
      @media (width >= theme(--breakpoint-sm)) {
        @apply w-(--dx-nav-sidebar-size);
      }
      @media (width >= theme(--breakpoint-lg)) {
        border-inline-start-width: 0;
        border-inline-end-width: 0;
        &[data-state=collapsed] {
          @apply w-(--dx-l0-size) start-0;
        }
        &[data-state=expanded] {
          @apply w-(--dx-nav-sidebar-size);
        }
      }
    }
    &[data-side=ie] {
      @apply -end-[100vw] border-s;
      border-inline-start-width: var(--border-width-landmark-line);
      border-inline-start-style: solid;
      &[data-state=expanded] {
        inset-inline-end: max(0.5rem, env(safe-area-inset-right));
        @media (width >= theme(--breakpoint-lg)) {
          @apply end-0;
        }
      }
      @media (width >= theme(--breakpoint-sm)) {
        @apply w-(--dx-complementary-sidebar-size);
      }
      @media (width >= theme(--breakpoint-lg)) {
        border-inline-end-width: 0;
        &[data-state=collapsed] {
          @apply w-(--dx-r0-size) end-0;
        }
        &[data-state=expanded] {
          @apply w-(--dx-complementary-sidebar-size);
        }
      }
    }
  }
  .dx-main-overlay {
    @apply fixed inset-0 bg-scrim-surface;
    transition-property: opacity;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    @apply opacity-0 hidden;
    z-index: 6;
    &[data-state=open] {
      @apply opacity-100 block;
      @media (width >= theme(--breakpoint-lg)) {
        @apply opacity-100 hidden;
      }
    }
  }
  .dx-main-content-padding {
    padding-inline-start: 0;
    scroll-padding-inline-start: 0;
    padding-inline-end: 0;
    scroll-padding-inline-end: 0;
    @media (width >= theme(--breakpoint-lg)) {
      &[data-sidebar-left-state=collapsed] {
        padding-inline-start: var(--dx-l0-size);
        scroll-padding-inline-start: var(--dx-l0-size);
      }
      &[data-sidebar-left-state=expanded] {
        padding-inline-start: var(--dx-nav-sidebar-size);
        scroll-padding-inline-start: var(--dx-nav-sidebar-size);
      }
      &[data-sidebar-right-state=collapsed] {
        padding-inline-end: var(--dx-r0-size);
        scroll-padding-inline-end: var(--dx-r0-size);
      }
      &[data-sidebar-right-state=expanded] {
        padding-inline-end: var(--dx-complementary-sidebar-size);
        scroll-padding-inline-end: var(--dx-complementary-sidebar-size);
      }
    }
  }
}

/* src/css/layout/native.css */
@layer dx-components {
  .dx-app-drag {
    -webkit-user-select: none;
    -webkit-app-region: drag;
    --app-region: drag;
  }
  .dx-app-no-drag {
    -webkit-app-region: no-drag;
    --app-region: no-drag;
  }
}

/* src/css/layout/positioning.css */
@layer dx-components {
  .dx-contain-layout {
    contain: layout;
  }
  .dx-sticky-top-0 {
    --sticky-top: 0;
  }
  .dx-sticky-top-from-topbar-bottom {
    --sticky-top: var(--dx-topbar-size);
  }
  .dx-sticky-bottom-from-statusbar-bottom {
    --sticky-bottom: var(--dx-statusbar-size);
  }
}

/* src/css/layout/size.css */
@layer dx-components {
  .dx-size-container {
    container-type: size;
  }
  .dx-inline-size-container {
    container-type: inline-size;
  }
  .dx-document {
    @apply mx-auto w-full max-w-document-max-width;
  }
  .dx-card {
    @apply flex flex-col w-full;
  }
  .dx-card-square {
    inline-size: min(min(var(--radix-popper-available-width), var(--spacing-card-max-width)), min(var(--radix-popper-available-height), 100dvh));
    block-size: min(min(var(--radix-popper-available-width), var(--spacing-card-max-width)), min(var(--radix-popper-available-height), 100dvh));
  }
  .dx-card-default-width {
    @apply w-card-default-width;
  }
  .dx-card-min-width {
    @apply min-w-card-min-width;
  }
  .dx-card-max-width {
    @apply w-full max-w-card-max-width;
  }
  .dx-card-popover {
    @apply inline-card-max-width bg-card-surface;
    max-width: min(var(--radix-popper-available-width), var(--spacing-card-max-width));
    max-height: min(var(--radix-popper-available-height), var(--spacing-card-max-height));
  }
}
@layer dx-components {
  [data-size="0"],
  [data-block-size="0"] {
    @apply h-0;
  }
  [data-size=px],
  [data-block-size=px] {
    @apply h-px;
  }
  [data-size="0.5"],
  [data-block-size="0.5"] {
    @apply h-0.5;
  }
  [data-size="1"],
  [data-block-size="1"] {
    @apply h-1;
  }
  [data-size="1.5"],
  [data-block-size="1.5"] {
    @apply h-1.5;
  }
  [data-size="2"],
  [data-block-size="2"] {
    @apply h-2;
  }
  [data-size="2.5"],
  [data-block-size="2.5"] {
    @apply h-2.5;
  }
  [data-size="3"],
  [data-block-size="3"] {
    @apply h-3;
  }
  [data-size="3.5"],
  [data-block-size="3.5"] {
    @apply h-3.5;
  }
  [data-size="4"],
  [data-block-size="4"] {
    @apply h-4;
  }
  [data-size="5"],
  [data-block-size="5"] {
    @apply h-5;
  }
  [data-size="6"],
  [data-block-size="6"] {
    @apply h-6;
  }
  [data-size="7"],
  [data-block-size="7"] {
    @apply h-7;
  }
  [data-size="8"],
  [data-block-size="8"] {
    @apply h-8;
  }
  [data-size="9"],
  [data-block-size="9"] {
    @apply h-9;
  }
  [data-size="10"],
  [data-block-size="10"] {
    @apply h-10;
  }
  [data-size="11"],
  [data-block-size="11"] {
    @apply h-11;
  }
  [data-size="12"],
  [data-block-size="12"] {
    @apply h-12;
  }
  [data-size="14"],
  [data-block-size="14"] {
    @apply h-14;
  }
  [data-size="16"],
  [data-block-size="16"] {
    @apply h-16;
  }
  [data-size="20"],
  [data-block-size="20"] {
    @apply h-20;
  }
  [data-size="24"],
  [data-block-size="24"] {
    @apply h-24;
  }
  [data-size="28"],
  [data-block-size="28"] {
    @apply h-28;
  }
  [data-size="32"],
  [data-block-size="32"] {
    @apply h-32;
  }
  [data-size="36"],
  [data-block-size="36"] {
    @apply h-36;
  }
  [data-size="40"],
  [data-block-size="40"] {
    @apply h-40;
  }
  [data-size="44"],
  [data-block-size="44"] {
    @apply h-44;
  }
  [data-size="48"],
  [data-block-size="48"] {
    @apply h-48;
  }
  [data-size="52"],
  [data-block-size="52"] {
    @apply h-52;
  }
  [data-size="56"],
  [data-block-size="56"] {
    @apply h-56;
  }
  [data-size="60"],
  [data-block-size="60"] {
    @apply h-60;
  }
  [data-size="64"],
  [data-block-size="64"] {
    @apply h-64;
  }
  [data-size="72"],
  [data-block-size="72"] {
    @apply h-72;
  }
  [data-size="80"],
  [data-block-size="80"] {
    @apply h-80;
  }
  [data-size="96"],
  [data-block-size="96"] {
    @apply h-96;
  }
  [data-size="0"],
  [data-inline-size="0"] {
    @apply w-0;
  }
  [data-size=px],
  [data-inline-size=px] {
    @apply w-px;
  }
  [data-size="0.5"],
  [data-inline-size="0.5"] {
    @apply w-0.5;
  }
  [data-size="1"],
  [data-inline-size="1"] {
    @apply w-1;
  }
  [data-size="1.5"],
  [data-inline-size="1.5"] {
    @apply w-1.5;
  }
  [data-size="2"],
  [data-inline-size="2"] {
    @apply w-2;
  }
  [data-size="2.5"],
  [data-inline-size="2.5"] {
    @apply w-2.5;
  }
  [data-size="3"],
  [data-inline-size="3"] {
    @apply w-3;
  }
  [data-size="3.5"],
  [data-inline-size="3.5"] {
    @apply w-3.5;
  }
  [data-size="4"],
  [data-inline-size="4"] {
    @apply w-4;
  }
  [data-size="5"],
  [data-inline-size="5"] {
    @apply w-5;
  }
  [data-size="6"],
  [data-inline-size="6"] {
    @apply w-6;
  }
  [data-size="7"],
  [data-inline-size="7"] {
    @apply w-7;
  }
  [data-size="8"],
  [data-inline-size="8"] {
    @apply w-8;
  }
  [data-size="9"],
  [data-inline-size="9"] {
    @apply w-9;
  }
  [data-size="10"],
  [data-inline-size="10"] {
    @apply w-10;
  }
  [data-size="11"],
  [data-inline-size="11"] {
    @apply w-11;
  }
  [data-size="12"],
  [data-inline-size="12"] {
    @apply w-12;
  }
  [data-size="14"],
  [data-inline-size="14"] {
    @apply w-14;
  }
  [data-size="16"],
  [data-inline-size="16"] {
    @apply w-16;
  }
  [data-size="20"],
  [data-inline-size="20"] {
    @apply w-20;
  }
  [data-size="24"],
  [data-inline-size="24"] {
    @apply w-24;
  }
  [data-size="28"],
  [data-inline-size="28"] {
    @apply w-28;
  }
  [data-size="32"],
  [data-inline-size="32"] {
    @apply w-32;
  }
  [data-size="36"],
  [data-inline-size="36"] {
    @apply w-36;
  }
  [data-size="40"],
  [data-inline-size="40"] {
    @apply w-40;
  }
  [data-size="44"],
  [data-inline-size="44"] {
    @apply w-44;
  }
  [data-size="48"],
  [data-inline-size="48"] {
    @apply w-48;
  }
  [data-size="52"],
  [data-inline-size="52"] {
    @apply w-52;
  }
  [data-size="56"],
  [data-inline-size="56"] {
    @apply w-56;
  }
  [data-size="60"],
  [data-inline-size="60"] {
    @apply w-60;
  }
  [data-size="64"],
  [data-inline-size="64"] {
    @apply w-64;
  }
  [data-size="72"],
  [data-inline-size="72"] {
    @apply w-72;
  }
  [data-size="80"],
  [data-inline-size="80"] {
    @apply w-80;
  }
  [data-size="96"],
  [data-inline-size="96"] {
    @apply w-96;
  }
}

/* src/css/utilities.css */
@utility dx-expander { @apply flex-1 min-h-0 min-w-0 h-full w-full; }
@utility dx-container { @apply dx-expander overflow-hidden; }
@utility dx-column { @apply flex-1 min-w-0 w-full; }
@utility dx-fullscreen { @apply absolute inset-0; }
@utility dx-slot-warning { @apply border border-rose-500 border-dashed; }
@utility dx-ring-pseudo { @apply relative after:content-[""] after:absolute after:inset-0 after:rounded-[inherit] after:pointer-events-none after:ring after:ring-inset after:ring-transparent; }
@utility shimmer-text { mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.4) 100%); -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.4) 100%); mask-size: 200% 100%; -webkit-mask-size: 200% 100%; mask-repeat: repeat-x; -webkit-mask-repeat: repeat-x; animation: shimmer-text 2s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .shimmer-text {
    animation: none;
    mask-image: none;
    -webkit-mask-image: none;
    opacity: 0.6;
  }
}

/* src/css/integrations/codemirror.css */
@theme { --color-cm-codeblock: oklch(from var(--color-neutral-500) l c h / 0.1); --color-cm-active-line: light-dark( oklch(from var(--color-neutral-200) l c h / 0.5), oklch(from var(--color-neutral-800) l c h / 0.5) ); --color-cm-separator: var(--color-blue-500); --color-cm-cursor: light-dark(var(--color-neutral-900), var(--color-neutral-100)); --color-cm-selection: light-dark( oklch(from var(--color-blue-400) l c h / 0.5), oklch(from var(--color-blue-600) l c h / 0.5) ); --color-cm-focused-selection: light-dark(var(--color-blue-400), oklch(0.445 0.057 256)); --color-cm-highlight: light-dark(var(--color-neutral-950), var(--color-neutral-50)); --color-cm-highlight-surface: light-dark(var(--color-sky-200), var(--color-cyan-800)); --color-cm-comment-text: light-dark(var(--color-neutral-950), var(--color-neutral-950)); --color-cm-comment-surface: light-dark(var(--color-teal-200), var(--color-teal-200)); --color-cm-comment-current-surface: light-dark(var(--color-orange-200), var(--color-orange-200)); --color-cm-code: light-dark(var(--color-stone-600), var(--color-stone-400)); --color-cm-code-inline: light-dark(var(--color-green-500), var(--color-green-500)); --color-cm-code-mark: var(--color-blue-500); --color-cm-heading: light-dark(var(--color-blue-700), var(--color-blue-300)); --color-cm-heading-number: light-dark(var(--color-blue-600), var(--color-blue-400)); }

/* src/css/integrations/tldraw.css */
.tl-background {
  --color-background: var(--color-base-surface);
}
.tl-container.tl-theme__light,
.tl-container.tl-theme__dark {
  --color-selected: var(--color-accent-bg);
  --color-panel: var(--color-modal-surface);
  --color-panel-contrast: var(--color-separator);
}

/* src/main.css */
@source "../../../**/*.{ts,tsx,html}";
@source "../../../../tools/**/*.{ts,tsx,html}";
@source not "../../../ui/react-ui-geo/data/**";
@source not "../../../ui/solid-ui-geo/data/**";
@source not "../../../apps/composer-app/src/plugins/welcome/components/Welcome/hero-image.ts";
@source inline("bg-{neutral,red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose}-{50,100,200,300,400,500,600,700,800,900,950}");
@source inline("bg-{neutral,red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose}-{bg,bg-hover,fg,surface,text,border}");
@source inline("bg-{primary,secondary}-{50,100,200,300,400,500,600,700,800,900,950}");
@source inline("border-{neutral,red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose}-border");
@source inline("bg-{info,success,warning,error}-{bg,surface,fg,text,border}");
@source inline("border-{info,success,warning,error}-border");
@source inline("bg-grid-{surface,fg,line,highlight,comment,comment-active,selection-surface,selection-fg}");
@source inline("bg-{l0,r0,l1,r1}-surface");
@plugin "@tailwindcss/forms";
@plugin "tailwind-scrollbar";
@plugin "tailwindcss-radix";
@variant dark (&:where(.dark, .dark *));
@custom-variant pointer-coarse (@media (pointer: coarse));
@custom-variant pointer-fine (@media (pointer: fine));
@custom-variant hover-hover (@media (hover: hover));
@custom-variant is-current (&[aria-current]:not([aria-current="false"]));
/*# sourceMappingURL=main.css.map */