@feugene/granularity 0.1.0

package/dist/styles.css

@@ -0,0 +1,1134 @@
+/* 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;}