@feugene/granularity 0.1.0 → 0.3.0

package/dist/styles.css

@@ -1,1134 +0,0 @@
-/* layer: preflights */
-*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}
-:root {
-  /* Foundations: neutral palette */
-  --ds-slate-0: #ffffff;
-  --ds-slate-50: #f8fafc;
-  --ds-slate-100: #f1f5f9;
-  --ds-slate-200: #e2e8f0;
-  --ds-slate-300: #cbd5e1;
-  --ds-slate-400: #94a3b8;
-  --ds-slate-500: #64748b;
-  --ds-slate-600: #475569;
-  --ds-slate-700: #334155;
-  --ds-slate-800: #1e293b;
-  --ds-slate-900: #0f172a;
-
-  /* Typography: font families */
-  --ds-font-ui: Inter, Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
-  --ds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
-
-  /* Typography: font sizes */
-  --ds-text-xs: 12px;
-  --ds-text-sm: 14px;
-  --ds-text-base: 16px;
-  --ds-text-lg: 18px;
-  --ds-text-xl: 20px;
-  --ds-text-2xl: 24px;
-  --ds-text-3xl: 30px;
-  --ds-text-4xl: 36px;
-
-  /* Typography: line heights */
-  --ds-leading-tight: 1.25;
-  --ds-leading-normal: 1.5;
-  --ds-leading-relaxed: 1.625;
-
-  /* Typography: font weights */
-  --ds-font-regular: 400;
-  --ds-font-medium: 500;
-  --ds-font-semibold: 600;
-  --ds-font-bold: 700;
-
-  /* Layout: spacing scale */
-  --ds-space-0: 0px;
-  --ds-space-1: 4px;
-  --ds-space-2: 8px;
-  --ds-space-3: 12px;
-  --ds-space-4: 16px;
-  --ds-space-5: 20px;
-  --ds-space-6: 24px;
-  --ds-space-8: 32px;
-  --ds-space-10: 40px;
-  --ds-space-12: 48px;
-  --ds-space-16: 64px;
-  --ds-space-20: 80px;
-  --ds-space-24: 96px;
-  --ds-space-32: 128px;
-  --ds-space-40: 160px;
-  --ds-space-48: 192px;
-  --ds-space-64: 256px;
-
-  /* Layout: containers */
-  --ds-container-max: 1280px;
-  --ds-container-max-2xl: 1440px;
-  --ds-container-padding-mobile: 16px;
-  --ds-container-padding-tablet: 24px;
-  --ds-container-padding-desktop: 32px;
-
-  /* Layout: breakpoints */
-  --ds-bp-sm: 640px;
-  --ds-bp-md: 768px;
-  --ds-bp-lg: 1024px;
-  --ds-bp-xl: 1280px;
-  --ds-bp-2xl: 1536px;
-
-  /* Shapes: radii and compatibility aliases */
-  --radius: 0.5rem;
-  --ds-radius-none: 0px;
-  --ds-radius-sm: 4px;
-  --ds-radius-md: 8px;
-  --ds-radius-lg: 12px;
-  --ds-radius-xl: 16px;
-  --ds-radius-full: 9999px;
-
-  /* Elevation */
-  --ds-shadow-0: none;
-  --ds-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.08);
-  --ds-shadow-2: 0 8px 24px rgba(15, 23, 42, 0.14);
-  --ds-shadow-3: 0 16px 48px rgba(15, 23, 42, 0.20);
-
-  /* Motion */
-  --ds-duration-fast: 150ms;
-  --ds-duration-base: 200ms;
-  --ds-duration-slow: 300ms;
-  --ds-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
-  --ds-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
-
-  /* Derived interaction formulas: action roles */
-  --primary-hover: color-mix(in srgb, var(--primary) 92%, var(--fg));
-  --primary-active: color-mix(in srgb, var(--primary) 84%, var(--fg));
-  --secondary-hover: color-mix(in srgb, var(--secondary) 92%, var(--fg));
-  --secondary-active: color-mix(in srgb, var(--secondary) 84%, var(--fg));
-  --brd-hover: color-mix(in srgb, var(--brd) 70%, var(--fg));
-  --brd-active: color-mix(in srgb, var(--brd) 55%, var(--fg));
-  --destructive-hover: color-mix(in srgb, var(--destructive) 92%, var(--fg));
-  --destructive-active: color-mix(in srgb, var(--destructive) 84%, var(--fg));
-
-  /* Derived interaction formulas: status roles */
-  --ds-success-hover: color-mix(in srgb, var(--ds-success) 92%, var(--fg));
-  --ds-success-active: color-mix(in srgb, var(--ds-success) 84%, var(--fg));
-  --ds-warning-hover: color-mix(in srgb, var(--ds-warning) 92%, var(--fg));
-  --ds-warning-active: color-mix(in srgb, var(--ds-warning) 84%, var(--fg));
-  --ds-danger-hover: color-mix(in srgb, var(--ds-danger) 92%, var(--fg));
-  --ds-danger-active: color-mix(in srgb, var(--ds-danger) 84%, var(--fg));
-  --ds-info-hover: color-mix(in srgb, var(--ds-info) 92%, var(--fg));
-  --ds-info-active: color-mix(in srgb, var(--ds-info) 84%, var(--fg));
-  --ds-slate-hover: color-mix(in srgb, var(--ds-slate) 92%, var(--fg));
-  --ds-slate-active: color-mix(in srgb, var(--ds-slate) 84%, var(--fg));
-  --ds-azure-hover: color-mix(in srgb, var(--ds-azure) 92%, var(--fg));
-  --ds-azure-active: color-mix(in srgb, var(--ds-azure) 84%, var(--fg));
-}
-
-html,
-body {
-    height: 100%;
-}
-
-body {
-    margin: 0;
-    font-family: var(--ds-font-ui);
-    background: var(--bg);
-    color: var(--fg);
-}
-
-/*
- * UnoCSS tailwind-compat reset intentionally does not force `background-color: transparent` for buttons
- * (to avoid breaking component libraries). In our DS we want plain buttons/links to be transparent by default.
- */
-:where(a, button) {
-    background-color: transparent;
-}
-
-:where(input[type='button'], input[type='submit'], input[type='reset']) {
-    background-color: transparent;
-}
-
-code,
-pre,
-kbd {
-    font-family: var(--ds-font-mono);
-}
-
-* {
-    box-sizing: border-box;
-}
-
-:root {
-  /* Surface roles */
-  --bg: #f8fafc;
-  --fg: #0f172a;
-  --card: #ffffff;
-  --card-fg: #0f172a;
-  --popover: #ffffff;
-  --popover-fg: #0f172a;
-  --muted: #f1f5f9;
-  --muted-fg: #64748b;
-  --secondary: #e2e8f0;
-  --secondary-fg: #1e293b;
-  --brd: #e2e8f0;
-  --input: #e2e8f0;
-  --ring: #6366f1;
-
-  /* Action roles */
-  --primary: #4f46e5;
-  --primary-fg: #ffffff;
-  --accent: #eef2ff;
-  --accent-fg: #3730a3;
-  --destructive: #dc2626;
-  --destructive-fg: #ffffff;
-
-  /* Status roles */
-  --ds-success: #10b981;
-  --ds-success-light: #d1fae5;
-  --ds-success-fg: #ffffff;
-  --ds-success-text: #065f46;
-  --ds-warning: #f97316;
-  --ds-warning-light: #ffedd5;
-  --ds-warning-fg: #ffffff;
-  --ds-warning-text: #7c2d12;
-  --ds-danger: #dc2626;
-  --ds-danger-light: #fee2e2;
-  --ds-danger-fg: #ffffff;
-  --ds-danger-text: #991b1b;
-  --ds-info: #5850ec;
-  --ds-info-light: #e0e7ff;
-  --ds-info-fg: #ffffff;
-  --ds-info-text: #3730a3;
-  --ds-slate: #475569;
-  --ds-slate-light: #e2e8f0;
-  --ds-slate-fg: #ffffff;
-  --ds-slate-text: #334155;
-  --ds-azure: #0ea5e9;
-  --ds-azure-light: #e0f2fe;
-  --ds-azure-fg: #ffffff;
-  --ds-azure-text: #075985;
-
-  /* Data visualization roles */
-  --chart-1: #4f46e5;
-  --chart-2: #10b981;
-  --chart-3: #f97316;
-  --chart-4: #6366f1;
-  --chart-5: #8b5cf6;
-
-  /* Navigation roles */
-  --sidebar: #ffffff;
-  --sidebar-fg: #0f172a;
-  --sidebar-primary: #4f46e5;
-  --sidebar-primary-fg: #ffffff;
-  --sidebar-accent: #f1f5f9;
-  --sidebar-accent-fg: #1e293b;
-  --sidebar-brd: #e2e8f0;
-  --sidebar-ring: #6366f1;
-}
-
-@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
-  :root {
-    /* Action role fallbacks */
-    --primary-hover: #4a42d6;
-    --primary-active: #453ec7;
-    --secondary-hover: #d1d7e0;
-    --secondary-active: #c0c7d0;
-    --brd-hover: #a3a9b5;
-    --brd-active: #838a97;
-    --destructive-hover: #cc2526;
-    --destructive-active: #bb2427;
-
-    /* Status role fallbacks */
-    --ds-success-hover: #10ac7a;
-    --ds-success-active: #109f73;
-    --ds-warning-hover: #e66c18;
-    --ds-warning-active: #d46419;
-    --ds-danger-hover: #cc2526;
-    --ds-danger-active: #bb2427;
-    --ds-info-hover: #5c60e1;
-    --ds-info-active: #5659d1;
-    --ds-slate-hover: #435062;
-    --ds-slate-active: #3d4a5b;
-    --ds-azure-hover: #0284c7;
-    --ds-azure-active: #0369a1;
-
-    /* Component semantic fallbacks */
-    --ds-category-tree-branch-line-active-color: #c4cdf7;
-  }
-}
-
-.theme-dark,
-.dark,
-[data-theme='dark'] {
-  /* Surface roles */
-  --bg: #0f172a;
-  --fg: #f8fafc;
-  --card: #1e293b;
-  --card-fg: #f8fafc;
-  --popover: #1e293b;
-  --popover-fg: #f8fafc;
-  --muted: #334155;
-  --muted-fg: #94a3b8;
-  --secondary: #334155;
-  --secondary-fg: #f1f5f9;
-  --brd: #334155;
-  --input: #334155;
-  --ring: #818cf8;
-
-  /* Action roles */
-  --primary: #6366f1;
-  --primary-fg: #ffffff;
-  --accent: #1e1b4b;
-  --accent-fg: #c7d2fe;
-  --destructive: #ef4444;
-  --destructive-fg: #ffffff;
-
-  /* Status roles */
-  --ds-success: #34d399;
-  --ds-success-light: #064e3b;
-  --ds-success-fg: #0f172a;
-  --ds-success-text: #6ee7b7;
-  --ds-warning: #fb923c;
-  --ds-warning-light: #7c2d12;
-  --ds-warning-fg: #0f172a;
-  --ds-warning-text: #fdba74;
-  --ds-danger: #f87171;
-  --ds-danger-light: #7f1d1d;
-  --ds-danger-fg: #0f172a;
-  --ds-danger-text: #fca5a5;
-  --ds-info: #818cf8;
-  --ds-info-light: #312e81;
-  --ds-info-fg: #0f172a;
-  --ds-info-text: #c7d2fe;
-  --ds-slate: #94a3b8;
-  --ds-slate-light: #334155;
-  --ds-slate-fg: #0f172a;
-  --ds-slate-text: #cbd5e1;
-  --ds-azure: #38bdf8;
-  --ds-azure-light: #0c4a6e;
-  --ds-azure-fg: #0f172a;
-  --ds-azure-text: #bae6fd;
-
-  /* Data visualization roles */
-  --chart-1: #6366f1;
-  --chart-2: #34d399;
-  --chart-3: #fb923c;
-  --chart-4: #818cf8;
-  --chart-5: #a78bfa;
-
-  /* Navigation roles */
-  --sidebar: #1e293b;
-  --sidebar-fg: #f8fafc;
-  --sidebar-primary: #6366f1;
-  --sidebar-primary-fg: #ffffff;
-  --sidebar-accent: #334155;
-  --sidebar-accent-fg: #f1f5f9;
-  --sidebar-brd: #334155;
-  --sidebar-ring: #818cf8;
-}
-
-@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
-  .theme-dark,
-  .dark,
-  [data-theme='dark'] {
-    /* Action role fallbacks */
-    --primary-hover: #6f72f2;
-    --primary-active: #7b7ef3;
-    --secondary-hover: #435062;
-    --secondary-active: #535f70;
-    --brd-hover: #6e7987;
-    --brd-active: #8c94a0;
-    --destructive-hover: #f05353;
-    --destructive-active: #f06161;
-
-    /* Status role fallbacks */
-    --ds-success-hover: #44d6a1;
-    --ds-success-active: #53d9a9;
-    --ds-warning-hover: #fb9a4b;
-    --ds-warning-active: #fba35b;
-    --ds-danger-hover: #f87c7c;
-    --ds-danger-active: #f88787;
-    --ds-info-hover: #8b95f8;
-    --ds-info-active: #949ef9;
-    --ds-slate-hover: #9faec0;
-    --ds-slate-active: #aab7c8;
-    --ds-azure-hover: #4bc3f9;
-    --ds-azure-active: #5dcbf9;
-
-    /* Component semantic fallbacks */
-    --ds-category-tree-branch-line-active-color: #505b8c;
-  }
-}
-
-:root {
-  --ds-button-primary-bg: var(--primary);
-  --ds-button-primary-bg-hover: var(--primary-hover);
-  --ds-button-primary-bg-active: var(--primary-active);
-  --ds-button-primary-fg: var(--primary-fg);
-  --ds-button-primary-soft-bg: color-mix(in srgb, var(--primary) 14%, var(--bg));
-  --ds-button-primary-soft-bg-hover: color-mix(in srgb, var(--primary) 18%, var(--bg));
-  --ds-button-primary-soft-bg-active: color-mix(in srgb, var(--primary) 24%, var(--bg));
-
-  --ds-button-success-bg: #047857;
-  --ds-button-success-bg-hover: #036c4d;
-  --ds-button-success-bg-active: #025f44;
-  --ds-button-success-fg: var(--ds-success-fg);
-  --ds-button-success-soft-bg: var(--ds-success-light);
-  --ds-button-success-soft-bg-hover: color-mix(in srgb, var(--ds-success) 20%, var(--bg));
-  --ds-button-success-soft-bg-active: color-mix(in srgb, var(--ds-success) 26%, var(--bg));
-
-  --ds-button-warning-bg: #c2410c;
-  --ds-button-warning-bg-hover: #b53b0a;
-  --ds-button-warning-bg-active: #9f3307;
-  --ds-button-warning-fg: var(--ds-warning-fg);
-  --ds-button-warning-soft-bg: var(--ds-warning-light);
-  --ds-button-warning-soft-bg-hover: color-mix(in srgb, var(--ds-warning) 20%, var(--bg));
-  --ds-button-warning-soft-bg-active: color-mix(in srgb, var(--ds-warning) 26%, var(--bg));
-
-  --ds-button-danger-bg: var(--ds-danger);
-  --ds-button-danger-bg-hover: var(--ds-danger-hover);
-  --ds-button-danger-bg-active: var(--ds-danger-active);
-  --ds-button-danger-fg: var(--ds-danger-fg);
-  --ds-button-danger-soft-bg: var(--ds-danger-light);
-  --ds-button-danger-soft-bg-hover: color-mix(in srgb, var(--ds-danger) 20%, var(--bg));
-  --ds-button-danger-soft-bg-active: color-mix(in srgb, var(--ds-danger) 26%, var(--bg));
-
-  --ds-button-info-bg: var(--ds-info);
-  --ds-button-info-bg-hover: var(--ds-info-hover);
-  --ds-button-info-bg-active: var(--ds-info-active);
-  --ds-button-info-fg: var(--ds-info-fg);
-  --ds-button-info-soft-bg: var(--ds-info-light);
-  --ds-button-info-soft-bg-hover: color-mix(in srgb, var(--ds-info) 20%, var(--bg));
-  --ds-button-info-soft-bg-active: color-mix(in srgb, var(--ds-info) 26%, var(--bg));
-
-  --ds-button-slate-bg: var(--ds-slate);
-  --ds-button-slate-bg-hover: var(--ds-slate-hover);
-  --ds-button-slate-bg-active: var(--ds-slate-active);
-  --ds-button-slate-fg: var(--ds-slate-fg);
-  --ds-button-slate-soft-bg: var(--ds-slate-light);
-  --ds-button-slate-soft-bg-hover: color-mix(in srgb, var(--ds-slate) 20%, var(--bg));
-  --ds-button-slate-soft-bg-active: color-mix(in srgb, var(--ds-slate) 26%, var(--bg));
-
-  --ds-button-azure-bg: #0369a1;
-  --ds-button-azure-bg-hover: #075985;
-  --ds-button-azure-bg-active: #0c4a6e;
-  --ds-button-azure-fg: #ffffff;
-  --ds-button-azure-soft-bg: var(--ds-azure-light);
-  --ds-button-azure-soft-bg-hover: color-mix(in srgb, var(--ds-azure) 20%, var(--bg));
-  --ds-button-azure-soft-bg-active: color-mix(in srgb, var(--ds-azure) 26%, var(--bg));
-}
-
-.theme-dark,
-.dark,
-[data-theme='dark'] {
-  --ds-button-primary-bg: #595ce6;
-  --ds-button-primary-bg-hover: #5053dd;
-  --ds-button-primary-bg-active: #474acf;
-  --ds-button-primary-fg: #ffffff;
-
-  --ds-button-success-bg: #047857;
-  --ds-button-success-bg-hover: #036c4d;
-  --ds-button-success-bg-active: #025f44;
-  --ds-button-success-fg: #f8fafc;
-
-  --ds-button-warning-bg: #c2410c;
-  --ds-button-warning-bg-hover: #b53b0a;
-  --ds-button-warning-bg-active: #9f3307;
-  --ds-button-warning-fg: #f8fafc;
-
-  --ds-button-danger-bg: #b91c1c;
-  --ds-button-danger-bg-hover: #a91919;
-  --ds-button-danger-bg-active: #931515;
-  --ds-button-danger-fg: #f8fafc;
-
-  --ds-button-info-bg: #4338ca;
-  --ds-button-info-bg-hover: #3d33bb;
-  --ds-button-info-bg-active: #362da8;
-  --ds-button-info-fg: #f8fafc;
-
-  --ds-button-slate-bg: #475569;
-  --ds-button-slate-bg-hover: #334155;
-  --ds-button-slate-bg-active: #1e293b;
-  --ds-button-slate-fg: #f8fafc;
-
-  --ds-button-azure-bg: #0369a1;
-  --ds-button-azure-bg-hover: #075985;
-  --ds-button-azure-bg-active: #0c4a6e;
-  --ds-button-azure-fg: #f8fafc;
-}
-[data-ds-button-group] [data-ds-button] {
-  border-radius: 0 !important;
-  position: relative;
-}
-
-[data-ds-button-group] [data-ds-button] + [data-ds-button] {
-  margin-left: -1px;
-}
-
-[data-ds-button-group] [data-ds-button]:hover,
-[data-ds-button-group] [data-ds-button]:focus-visible {
-  z-index: 1;
-}
-
-[data-ds-button-group] [data-ds-button]:first-child {
-  border-top-left-radius: 0.375rem !important;
-  border-bottom-left-radius: 0.375rem !important;
-}
-
-[data-ds-button-group] [data-ds-button]:last-child {
-  border-top-right-radius: 0.375rem !important;
-  border-bottom-right-radius: 0.375rem !important;
-}
-:root {
-  --ds-icon-size: 18px;
-}
-/*
- * DsIcon.
- *
- * This must be global because icons are usually passed via slots (SVG),
- * and we want consistent sizing without relying on SFC scoped + :deep.
- */
-
-:where(.ds-icon) {
-  width: var(--ds-icon-size);
-  min-width: var(--ds-icon-size);
-  height: var(--ds-icon-size);
-  line-height: 0;
-  flex: none;
-}
-
-:where(.ds-icon svg) {
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-:root {
-  --pb-bg: var(--primary);
-  --pb-neutral-bg: var(--secondary);
-  --pb-success-bg: var(--ds-success);
-  --pb-warning-bg: var(--ds-warning);
-  --pb-danger-bg: var(--ds-danger);
-  --pb-info-bg: var(--ds-info);
-  --pb-slate-bg: var(--ds-slate);
-  --pb-azure-bg: var(--ds-azure);
-}
-
-.theme-dark,
-.dark,
-[data-theme='dark'] {
-  --pb-bg: var(--primary);
-  --pb-neutral-bg: var(--secondary);
-  --pb-success-bg: var(--ds-success);
-  --pb-warning-bg: var(--ds-warning);
-  --pb-danger-bg: var(--ds-danger);
-  --pb-info-bg: var(--ds-info);
-  --pb-slate-bg: var(--ds-slate);
-  --pb-azure-bg: var(--ds-azure);
-}
-:root {
-  --ds-segmented-indicator-highlight-shadow: 0 0 0 0 transparent;
-}
-
-.theme-dark,
-.dark,
-[data-theme='dark'] {
-  --ds-segmented-indicator-highlight-shadow: 0 0 0 1px rgba(248, 250, 252, 0.08);
-}
-@keyframes granularity-spin{to{transform:rotate(360deg)}}
-/* layer: default */
-.pointer-events-auto{pointer-events:auto;}
-.pointer-events-none{pointer-events:none;}
-.visible{visibility:visible;}
-.absolute{position:absolute;}
-.fixed{position:fixed;}
-.relative{position:relative;}
-.inset-0{inset:0;}
-.inset-x-0{left:0;right:0;}
-.inset-y-0{top:0;bottom:0;}
-.-right-1{right:-0.25rem;}
-.-right-2{right:-0.5rem;}
-.-top-1{top:-0.25rem;}
-.-top-2{top:-0.5rem;}
-.bottom-\[calc\(100\%\+8px\)\]{bottom:calc(100% + 8px);}
-.bottom-0{bottom:0;}
-.left-0{left:0;}
-.left-1\/2{left:50%;}
-.left-3{left:0.75rem;}
-.right-0{right:0;}
-.right-3{right:0.75rem;}
-.right-4{right:1rem;}
-.right-9{right:2.25rem;}
-.top-0{top:0;}
-.top-1\/2{top:50%;}
-.top-4{top:1rem;}
-.z-\[1\]{z-index:1;}
-.z-0{z-index:0;}
-.z-10{z-index:10;}
-.z-20{z-index:20;}
-.z-30{z-index:30;}
-.z-50{z-index:50;}
-.grid{display:grid;}
-.inline-grid{display:inline-grid;}
-.grid-flow-col{grid-auto-flow:column;}
-.grid-rows-\[0fr\]{grid-template-rows:0fr;}
-.grid-rows-\[1fr\]{grid-template-rows:1fr;}
-.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
-.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
-.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
-.m-0{margin:0;}
-.mx-1{margin-left:0.25rem;margin-right:0.25rem;}
-.mx-2{margin-left:0.5rem;margin-right:0.5rem;}
-.mx-auto{margin-left:auto;margin-right:auto;}
-.-mr-0\.5{margin-right:-0.125rem;}
-.-mr-1{margin-right:-0.25rem;}
-.-mt-1{margin-top:-0.25rem;}
-.ml-2{margin-left:0.5rem;}
-.ml-6{margin-left:1.5rem;}
-.ms{margin-inline-start:1rem;}
-.mt-0\.5{margin-top:0.125rem;}
-.mt-1{margin-top:0.25rem;}
-.mt-2{margin-top:0.5rem;}
-.mt-3{margin-top:0.75rem;}
-.mt-4{margin-top:1rem;}
-.inline{display:inline;}
-.block{display:block;}
-.inline-block{display:inline-block;}
-.hidden{display:none;}
-.h-\[100svh\]{height:100svh;}
-.h-\[56px\]{height:56px;}
-.h-\[6px\]{height:6px;}
-.h-10{height:2.5rem;}
-.h-11{height:2.75rem;}
-.h-12{height:3rem;}
-.h-14{height:3.5rem;}
-.h-2{height:0.5rem;}
-.h-3\.5{height:0.875rem;}
-.h-4{height:1rem;}
-.h-5{height:1.25rem;}
-.h-6{height:1.5rem;}
-.h-7{height:1.75rem;}
-.h-8{height:2rem;}
-.h-9{height:2.25rem;}
-.h-full{height:100%;}
-.h-px{height:1px;}
-.max-h-full{max-height:100%;}
-.max-w-\[18rem\]{max-width:18rem;}
-.max-w-\[240px\]{max-width:240px;}
-.max-w-\[420px\]{max-width:420px;}
-.max-w-\[560px\]{max-width:560px;}
-.max-w-\[720px\]{max-width:720px;}
-.max-w-\[90vw\]{max-width:90vw;}
-.max-w-\[920px\]{max-width:920px;}
-.max-w-\[92vw\]{max-width:92vw;}
-.max-w-\[94vw\]{max-width:94vw;}
-.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem);}
-.max-w-full{max-width:100%;}
-.max-w-max{max-width:max-content;}
-.max-w-none{max-width:none;}
-.min-h-\[40px\]{min-height:40px;}
-.min-h-\[44px\]{min-height:44px;}
-.min-h-\[var\(--ds-segmented-min-height\)\]{min-height:var(--ds-segmented-min-height);}
-.min-h-10{min-height:2.5rem;}
-.min-h-11{min-height:2.75rem;}
-.min-h-7{min-height:1.75rem;}
-.min-h-8{min-height:2rem;}
-.min-h-full{min-height:100%;}
-.min-w-\[100px\]{min-width:100px;}
-.min-w-\[120px\]{min-width:120px;}
-.min-w-\[44px\]{min-width:44px;}
-.min-w-0{min-width:0;}
-.min-w-11{min-width:2.75rem;}
-.min-w-5{min-width:1.25rem;}
-.min-w-8{min-width:2rem;}
-.min-w-full{min-width:100%;}
-.w-\[100vw\]{width:100vw;}
-.w-\[360px\]{width:360px;}
-.w-\[420px\]{width:420px;}
-.w-\[560px\]{width:560px;}
-.w-\[6px\]{width:6px;}
-.w-10{width:2.5rem;}
-.w-11{width:2.75rem;}
-.w-12{width:3rem;}
-.w-14{width:3.5rem;}
-.w-2{width:0.5rem;}
-.w-20{width:5rem;}
-.w-3\.5{width:0.875rem;}
-.w-4{width:1rem;}
-.w-48{width:12rem;}
-.w-5{width:1.25rem;}
-.w-6{width:1.5rem;}
-.w-60{width:15rem;}
-.w-64{width:16rem;}
-.w-7{width:1.75rem;}
-.w-8{width:2rem;}
-.w-80{width:20rem;}
-.w-9{width:2.25rem;}
-.w-auto{width:auto;}
-.w-full{width:100%;}
-.w-px{width:1px;}
-.flex{display:flex;}
-.inline-flex{display:inline-flex;}
-.flex-1{flex:1 1 0%;}
-.shrink-0{flex-shrink:0;}
-.flex-col{flex-direction:column;}
-.flex-wrap{flex-wrap:wrap;}
-.origin-top{transform-origin:top;}
-.origin-top-left{transform-origin:top left;}
-.origin-top-right{transform-origin:top right;}
-.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.-translate-x-full{--un-translate-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-x-\[17px\]{--un-translate-x:17px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-x-\[28px\]{--un-translate-x:28px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-x-\[2px\]{--un-translate-x:2px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-x-\[3px\]{--un-translate-x:3px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-x-0{--un-translate-x:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-x-5{--un-translate-x:1.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-x-full{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-y-0{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-y-2{--un-translate-y:0.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.scale-100{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.scale-75{--un-scale-x:0.75;--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.scale-95{--un-scale-x:0.95;--un-scale-y:0.95;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.scale-98{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.cursor-pointer{cursor:pointer;}
-.cursor-wait{cursor:wait;}
-.cursor-text{cursor:text;}
-.cursor-not-allowed{cursor:not-allowed;}
-.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
-.select-none{-webkit-user-select:none;user-select:none;}
-.resize{resize:both;}
-.appearance-none{-webkit-appearance:none;appearance:none;}
-.items-start{align-items:flex-start;}
-.items-center{align-items:center;}
-.items-stretch{align-items:stretch;}
-.justify-start{justify-content:flex-start;}
-.justify-end{justify-content:flex-end;}
-.justify-center{justify-content:center;}
-.justify-between{justify-content:space-between;}
-.justify-around{justify-content:space-around;}
-.gap-0{gap:0;}
-.gap-1{gap:0.25rem;}
-.gap-1\.5{gap:0.375rem;}
-.gap-2{gap:0.5rem;}
-.gap-3{gap:0.75rem;}
-.gap-4{gap:1rem;}
-.overflow-auto{overflow:auto;}
-.overflow-hidden{overflow:hidden;}
-.overflow-x-auto{overflow-x:auto;}
-.overflow-y-auto{overflow-y:auto;}
-.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.whitespace-nowrap{white-space:nowrap;}
-.b,
-.border{border-width:1px;}
-.border-b{border-bottom-width:1px;}
-.border-l{border-left-width:1px;}
-.border-r{border-right-width:1px;}
-.border-t{border-top-width:1px;}
-.border-\[color-mix\(in_srgb\,var\(--ds-azure\)_30\%\,var\(--ds-azure-light\)\)\]{border-color:color-mix(in srgb,var(--ds-azure) 30%,var(--ds-azure-light));}
-.border-\[color-mix\(in_srgb\,var\(--ds-danger\)_30\%\,var\(--ds-danger-light\)\)\]{border-color:color-mix(in srgb,var(--ds-danger) 30%,var(--ds-danger-light));}
-.border-\[color-mix\(in_srgb\,var\(--ds-info\)_30\%\,var\(--ds-info-light\)\)\]{border-color:color-mix(in srgb,var(--ds-info) 30%,var(--ds-info-light));}
-.border-\[color-mix\(in_srgb\,var\(--ds-slate\)_30\%\,var\(--ds-slate-light\)\)\]{border-color:color-mix(in srgb,var(--ds-slate) 30%,var(--ds-slate-light));}
-.border-\[color-mix\(in_srgb\,var\(--ds-success\)_30\%\,var\(--ds-success-light\)\)\]{border-color:color-mix(in srgb,var(--ds-success) 30%,var(--ds-success-light));}
-.border-\[color-mix\(in_srgb\,var\(--ds-warning\)_30\%\,var\(--ds-warning-light\)\)\]{border-color:color-mix(in srgb,var(--ds-warning) 30%,var(--ds-warning-light));}
-.border-\[color-mix\(in_srgb\,var\(--fg\)_35\%\,var\(--brd\)\)\]{border-color:color-mix(in srgb,var(--fg) 35%,var(--brd));}
-.border-\[color-mix\(in_srgb\,var\(--primary\)_30\%\,var\(--accent\)\)\]{border-color:color-mix(in srgb,var(--primary) 30%,var(--accent));}
-.border-\[var\(--brd\)\]{border-color:var(--brd);}
-.border-\[var\(--ds-azure\)\]{border-color:var(--ds-azure);}
-.border-\[var\(--ds-button-azure-bg\,var\(--ds-azure\)\)\]{border-color:var(--ds-button-azure-bg,var(--ds-azure));}
-.border-\[var\(--ds-button-danger-bg\,var\(--ds-danger\)\)\]{border-color:var(--ds-button-danger-bg,var(--ds-danger));}
-.border-\[var\(--ds-button-info-bg\,var\(--ds-info\)\)\]{border-color:var(--ds-button-info-bg,var(--ds-info));}
-.border-\[var\(--ds-button-primary-bg\,var\(--primary\)\)\]{border-color:var(--ds-button-primary-bg,var(--primary));}
-.border-\[var\(--ds-button-slate-bg\,var\(--ds-slate\)\)\]{border-color:var(--ds-button-slate-bg,var(--ds-slate));}
-.border-\[var\(--ds-button-success-bg\,var\(--ds-success\)\)\]{border-color:var(--ds-button-success-bg,var(--ds-success));}
-.border-\[var\(--ds-button-warning-bg\,var\(--ds-warning\)\)\]{border-color:var(--ds-button-warning-bg,var(--ds-warning));}
-.border-\[var\(--ds-danger\)\]{border-color:var(--ds-danger);}
-.border-\[var\(--ds-info\)\]{border-color:var(--ds-info);}
-.border-\[var\(--ds-segmented-indicator-brd\)\]{border-color:var(--ds-segmented-indicator-brd);}
-.border-\[var\(--ds-segmented-track-brd\)\]{border-color:var(--ds-segmented-track-brd);}
-.border-\[var\(--ds-slate\)\]{border-color:var(--ds-slate);}
-.border-\[var\(--ds-success\)\]{border-color:var(--ds-success);}
-.border-\[var\(--ds-switch-track-brd\)\]{border-color:var(--ds-switch-track-brd);}
-.border-\[var\(--ds-warning\)\]{border-color:var(--ds-warning);}
-.border-\[var\(--primary\)\]{border-color:var(--primary);}
-.border-\[var\(--ring\)\]{border-color:var(--ring);}
-.border-\[var\(--secondary\)\]{border-color:var(--secondary);}
-.border-\[var\(--sidebar-brd\)\]{border-color:var(--sidebar-brd);}
-.border-transparent{border-color:transparent;}
-.border-white\/20{border-color:rgb(255 255 255 / 0.2);}
-.hover\:active\:border-\[var\(--brd-active\,var\(--brd\)\)\]:active:hover{border-color:var(--brd-active,var(--brd));}
-.hover\:active\:border-\[var\(--ds-azure-active\)\]:active:hover{border-color:var(--ds-azure-active);}
-.hover\:active\:border-\[var\(--ds-button-azure-bg-active\,var\(--ds-azure-active\)\)\]:active:hover{border-color:var(--ds-button-azure-bg-active,var(--ds-azure-active));}
-.hover\:active\:border-\[var\(--ds-button-danger-bg-active\,var\(--ds-danger-active\)\)\]:active:hover{border-color:var(--ds-button-danger-bg-active,var(--ds-danger-active));}
-.hover\:active\:border-\[var\(--ds-button-info-bg-active\,var\(--ds-info-active\)\)\]:active:hover{border-color:var(--ds-button-info-bg-active,var(--ds-info-active));}
-.hover\:active\:border-\[var\(--ds-button-primary-bg-active\,var\(--primary-active\)\)\]:active:hover{border-color:var(--ds-button-primary-bg-active,var(--primary-active));}
-.hover\:active\:border-\[var\(--ds-button-slate-bg-active\,var\(--ds-slate-active\)\)\]:active:hover{border-color:var(--ds-button-slate-bg-active,var(--ds-slate-active));}
-.hover\:active\:border-\[var\(--ds-button-success-bg-active\,var\(--ds-success-active\)\)\]:active:hover{border-color:var(--ds-button-success-bg-active,var(--ds-success-active));}
-.hover\:active\:border-\[var\(--ds-button-warning-bg-active\,var\(--ds-warning-active\)\)\]:active:hover{border-color:var(--ds-button-warning-bg-active,var(--ds-warning-active));}
-.hover\:active\:border-\[var\(--ds-danger-active\)\]:active:hover{border-color:var(--ds-danger-active);}
-.hover\:active\:border-\[var\(--ds-info-active\)\]:active:hover{border-color:var(--ds-info-active);}
-.hover\:active\:border-\[var\(--ds-slate-active\)\]:active:hover{border-color:var(--ds-slate-active);}
-.hover\:active\:border-\[var\(--ds-success-active\)\]:active:hover{border-color:var(--ds-success-active);}
-.hover\:active\:border-\[var\(--ds-warning-active\)\]:active:hover{border-color:var(--ds-warning-active);}
-.hover\:active\:border-\[var\(--primary-active\)\]:active:hover{border-color:var(--primary-active);}
-.hover\:active\:border-\[var\(--secondary-active\)\]:active:hover{border-color:var(--secondary-active);}
-.hover\:border-\[var\(--brd-hover\,var\(--brd\)\)\]:hover{border-color:var(--brd-hover,var(--brd));}
-.hover\:border-\[var\(--ds-azure-hover\)\]:hover{border-color:var(--ds-azure-hover);}
-.hover\:border-\[var\(--ds-button-azure-bg-hover\,var\(--ds-azure-hover\)\)\]:hover{border-color:var(--ds-button-azure-bg-hover,var(--ds-azure-hover));}
-.hover\:border-\[var\(--ds-button-danger-bg-hover\,var\(--ds-danger-hover\)\)\]:hover{border-color:var(--ds-button-danger-bg-hover,var(--ds-danger-hover));}
-.hover\:border-\[var\(--ds-button-info-bg-hover\,var\(--ds-info-hover\)\)\]:hover{border-color:var(--ds-button-info-bg-hover,var(--ds-info-hover));}
-.hover\:border-\[var\(--ds-button-primary-bg-hover\,var\(--primary-hover\)\)\]:hover{border-color:var(--ds-button-primary-bg-hover,var(--primary-hover));}
-.hover\:border-\[var\(--ds-button-slate-bg-hover\,var\(--ds-slate-hover\)\)\]:hover{border-color:var(--ds-button-slate-bg-hover,var(--ds-slate-hover));}
-.hover\:border-\[var\(--ds-button-success-bg-hover\,var\(--ds-success-hover\)\)\]:hover{border-color:var(--ds-button-success-bg-hover,var(--ds-success-hover));}
-.hover\:border-\[var\(--ds-button-warning-bg-hover\,var\(--ds-warning-hover\)\)\]:hover{border-color:var(--ds-button-warning-bg-hover,var(--ds-warning-hover));}
-.hover\:border-\[var\(--ds-danger-hover\)\]:hover{border-color:var(--ds-danger-hover);}
-.hover\:border-\[var\(--ds-info-hover\)\]:hover{border-color:var(--ds-info-hover);}
-.hover\:border-\[var\(--ds-slate-hover\)\]:hover{border-color:var(--ds-slate-hover);}
-.hover\:border-\[var\(--ds-success-hover\)\]:hover{border-color:var(--ds-success-hover);}
-.hover\:border-\[var\(--ds-warning-hover\)\]:hover{border-color:var(--ds-warning-hover);}
-.hover\:border-\[var\(--primary-hover\)\]:hover{border-color:var(--primary-hover);}
-.hover\:border-\[var\(--secondary-hover\)\]:hover{border-color:var(--secondary-hover);}
-.active\:border-\[var\(--brd-active\,var\(--brd\)\)\]:active{border-color:var(--brd-active,var(--brd));}
-.active\:border-\[var\(--ds-azure-active\)\]:active{border-color:var(--ds-azure-active);}
-.active\:border-\[var\(--ds-button-azure-bg-active\,var\(--ds-azure-active\)\)\]:active{border-color:var(--ds-button-azure-bg-active,var(--ds-azure-active));}
-.active\:border-\[var\(--ds-button-danger-bg-active\,var\(--ds-danger-active\)\)\]:active{border-color:var(--ds-button-danger-bg-active,var(--ds-danger-active));}
-.active\:border-\[var\(--ds-button-info-bg-active\,var\(--ds-info-active\)\)\]:active{border-color:var(--ds-button-info-bg-active,var(--ds-info-active));}
-.active\:border-\[var\(--ds-button-primary-bg-active\,var\(--primary-active\)\)\]:active{border-color:var(--ds-button-primary-bg-active,var(--primary-active));}
-.active\:border-\[var\(--ds-button-slate-bg-active\,var\(--ds-slate-active\)\)\]:active{border-color:var(--ds-button-slate-bg-active,var(--ds-slate-active));}
-.active\:border-\[var\(--ds-button-success-bg-active\,var\(--ds-success-active\)\)\]:active{border-color:var(--ds-button-success-bg-active,var(--ds-success-active));}
-.active\:border-\[var\(--ds-button-warning-bg-active\,var\(--ds-warning-active\)\)\]:active{border-color:var(--ds-button-warning-bg-active,var(--ds-warning-active));}
-.active\:border-\[var\(--ds-danger-active\)\]:active{border-color:var(--ds-danger-active);}
-.active\:border-\[var\(--ds-info-active\)\]:active{border-color:var(--ds-info-active);}
-.active\:border-\[var\(--ds-slate-active\)\]:active{border-color:var(--ds-slate-active);}
-.active\:border-\[var\(--ds-success-active\)\]:active{border-color:var(--ds-success-active);}
-.active\:border-\[var\(--ds-warning-active\)\]:active{border-color:var(--ds-warning-active);}
-.active\:border-\[var\(--primary-active\)\]:active{border-color:var(--primary-active);}
-.active\:border-\[var\(--secondary-active\)\]:active{border-color:var(--secondary-active);}
-.rounded{border-radius:0.25rem;}
-.rounded-\[10px\]{border-radius:10px;}
-.rounded-\[12px\]{border-radius:12px;}
-.rounded-\[3px\]{border-radius:3px;}
-.rounded-\[5px\]{border-radius:5px;}
-.rounded-\[6px\]{border-radius:6px;}
-.rounded-\[calc\(var\(--ds-segmented-radius\)-var\(--ds-segmented-padding\)\)\]{border-radius:calc(var(--ds-segmented-radius) - var(--ds-segmented-padding));}
-.rounded-\[inherit\]{border-radius:inherit;}
-.rounded-\[var\(--ds-radius-lg\)\]{border-radius:var(--ds-radius-lg);}
-.rounded-\[var\(--ds-radius-md\)\]{border-radius:var(--ds-radius-md);}
-.rounded-\[var\(--ds-radius-none\)\]{border-radius:var(--ds-radius-none);}
-.rounded-\[var\(--ds-radius-xl\)\]{border-radius:var(--ds-radius-xl);}
-.rounded-\[var\(--ds-segmented-radius\)\]{border-radius:var(--ds-segmented-radius);}
-.rounded-full{border-radius:9999px;}
-.rounded-md{border-radius:0.375rem;}
-.rounded-none{border-radius:0;}
-.focus-visible\:rounded-\[8px\]:focus-visible{border-radius:8px;}
-.border-dashed{border-style:dashed;}
-.border-none{border-style:none;}
-.bg-\[color-mix\(in_srgb\,var\(--primary\)_10\%\,var\(--bg\)\)\]{background-color:color-mix(in srgb,var(--primary) 10%,var(--bg));}
-.bg-\[var\(--accent\)\]{background-color:var(--accent);}
-.bg-\[var\(--bg\)\]{background-color:var(--bg);}
-.bg-\[var\(--card\)\]{background-color:var(--card);}
-.bg-\[var\(--ds-azure-light\)\]{background-color:var(--ds-azure-light);}
-.bg-\[var\(--ds-azure\)\]{background-color:var(--ds-azure);}
-.bg-\[var\(--ds-button-azure-bg\,var\(--ds-azure\)\)\]{background-color:var(--ds-button-azure-bg,var(--ds-azure));}
-.bg-\[var\(--ds-button-azure-soft-bg\)\]{background-color:var(--ds-button-azure-soft-bg);}
-.bg-\[var\(--ds-button-danger-bg\,var\(--ds-danger\)\)\]{background-color:var(--ds-button-danger-bg,var(--ds-danger));}
-.bg-\[var\(--ds-button-danger-soft-bg\)\]{background-color:var(--ds-button-danger-soft-bg);}
-.bg-\[var\(--ds-button-info-bg\,var\(--ds-info\)\)\]{background-color:var(--ds-button-info-bg,var(--ds-info));}
-.bg-\[var\(--ds-button-info-soft-bg\)\]{background-color:var(--ds-button-info-soft-bg);}
-.bg-\[var\(--ds-button-primary-bg\,var\(--primary\)\)\]{background-color:var(--ds-button-primary-bg,var(--primary));}
-.bg-\[var\(--ds-button-primary-soft-bg\)\]{background-color:var(--ds-button-primary-soft-bg);}
-.bg-\[var\(--ds-button-slate-bg\,var\(--ds-slate\)\)\]{background-color:var(--ds-button-slate-bg,var(--ds-slate));}
-.bg-\[var\(--ds-button-slate-soft-bg\)\]{background-color:var(--ds-button-slate-soft-bg);}
-.bg-\[var\(--ds-button-success-bg\,var\(--ds-success\)\)\]{background-color:var(--ds-button-success-bg,var(--ds-success));}
-.bg-\[var\(--ds-button-success-soft-bg\)\]{background-color:var(--ds-button-success-soft-bg);}
-.bg-\[var\(--ds-button-warning-bg\,var\(--ds-warning\)\)\]{background-color:var(--ds-button-warning-bg,var(--ds-warning));}
-.bg-\[var\(--ds-button-warning-soft-bg\)\]{background-color:var(--ds-button-warning-soft-bg);}
-.bg-\[var\(--ds-danger-light\)\]{background-color:var(--ds-danger-light);}
-.bg-\[var\(--ds-danger\)\]{background-color:var(--ds-danger);}
-.bg-\[var\(--ds-info-light\)\]{background-color:var(--ds-info-light);}
-.bg-\[var\(--ds-info\)\]{background-color:var(--ds-info);}
-.bg-\[var\(--ds-segmented-indicator-bg\)\]{background-color:var(--ds-segmented-indicator-bg);}
-.bg-\[var\(--ds-segmented-track-bg\)\]{background-color:var(--ds-segmented-track-bg);}
-.bg-\[var\(--ds-slate-light\)\]{background-color:var(--ds-slate-light);}
-.bg-\[var\(--ds-slate\)\]{background-color:var(--ds-slate);}
-.bg-\[var\(--ds-success-light\)\]{background-color:var(--ds-success-light);}
-.bg-\[var\(--ds-success\)\]{background-color:var(--ds-success);}
-.bg-\[var\(--ds-warning-light\)\]{background-color:var(--ds-warning-light);}
-.bg-\[var\(--ds-warning\)\]{background-color:var(--ds-warning);}
-.bg-\[var\(--fg\)\]{background-color:var(--fg);}
-.bg-\[var\(--muted\)\]{background-color:var(--muted);}
-.bg-\[var\(--pb-azure-bg\,var\(--ds-azure\)\)\]{background-color:var(--pb-azure-bg,var(--ds-azure));}
-.bg-\[var\(--pb-bg\,var\(--primary\)\)\]{background-color:var(--pb-bg,var(--primary));}
-.bg-\[var\(--pb-danger-bg\,var\(--ds-danger\)\)\]{background-color:var(--pb-danger-bg,var(--ds-danger));}
-.bg-\[var\(--pb-info-bg\,var\(--ds-info\)\)\]{background-color:var(--pb-info-bg,var(--ds-info));}
-.bg-\[var\(--pb-neutral-bg\,var\(--secondary\)\)\]{background-color:var(--pb-neutral-bg,var(--secondary));}
-.bg-\[var\(--pb-slate-bg\,var\(--ds-slate\)\)\]{background-color:var(--pb-slate-bg,var(--ds-slate));}
-.bg-\[var\(--pb-success-bg\,var\(--ds-success\)\)\]{background-color:var(--pb-success-bg,var(--ds-success));}
-.bg-\[var\(--pb-warning-bg\,var\(--ds-warning\)\)\]{background-color:var(--pb-warning-bg,var(--ds-warning));}
-.bg-\[var\(--popover\)\]{background-color:var(--popover);}
-.bg-\[var\(--primary\)\]{background-color:var(--primary);}
-.bg-\[var\(--secondary\)\]{background-color:var(--secondary);}
-.bg-\[var\(--sidebar\)\]{background-color:var(--sidebar);}
-.bg-black\/25{background-color:rgb(0 0 0 / 0.25);}
-.bg-black\/35{background-color:rgb(0 0 0 / 0.35);}
-.bg-black\/40{background-color:rgb(0 0 0 / 0.4);}
-.bg-black\/60{background-color:rgb(0 0 0 / 0.6);}
-.bg-transparent{background-color:transparent;}
-.bg-white\/25{background-color:rgb(255 255 255 / 0.25);}
-.hover\:active\:bg-\[var\(--ds-button-azure-bg-active\,var\(--ds-azure-active\)\)\]:active:hover{background-color:var(--ds-button-azure-bg-active,var(--ds-azure-active));}
-.hover\:active\:bg-\[var\(--ds-button-azure-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-azure-soft-bg-active);}
-.hover\:active\:bg-\[var\(--ds-button-danger-bg-active\,var\(--ds-danger-active\)\)\]:active:hover{background-color:var(--ds-button-danger-bg-active,var(--ds-danger-active));}
-.hover\:active\:bg-\[var\(--ds-button-danger-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-danger-soft-bg-active);}
-.hover\:active\:bg-\[var\(--ds-button-info-bg-active\,var\(--ds-info-active\)\)\]:active:hover{background-color:var(--ds-button-info-bg-active,var(--ds-info-active));}
-.hover\:active\:bg-\[var\(--ds-button-info-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-info-soft-bg-active);}
-.hover\:active\:bg-\[var\(--ds-button-primary-bg-active\,var\(--primary-active\)\)\]:active:hover{background-color:var(--ds-button-primary-bg-active,var(--primary-active));}
-.hover\:active\:bg-\[var\(--ds-button-primary-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-primary-soft-bg-active);}
-.hover\:active\:bg-\[var\(--ds-button-slate-bg-active\,var\(--ds-slate-active\)\)\]:active:hover{background-color:var(--ds-button-slate-bg-active,var(--ds-slate-active));}
-.hover\:active\:bg-\[var\(--ds-button-slate-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-slate-soft-bg-active);}
-.hover\:active\:bg-\[var\(--ds-button-success-bg-active\,var\(--ds-success-active\)\)\]:active:hover{background-color:var(--ds-button-success-bg-active,var(--ds-success-active));}
-.hover\:active\:bg-\[var\(--ds-button-success-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-success-soft-bg-active);}
-.hover\:active\:bg-\[var\(--ds-button-warning-bg-active\,var\(--ds-warning-active\)\)\]:active:hover{background-color:var(--ds-button-warning-bg-active,var(--ds-warning-active));}
-.hover\:active\:bg-\[var\(--ds-button-warning-soft-bg-active\)\]:active:hover{background-color:var(--ds-button-warning-soft-bg-active);}
-.hover\:active\:bg-\[var\(--secondary-active\)\]:active:hover{background-color:var(--secondary-active);}
-.hover\:bg-\[color-mix\(in_srgb\,var\(--card\)_70\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--card) 70%,transparent);}
-.hover\:bg-\[color-mix\(in_srgb\,var\(--muted\)_25\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--muted) 25%,transparent);}
-.hover\:bg-\[color-mix\(in_srgb\,var\(--muted\)_30\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--muted) 30%,transparent);}
-.hover\:bg-\[var\(--accent\)\]:hover{background-color:var(--accent);}
-.hover\:bg-\[var\(--ds-button-azure-bg-hover\,var\(--ds-azure-hover\)\)\]:hover{background-color:var(--ds-button-azure-bg-hover,var(--ds-azure-hover));}
-.hover\:bg-\[var\(--ds-button-azure-soft-bg-hover\)\]:hover{background-color:var(--ds-button-azure-soft-bg-hover);}
-.hover\:bg-\[var\(--ds-button-danger-bg-hover\,var\(--ds-danger-hover\)\)\]:hover{background-color:var(--ds-button-danger-bg-hover,var(--ds-danger-hover));}
-.hover\:bg-\[var\(--ds-button-danger-soft-bg-hover\)\]:hover{background-color:var(--ds-button-danger-soft-bg-hover);}
-.hover\:bg-\[var\(--ds-button-info-bg-hover\,var\(--ds-info-hover\)\)\]:hover{background-color:var(--ds-button-info-bg-hover,var(--ds-info-hover));}
-.hover\:bg-\[var\(--ds-button-info-soft-bg-hover\)\]:hover{background-color:var(--ds-button-info-soft-bg-hover);}
-.hover\:bg-\[var\(--ds-button-primary-bg-hover\,var\(--primary-hover\)\)\]:hover{background-color:var(--ds-button-primary-bg-hover,var(--primary-hover));}
-.hover\:bg-\[var\(--ds-button-primary-soft-bg-hover\)\]:hover{background-color:var(--ds-button-primary-soft-bg-hover);}
-.hover\:bg-\[var\(--ds-button-slate-bg-hover\,var\(--ds-slate-hover\)\)\]:hover{background-color:var(--ds-button-slate-bg-hover,var(--ds-slate-hover));}
-.hover\:bg-\[var\(--ds-button-slate-soft-bg-hover\)\]:hover{background-color:var(--ds-button-slate-soft-bg-hover);}
-.hover\:bg-\[var\(--ds-button-success-bg-hover\,var\(--ds-success-hover\)\)\]:hover{background-color:var(--ds-button-success-bg-hover,var(--ds-success-hover));}
-.hover\:bg-\[var\(--ds-button-success-soft-bg-hover\)\]:hover{background-color:var(--ds-button-success-soft-bg-hover);}
-.hover\:bg-\[var\(--ds-button-warning-bg-hover\,var\(--ds-warning-hover\)\)\]:hover{background-color:var(--ds-button-warning-bg-hover,var(--ds-warning-hover));}
-.hover\:bg-\[var\(--ds-button-warning-soft-bg-hover\)\]:hover{background-color:var(--ds-button-warning-soft-bg-hover);}
-.hover\:bg-\[var\(--muted\)\]:hover{background-color:var(--muted);}
-.hover\:bg-\[var\(--secondary-hover\)\]:hover{background-color:var(--secondary-hover);}
-.hover\:bg-black\/55:hover{background-color:rgb(0 0 0 / 0.55);}
-.hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1);}
-.active\:bg-\[var\(--ds-button-azure-bg-active\,var\(--ds-azure-active\)\)\]:active{background-color:var(--ds-button-azure-bg-active,var(--ds-azure-active));}
-.active\:bg-\[var\(--ds-button-azure-soft-bg-active\)\]:active{background-color:var(--ds-button-azure-soft-bg-active);}
-.active\:bg-\[var\(--ds-button-danger-bg-active\,var\(--ds-danger-active\)\)\]:active{background-color:var(--ds-button-danger-bg-active,var(--ds-danger-active));}
-.active\:bg-\[var\(--ds-button-danger-soft-bg-active\)\]:active{background-color:var(--ds-button-danger-soft-bg-active);}
-.active\:bg-\[var\(--ds-button-info-bg-active\,var\(--ds-info-active\)\)\]:active{background-color:var(--ds-button-info-bg-active,var(--ds-info-active));}
-.active\:bg-\[var\(--ds-button-info-soft-bg-active\)\]:active{background-color:var(--ds-button-info-soft-bg-active);}
-.active\:bg-\[var\(--ds-button-primary-bg-active\,var\(--primary-active\)\)\]:active{background-color:var(--ds-button-primary-bg-active,var(--primary-active));}
-.active\:bg-\[var\(--ds-button-primary-soft-bg-active\)\]:active{background-color:var(--ds-button-primary-soft-bg-active);}
-.active\:bg-\[var\(--ds-button-slate-bg-active\,var\(--ds-slate-active\)\)\]:active{background-color:var(--ds-button-slate-bg-active,var(--ds-slate-active));}
-.active\:bg-\[var\(--ds-button-slate-soft-bg-active\)\]:active{background-color:var(--ds-button-slate-soft-bg-active);}
-.active\:bg-\[var\(--ds-button-success-bg-active\,var\(--ds-success-active\)\)\]:active{background-color:var(--ds-button-success-bg-active,var(--ds-success-active));}
-.active\:bg-\[var\(--ds-button-success-soft-bg-active\)\]:active{background-color:var(--ds-button-success-soft-bg-active);}
-.active\:bg-\[var\(--ds-button-warning-bg-active\,var\(--ds-warning-active\)\)\]:active{background-color:var(--ds-button-warning-bg-active,var(--ds-warning-active));}
-.active\:bg-\[var\(--ds-button-warning-soft-bg-active\)\]:active{background-color:var(--ds-button-warning-soft-bg-active);}
-.active\:bg-\[var\(--muted\)\]:active{background-color:var(--muted);}
-.active\:bg-\[var\(--secondary-active\)\]:active{background-color:var(--secondary-active);}
-.p-\[var\(--ds-segmented-padding\)\]{padding:var(--ds-segmented-padding);}
-.p-0{padding:0;}
-.p-0\.5{padding:0.125rem;}
-.p-1{padding:0.25rem;}
-.p-2{padding:0.5rem;}
-.p-3{padding:0.75rem;}
-.p-4{padding:1rem;}
-.p-5{padding:1.25rem;}
-.p-6{padding:1.5rem;}
-.px,
-.px-4{padding-left:1rem;padding-right:1rem;}
-.px-\[var\(--ds-segmented-item-px\)\]{padding-left:var(--ds-segmented-item-px);padding-right:var(--ds-segmented-item-px);}
-.px-0{padding-left:0;padding-right:0;}
-.px-1{padding-left:0.25rem;padding-right:0.25rem;}
-.px-1\.5{padding-left:0.375rem;padding-right:0.375rem;}
-.px-16{padding-left:4rem;padding-right:4rem;}
-.px-2{padding-left:0.5rem;padding-right:0.5rem;}
-.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}
-.px-3{padding-left:0.75rem;padding-right:0.75rem;}
-.px-5{padding-left:1.25rem;padding-right:1.25rem;}
-.py-\[var\(--ds-segmented-item-py\)\]{padding-top:var(--ds-segmented-item-py);padding-bottom:var(--ds-segmented-item-py);}
-.py-0{padding-top:0;padding-bottom:0;}
-.py-0\.4{padding-top:0.1rem;padding-bottom:0.1rem;}
-.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}
-.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
-.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}
-.py-16{padding-top:4rem;padding-bottom:4rem;}
-.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
-.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}
-.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
-.py-4{padding-top:1rem;padding-bottom:1rem;}
-.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}
-.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
-.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom);}
-.pb-3{padding-bottom:0.75rem;}
-.pb-4{padding-bottom:1rem;}
-.pr-9{padding-right:2.25rem;}
-.text-center{text-align:center;}
-.text-left{text-align:left;}
-.text-right{text-align:right;}
-.indent{text-indent:1.5rem;}
-.align-baseline{vertical-align:baseline;}
-.align-middle{vertical-align:middle;}
-.text-\[10px\]{font-size:10px;}
-.text-\[11px\]{font-size:11px;}
-.text-\[12px\]{font-size:12px;}
-.text-\[13px\]{font-size:13px;}
-.text-\[14px\]{font-size:14px;}
-.text-\[16px\]{font-size:16px;}
-.text-\[18px\]{font-size:18px;}
-.text-\[length\:var\(--ds-segmented-font-size\)\]{font-size:var(--ds-segmented-font-size);}
-.text-base{font-size:1rem;line-height:1.5rem;}
-.text-lg{font-size:1.125rem;line-height:1.75rem;}
-.text-sm{font-size:0.875rem;line-height:1.25rem;}
-.text-xl{font-size:1.25rem;line-height:1.75rem;}
-.text-xs{font-size:0.75rem;line-height:1rem;}
-.text-\[var\(--accent-fg\)\]{color:var(--accent-fg);}
-.text-\[var\(--bg\)\]{color:var(--bg);}
-.text-\[var\(--card-fg\)\]{color:var(--card-fg);}
-.text-\[var\(--destructive-fg\)\]{color:var(--destructive-fg);}
-.text-\[var\(--ds-alert-close-color\)\]{color:var(--ds-alert-close-color);}
-.text-\[var\(--ds-alert-icon-color\)\]{color:var(--ds-alert-icon-color);}
-.text-\[var\(--ds-alert-text-color\)\]{color:var(--ds-alert-text-color);}
-.text-\[var\(--ds-alert-title-color\)\]{color:var(--ds-alert-title-color);}
-.text-\[var\(--ds-azure-fg\)\]{color:var(--ds-azure-fg);}
-.text-\[var\(--ds-azure-text\,var\(--ds-azure\)\)\]{color:var(--ds-azure-text,var(--ds-azure));}
-.text-\[var\(--ds-azure-text\)\]{color:var(--ds-azure-text);}
-.text-\[var\(--ds-button-azure-fg\,var\(--ds-azure-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-azure-fg,var(--ds-azure-fg,var(--fg)));}
-.text-\[var\(--ds-button-danger-fg\,var\(--ds-danger-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-danger-fg,var(--ds-danger-fg,var(--fg)));}
-.text-\[var\(--ds-button-info-fg\,var\(--ds-info-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-info-fg,var(--ds-info-fg,var(--fg)));}
-.text-\[var\(--ds-button-primary-fg\,var\(--primary-fg\)\)\]{color:var(--ds-button-primary-fg,var(--primary-fg));}
-.text-\[var\(--ds-button-slate-fg\,var\(--ds-slate-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-slate-fg,var(--ds-slate-fg,var(--fg)));}
-.text-\[var\(--ds-button-success-fg\,var\(--ds-success-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-success-fg,var(--ds-success-fg,var(--fg)));}
-.text-\[var\(--ds-button-warning-fg\,var\(--ds-warning-fg\,var\(--fg\)\)\)\]{color:var(--ds-button-warning-fg,var(--ds-warning-fg,var(--fg)));}
-.text-\[var\(--ds-danger-text\,var\(--ds-danger\)\)\]{color:var(--ds-danger-text,var(--ds-danger));}
-.text-\[var\(--ds-danger\)\]{color:var(--ds-danger);}
-.text-\[var\(--ds-info-text\,var\(--ds-info\)\)\]{color:var(--ds-info-text,var(--ds-info));}
-.text-\[var\(--ds-info\)\]{color:var(--ds-info);}
-.text-\[var\(--ds-segmented-item-color\)\]{color:var(--ds-segmented-item-color);}
-.text-\[var\(--ds-segmented-item-selected-color\)\]{color:var(--ds-segmented-item-selected-color);}
-.text-\[var\(--ds-slate-fg\)\]{color:var(--ds-slate-fg);}
-.text-\[var\(--ds-slate-text\,var\(--ds-slate\)\)\]{color:var(--ds-slate-text,var(--ds-slate));}
-.text-\[var\(--ds-slate-text\)\]{color:var(--ds-slate-text);}
-.text-\[var\(--ds-success-text\,var\(--ds-success\)\)\]{color:var(--ds-success-text,var(--ds-success));}
-.text-\[var\(--ds-success\)\]{color:var(--ds-success);}
-.text-\[var\(--ds-tooltip-icon-color\)\]{color:var(--ds-tooltip-icon-color);}
-.text-\[var\(--ds-warning-text\,var\(--ds-warning\)\)\]{color:var(--ds-warning-text,var(--ds-warning));}
-.text-\[var\(--ds-warning\)\]{color:var(--ds-warning);}
-.text-\[var\(--fg\)\]{color:var(--fg);}
-.text-\[var\(--muted-fg\)\]{color:var(--muted-fg);}
-.text-\[var\(--popover-fg\)\]{color:var(--popover-fg);}
-.text-\[var\(--primary-fg\)\]{color:var(--primary-fg);}
-.text-\[var\(--primary\)\]{color:var(--primary);}
-.text-\[var\(--secondary-fg\)\]{color:var(--secondary-fg);}
-.text-\[var\(--sidebar-fg\)\]{color:var(--sidebar-fg);}
-.text-transparent{color:transparent;}
-.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
-.text-white\/80{color:rgb(255 255 255 / 0.8);}
-.text-white\/95{color:rgb(255 255 255 / 0.95);}
-.visited\:text-\[var\(--primary\)\]:visited{color:var(--primary);}
-.hover\:text-\[var\(--accent-fg\)\]:hover{color:var(--accent-fg);}
-.hover\:text-\[var\(--ds-alert-close-hover-color\)\]:hover{color:var(--ds-alert-close-hover-color);}
-.hover\:text-\[var\(--ds-danger-hover\)\]:hover{color:var(--ds-danger-hover);}
-.hover\:text-\[var\(--ds-segmented-item-hover-color\)\]:hover{color:var(--ds-segmented-item-hover-color);}
-.hover\:text-\[var\(--fg\)\]:hover{color:var(--fg);}
-.hover\:text-\[var\(--primary-hover\)\]:hover{color:var(--primary-hover);}
-.hover\:text-\[var\(--primary\)\]:hover{color:var(--primary);}
-.focus\:placeholder\:text-transparent:focus::placeholder{color:transparent;}
-.active\:text-\[var\(--ds-danger-active\)\]:active{color:var(--ds-danger-active);}
-.active\:text-\[var\(--fg\)\]:active{color:var(--fg);}
-.active\:text-\[var\(--primary-active\)\]:active{color:var(--primary-active);}
-.disabled\:text-\[var\(--muted-fg\)\]:disabled{color:var(--muted-fg);}
-.placeholder\:text-\[var\(--muted-fg\)\]::placeholder{color:var(--muted-fg);}
-.placeholder\:text-transparent::placeholder{color:transparent;}
-.font-600{font-weight:600;}
-.font-700{font-weight:700;}
-.leading-\[var\(--ds-segmented-line-height\)\]{line-height:var(--ds-segmented-line-height);}
-.leading-none{line-height:1;}
-.tracking-wide{letter-spacing:0.025em;}
-.font-\[var\(--ds-segmented-font-weight\)\]{font-family:var(--ds-segmented-font-weight);}
-.underline{text-decoration-line:underline;}
-.hover\:underline:hover{text-decoration-line:underline;}
-.underline-offset-4{text-underline-offset:4px;}
-.hover\:underline-offset-4:hover{text-underline-offset:4px;}
-.no-underline{text-decoration:none;}
-.disabled\:no-underline:disabled{text-decoration:none;}
-.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
-.opacity-0{opacity:0;}
-.opacity-100,
-.group:focus-within .group-focus-within\:opacity-100,
-.group:hover .group-hover\:opacity-100{opacity:1;}
-.opacity-50{opacity:0.5;}
-.opacity-60{opacity:0.6;}
-.opacity-70{opacity:0.7;}
-.hover\:opacity-100:hover{opacity:1;}
-.disabled\:opacity-50:disabled{opacity:0.5;}
-.disabled\:opacity-60:disabled{opacity:0.6;}
-.shadow-\[var\(--ds-segmented-indicator-shadow\)\]{--un-shadow:var(--ds-segmented-indicator-shadow);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-\[var\(--ds-segmented-track-shadow\)\]{--un-shadow:var(--ds-segmented-track-shadow);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-\[var\(--ds-shadow-1\)\]{--un-shadow:var(--ds-shadow-1);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-\[var\(--ds-shadow-2\)\]{--un-shadow:var(--ds-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.focus-visible\:shadow-\[0_0_0_2px_var\(--ring\)\,0_0_0_4px_var\(--bg\)\]:focus-visible{--un-shadow:0 0 0 2px var(--ring),0 0 0 4px var(--bg);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.outline{outline-style:solid;}
-.outline-none{outline:2px solid transparent;outline-offset:2px;}
-.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
-.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}
-.focus-within\:ring-2:focus-within{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px;}
-.focus-within\:ring-\[var\(--ds-danger\)\]:focus-within{--un-ring-color:var(--ds-danger);}
-.focus-within\:ring-\[var\(--ds-success\)\]:focus-within{--un-ring-color:var(--ds-success);}
-.focus-within\:ring-\[var\(--ds-warning\)\]:focus-within{--un-ring-color:var(--ds-warning);}
-.focus-within\:ring-\[var\(--ring\)\]:focus-within{--un-ring-color:var(--ring);}
-.focus-visible\:ring-\[var\(--ds-danger\)\]:focus-visible{--un-ring-color:var(--ds-danger);}
-.focus-visible\:ring-\[var\(--ds-success\)\]:focus-visible{--un-ring-color:var(--ds-success);}
-.focus-visible\:ring-\[var\(--ds-warning\)\]:focus-visible{--un-ring-color:var(--ds-warning);}
-.focus-visible\:ring-\[var\(--ring\)\]:focus-visible{--un-ring-color:var(--ring);}
-.focus-visible\:ring-white\/80:focus-visible{--un-ring-color:rgb(255 255 255 / 0.8);}
-.focus-visible\:ring-offset-\[var\(--bg\)\]:focus-visible{--un-ring-offset-color:var(--bg);}
-.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.transition-\[transform\,opacity\,background-color\]{transition-property:transform,opacity,background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.transition-\[transform\,width\,height\,opacity\]{transition-property:transform,width,height,opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.duration-100{transition-duration:100ms;}
-.duration-120{transition-duration:120ms;}
-.duration-130{transition-duration:130ms;}
-.duration-150{transition-duration:150ms;}
-.duration-180{transition-duration:180ms;}
-.duration-200{transition-duration:200ms;}
-.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
-.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
-.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
-.will-change-transform{will-change:transform;}
-.animate-spin{animation:granularity-spin 1s linear infinite;}
-.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-block-start:calc(0.25rem * calc(1 - var(--un-space-y-reverse)));margin-block-end:calc(0.25rem * var(--un-space-y-reverse));}
-.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
-.filter{filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
-@media (min-width: 640px){
-.sm\:left-6{left:1.5rem;}
-.sm\:right-6{right:1.5rem;}
-.sm\:hidden{display:none;}
-.sm\:h-auto{height:auto;}
-.sm\:translate-y-0{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.sm\:scale-100{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.sm\:scale-95{--un-scale-x:0.95;--un-scale-y:0.95;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.sm\:rounded-\[var\(--ds-radius-xl\)\]{border-radius:var(--ds-radius-xl);}
-.sm\:p-6{padding:1.5rem;}
-.sm\:px-24{padding-left:6rem;padding-right:6rem;}
-.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem;}
-.sm\:py-20{padding-top:5rem;padding-bottom:5rem;}
-.sm\:pb-6{padding-bottom:1.5rem;}
-.sm\:text-sm{font-size:0.875rem;line-height:1.25rem;}
-}
-/* layer: properties */
-@property --un-backdrop-blur{syntax:"*";inherits:false;}
-@property --un-backdrop-brightness{syntax:"*";inherits:false;}
-@property --un-backdrop-contrast{syntax:"*";inherits:false;}
-@property --un-backdrop-grayscale{syntax:"*";inherits:false;}
-@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}
-@property --un-backdrop-invert{syntax:"*";inherits:false;}
-@property --un-backdrop-opacity{syntax:"*";inherits:false;}
-@property --un-backdrop-saturate{syntax:"*";inherits:false;}
-@property --un-backdrop-sepia{syntax:"*";inherits:false;}