/* ds-solo-shape — design tokens v5.0.0-rc.2 (generated from the registry — do not edit) */

:root {
  --ss-color-brand: #181818;
  --ss-color-brand-active: #272727;
  --ss-color-brand-subtle: #F4F4F4;
  --ss-color-on-brand: #FFFFFF;
  --ss-color-accent: #525252;
  --ss-color-accent-subtle: #F4F4F4;
  --ss-color-ink-900: #181818;
  --ss-color-ink-800: #272727;
  --ss-color-ink-700: #3F3F3F;
  --ss-color-ink-600: #525252;
  --ss-color-ink-500: #626262;
  --ss-color-ink-400: #767676;
  --ss-color-ink-inverse: #FFFFFF;
  --ss-color-canvas: #F7F7F7;
  --ss-color-surface: #FFFFFF;
  --ss-color-surface-subtle: #F4F4F4;
  --ss-color-surface-strong: #E4E4E4;
  --ss-color-border: #E4E4E4;
  --ss-color-border-strong: #949494;
  --ss-color-on-dark-line: #3F3F3F;
  --ss-color-on-dark-edge: #090909;
  --ss-color-on-dark-ink: #FFFFFF;
  --ss-color-on-dark-ink-2: #949494;
  --ss-color-on-dark-ink-dim: #B5B5B5;
  --ss-color-on-dark-ink-mute: #A0A0A0;
  --ss-color-on-dark-hover: rgba(255,255,255,0.07);
  --ss-color-on-dark-active: rgba(255,255,255,0.11);
  --ss-color-status-success: #272727;
  --ss-color-status-success-subtle: #F4F4F4;
  --ss-color-status-success-subtle-hover: #E4E4E4;
  --ss-color-status-info: #3F3F3F;
  --ss-color-status-info-subtle: #F4F4F4;
  --ss-color-status-warning: #525252;
  --ss-color-status-warning-subtle: #F4F4F4;
  --ss-color-status-warning-text: #3F3F3F;
  --ss-color-status-warning-border: #767676;
  --ss-color-status-danger: #181818;
  --ss-color-status-danger-subtle: #E4E4E4;
  --ss-color-status-danger-text: #181818;
  --ss-color-status-danger-border: #626262;
  --ss-color-status-danger-pulse-start: rgba(24,24,24,0.5);
  --ss-color-status-danger-pulse-end: rgba(24,24,24,0);
  --ss-color-status-neutral: #626262;
  --ss-color-status-neutral-subtle: #F4F4F4;
  --ss-font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ss-font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --ss-type-size-display: 48px;
  --ss-type-line-height-display: 50px;
  --ss-type-size-page: 30px;
  --ss-type-line-height-page: 36px;
  --ss-type-size-section: 19px;
  --ss-type-line-height-section: 25px;
  --ss-type-size-card: 14px;
  --ss-type-line-height-card: 20px;
  --ss-type-size-body: 14px;
  --ss-type-line-height-body: 21px;
  --ss-type-size-sm: 13px;
  --ss-type-line-height-sm: 19px;
  --ss-type-size-meta: 12px;
  --ss-type-line-height-meta: 16px;
  --ss-type-size-micro: 11px;
  --ss-type-line-height-micro: 15px;
  --ss-type-size-ui-lg: 15px;
  --ss-type-weight-regular: 400;
  --ss-type-weight-medium: 500;
  --ss-type-weight-semi: 600;
  --ss-type-weight-bold: 700;
  --ss-type-weight-heavy: 800;
  --ss-type-tracking-label: 0.06em;
  --ss-type-tracking-tight: -0.015em;
  --ss-type-tracking-heavy: -0.02em;
  --ss-space-05: 2px;
  --ss-space-1: 4px;
  --ss-space-15: 6px;
  --ss-space-2: 8px;
  --ss-space-3: 12px;
  --ss-space-4: 16px;
  --ss-space-5: 20px;
  --ss-space-6: 24px;
  --ss-space-8: 32px;
  --ss-space-10: 40px;
  --ss-space-12: 48px;
  --ss-space-16: 64px;
  --ss-radius-xs: 4px;
  --ss-radius-sm: 9px;
  --ss-radius-md: 13px;
  --ss-radius-lg: 18px;
  --ss-radius-pill: 999px;
  --ss-border-width: 1px;
  --ss-border-width-hairline: 0.5px;
  --ss-border-width-focus: 2px;
  --ss-size-control: 34px;
  --ss-size-control-small: 30px;
  --ss-size-tile: 26px;
  --ss-size-touch-target: 44px;
  --ss-size-dialog-sm: 400px;
  --ss-size-dialog-md: 520px;
  --ss-size-dialog-lg: 680px;
  --ss-element-button-icon-padding: 11px;
  --ss-element-button-icon-gap: 7px;
  --ss-element-chip-height: 22px;
  --ss-element-status-indicator-size: 6px;
  --ss-element-dialog-icon-size: 36px;
  --ss-element-dialog-close-offset-block: -3px;
  --ss-element-dialog-close-offset-inline: -6px;
  --ss-element-control-padding-inline: 10px;
  --ss-element-control-icon-offset: 11px;
  --ss-element-segment-inset: 3px;
  --ss-element-segment-option-padding: 14px;
  --ss-element-dropdown-menu-offset: -6px;
  --ss-element-textarea-min-height: 88px;
  --ss-element-drawer-width: 360px;
  --ss-element-check-glyph-size: 22px;
  --ss-element-text-gap: 5px;
  --ss-element-halo-spread: 14px;
  --ss-size-layout-grid-sm: 12rem;
  --ss-size-layout-grid-md: 16rem;
  --ss-size-layout-grid-lg: 22rem;
  --ss-size-layout-content: 70rem;
  --ss-size-layout-wide: 90rem;
  --ss-size-layout-full: 100%;
  --ss-size-layout-sidebar: 18rem;
  --ss-size-layout-sidebar-threshold: 50%;
  --ss-size-layout-switcher-sm: 24rem;
  --ss-size-layout-switcher-md: 36rem;
  --ss-size-layout-switcher-lg: 48rem;
  --ss-shadow-sm: 0 1px 2px rgba(24,24,24,0.05);
  --ss-shadow-md: 0 4px 12px rgba(24,24,24,0.10), 0 1px 3px rgba(24,24,24,0.06);
  --ss-shadow-pop: 0 8px 28px rgba(24,24,24,0.16);
  --ss-shadow-input-inset: rgba(24,24,24,0.04);
  --ss-glass-bg: rgba(252,252,252,0.78);
  --ss-glass-bg-solid: rgba(252,252,252,0.92);
  --ss-glass-blur: 50px;
  --ss-glass-saturate: 135%;
  --ss-glass-border: rgba(255,255,255,0.6);
  --ss-glass-hi: rgba(255,255,255,0.6);
  --ss-glass-shadow: 0 1px 0 var(--ss-glass-hi) inset, 0 16px 44px rgba(24,24,24,0.16), 0 2px 8px rgba(24,24,24,0.06);
  --ss-glass-input-bg: rgba(255,255,255,0.62);
  --ss-glass-input-bg-focus: rgba(255,255,255,0.92);
  --ss-glass-input-line: rgba(24,24,24,0.12);
  --ss-glass-inset-line: rgba(24,24,24,0.07);
  --ss-color-shimmer-high: rgba(255,255,255,0.18);
  --ss-color-shimmer-mid: rgba(255,255,255,0.45);
  --ss-z-pop: 600;
  --ss-z-overlay: 1000;
  --ss-z-toast: 1400;
  --ss-focus-ring: 0 0 0 2px var(--ss-color-surface), 0 0 0 4px var(--ss-color-brand);
  --ss-focus-ring-width: 3px;
  --ss-motion-ease-standard: cubic-bezier(0.32, 0.72, 0, 1);
  --ss-motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ss-motion-ease-in: cubic-bezier(0.64, 0, 0.78, 0);
  --ss-motion-ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ss-motion-ease-settle: cubic-bezier(0.34, 1.40, 0.64, 1);
  --ss-motion-ease-glide: cubic-bezier(0.16, 1, 0.30, 1);
  --ss-motion-ease-smooth: cubic-bezier(0.45, 0, 0.55, 1);
  --ss-motion-duration-instant: 150ms;
  --ss-motion-duration-fast: 210ms;
  --ss-motion-duration-base: 280ms;
  --ss-motion-duration-slow: 400ms;
  --ss-motion-duration-morph: 520ms;
  --ss-motion-duration-tag: 700ms;
  --ss-motion-duration-page: 560ms;
  --ss-motion-duration-curve: 760ms;
  --ss-motion-duration-grow: 1100ms;
  --ss-motion-duration-roll: 1800ms;
  --ss-motion-duration-scroll-min: 520ms;
  --ss-motion-duration-scroll-max: 1100ms;
  --ss-motion-duration-press-return: 800ms;
  --ss-motion-duration-meter-sheen: 2600ms;
  --ss-motion-duration-skeleton-sheen: 2200ms;
  --ss-motion-duration-reduced: 0.01ms;
  --ss-motion-stagger: 55ms;
}



/* MOTION SPEED — one axis: time. Easing never changes; only how long a move takes. */

:root[data-ss-motion='fast'] {
  --ss-motion-duration-instant: 70ms;
  --ss-motion-duration-fast: 90ms;
  --ss-motion-duration-base: 120ms;
  --ss-motion-duration-slow: 170ms;
  --ss-motion-duration-morph: 210ms;
  --ss-motion-duration-tag: 260ms;
  --ss-motion-duration-page: 200ms;
  --ss-motion-duration-curve: 300ms;
  --ss-motion-duration-grow: 420ms;
  --ss-motion-duration-roll: 720ms;
  --ss-motion-duration-scroll-min: 220ms;
  --ss-motion-duration-scroll-max: 420ms;
  --ss-motion-duration-press-return: 300ms;
  --ss-motion-duration-meter-sheen: 1000ms;
  --ss-motion-duration-skeleton-sheen: 900ms;
  --ss-motion-duration-reduced: 0.01ms;
  --ss-motion-stagger: 20ms;
}

:root[data-ss-motion='calm'] {
  --ss-motion-duration-instant: 240ms;
  --ss-motion-duration-fast: 340ms;
  --ss-motion-duration-base: 460ms;
  --ss-motion-duration-slow: 660ms;
  --ss-motion-duration-morph: 840ms;
  --ss-motion-duration-tag: 1120ms;
  --ss-motion-duration-page: 900ms;
  --ss-motion-duration-curve: 1180ms;
  --ss-motion-duration-grow: 1700ms;
  --ss-motion-duration-roll: 2900ms;
  --ss-motion-duration-scroll-min: 800ms;
  --ss-motion-duration-scroll-max: 1700ms;
  --ss-motion-duration-press-return: 1180ms;
  --ss-motion-duration-meter-sheen: 3800ms;
  --ss-motion-duration-skeleton-sheen: 3400ms;
  --ss-motion-duration-reduced: 0.01ms;
  --ss-motion-stagger: 95ms;
}

/* AXES — Density / Weight / Radius / Elevation / Contrast. Default tier removes the attribute; non-default tiers land here. */

/* AXIS — Density · Compact */
:root[data-ss-density='compact'] {
  --ss-space-05: 1px;
  --ss-space-1: 3px;
  --ss-space-15: 4px;
  --ss-space-2: 6px;
  --ss-space-3: 9px;
  --ss-space-4: 12px;
  --ss-space-5: 15px;
  --ss-space-6: 18px;
  --ss-space-8: 24px;
  --ss-space-10: 30px;
  --ss-space-12: 36px;
  --ss-space-16: 48px;
}

/* AXIS — Density · Airy */
:root[data-ss-density='airy'] {
  --ss-space-05: 3px;
  --ss-space-1: 5px;
  --ss-space-15: 8px;
  --ss-space-2: 10px;
  --ss-space-3: 15px;
  --ss-space-4: 20px;
  --ss-space-5: 25px;
  --ss-space-6: 30px;
  --ss-space-8: 40px;
  --ss-space-10: 50px;
  --ss-space-12: 60px;
  --ss-space-16: 80px;
}

/* AXIS — Weight · Hairline */
:root[data-ss-weight='hairline'] {
  --ss-border-width: 0.5px;
  --ss-border-width-focus: 1.5px;
}

/* AXIS — Weight · Bold */
:root[data-ss-weight='bold'] {
  --ss-border-width: 1.5px;
  --ss-border-width-focus: 3px;
}

/* AXIS — Radius · Sharp */
:root[data-ss-radius='sharp'] {
  --ss-radius-xs: 2px;
  --ss-radius-sm: 4px;
  --ss-radius-md: 6px;
  --ss-radius-lg: 10px;
}

/* AXIS — Radius · Round */
:root[data-ss-radius='round'] {
  --ss-radius-xs: 8px;
  --ss-radius-sm: 16px;
  --ss-radius-md: 22px;
  --ss-radius-lg: 32px;
}

/* AXIS — Elevation · Flat */
:root[data-ss-elevation='flat'] {
  --ss-shadow-sm: none;
  --ss-shadow-md: none;
  --ss-shadow-pop: 0 2px 8px rgba(24,24,24,0.08);
  --ss-glass-shadow: none;
}

/* AXIS — Elevation · Deep */
:root[data-ss-elevation='deep'] {
  --ss-shadow-sm: 0 2px 4px rgba(24,24,24,0.10);
  --ss-shadow-md: 0 6px 18px rgba(24,24,24,0.18);
  --ss-shadow-pop: 0 16px 44px rgba(24,24,24,0.24);
}

/* AXIS — Contrast · Quiet */
:root[data-ss-contrast='quiet'] {
  --ss-color-ink-900: #303030;
  --ss-color-ink-700: #5A5A5A;
  --ss-color-ink-500: #747474;
  --ss-color-border: #EEEEEE;
  --ss-color-border-strong: #949494;
}

/* AXIS — Contrast · Vivid */
:root[data-ss-contrast='vivid'] {
  --ss-color-ink-900: #050505;
  --ss-color-ink-700: #303030;
  --ss-color-ink-500: #5A5A5A;
  --ss-color-border: #C8C8C8;
  --ss-color-border-strong: #929292;
}