tharaday 0.2.1 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25,7 +25,10 @@ const preview: Preview = {
25
25
  items: [
26
26
  { value: 'light', title: 'Light' },
27
27
  { value: 'dark', title: 'Dark' },
28
- { value: 'retro', title: 'Retro' },
28
+ { value: 'retro-light', title: 'Retro Light' },
29
+ { value: 'retro-dark', title: 'Retro Dark' },
30
+ { value: 'sanzo-152-light', title: 'Sanzo-152 Light' },
31
+ { value: 'sanzo-152-dark', title: 'Sanzo-152 Dark' },
29
32
  ],
30
33
  },
31
34
  },
@@ -33,7 +36,13 @@ const preview: Preview = {
33
36
 
34
37
  decorators: [
35
38
  (Story, context) => {
36
- const theme = context.globals.theme as 'light' | 'dark' | 'retro';
39
+ const theme = context.globals.theme as
40
+ | 'light'
41
+ | 'dark'
42
+ | 'retro-light'
43
+ | 'retro-dark'
44
+ | 'sanzo-152-light'
45
+ | 'sanzo-152-dark';
37
46
  const root = document.documentElement;
38
47
 
39
48
  if (theme === 'light') {
package/dist/ds.css CHANGED
@@ -1 +1 @@
1
- :root{--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #eeeeee;--neutral-300: #e0e0e0;--neutral-400: #a1a1aa;--neutral-500: #71717a;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-800: #27272a;--neutral-900: #18181b;--neutral-950: #09090b;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-50: #fffbeb;--orange-100: #fef3c7;--orange-200: #fde68a;--orange-300: #fcd34d;--orange-400: #fbbf24;--orange-500: #f59e0b;--orange-600: #d97706;--orange-700: #b45309;--orange-800: #92400e;--orange-900: #78350f;--orange-950: #451a03;--retro-yellow-50: #fefce8;--retro-yellow-500: #eab308;--retro-yellow-600: #ca8a04;--retro-orange-500: #f97316;--retro-brown-500: #78350f;--retro-brown-900: #451a03;--retro-teal-50: #e6fffa;--retro-teal-500: #14b8a6;--retro-gray-50: #f7f7f5;--retro-gray-100: #e3e3dc;--retro-gray-200: #cfcfc5;--retro-gray-300: #b9b9ae;--retro-gray-400: #a3a398;--retro-gray-500: #8d8d82;--retro-gray-600: #717168;--retro-gray-700: #56564f;--retro-gray-800: #3c3c37;--retro-gray-900: #21211e;--ds-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ds-font-family-mono: ui-monospace, monospace;--ds-font-size-xs: .75rem;--ds-font-size-sm: .875rem;--ds-font-size-base: 1rem;--ds-font-size-lg: 1.125rem;--ds-font-size-xl: 1.25rem;--ds-font-size-2xl: 1.5rem;--ds-font-weight-regular: 400;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 600;--ds-font-weight-bold: 700;--ds-line-height-tight: 1.25;--ds-line-height-base: 1.5;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-14: 3.5rem;--ds-space-16: 4rem;--ds-radius-sm: .25rem;--ds-radius-md: .5rem;--ds-radius-lg: 1rem;--ds-radius-full: 9999px;--ds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ds-transition-fast: .15s ease;--ds-transition-base: .25s ease}:root{color-scheme:light;--ds-ref-surface-0: var(--neutral-0);--ds-ref-surface-1: var(--neutral-50);--ds-ref-surface-2: var(--neutral-100);--ds-ref-text-1: var(--neutral-900);--ds-ref-text-2: var(--neutral-600);--ds-ref-text-on-brand: var(--neutral-0);--ds-ref-border-1: var(--neutral-200);--ds-ref-border-2: var(--neutral-100);--ds-ref-ring: var(--blue-500);--ds-ref-ring-offset: var(--ds-ref-surface-0);--ds-ref-info: var(--blue-500);--ds-ref-success: var(--green-600);--ds-ref-warning: var(--orange-500);--ds-ref-danger: var(--red-500);--ds-ref-neutral: var(--neutral-600);--ds-ref-info-hover: var(--blue-600);--ds-ref-info-active: var(--blue-700);--ds-ref-info-subtle: var(--blue-50);--ds-ref-success-hover: var(--green-700);--ds-ref-success-active: var(--green-800);--ds-ref-success-subtle: var(--green-50);--ds-ref-warning-hover: var(--orange-600);--ds-ref-warning-active: var(--orange-700);--ds-ref-warning-subtle: var(--orange-50);--ds-ref-danger-hover: var(--red-600);--ds-ref-danger-active: var(--red-700);--ds-ref-danger-subtle: var(--red-50);--ds-ref-neutral-hover: var(--neutral-700);--ds-ref-neutral-active: var(--neutral-800);--ds-ref-neutral-subtle: var(--neutral-50);--ds-ref-text-disabled: var(--neutral-400);--ds-ref-surface-disabled: var(--neutral-100);--ds-ref-border-disabled: var(--neutral-200);--ds-ref-skeleton: var(--neutral-200);--ds-ref-skeleton-highlight: rgba(255, 255, 255, .4)}[data-theme=dark]{color-scheme:dark;--ds-ref-surface-0: var(--neutral-950);--ds-ref-surface-1: var(--neutral-900);--ds-ref-surface-2: var(--neutral-800);--ds-ref-text-1: var(--neutral-0);--ds-ref-text-2: var(--neutral-300);--ds-ref-text-on-brand: var(--neutral-950);--ds-ref-border-1: var(--neutral-800);--ds-ref-border-2: var(--neutral-900);--ds-ref-ring: var(--blue-400);--ds-ref-ring-offset: var(--ds-ref-surface-0);--ds-ref-info: var(--blue-500);--ds-ref-success: var(--green-500);--ds-ref-warning: var(--orange-500);--ds-ref-danger: var(--red-500);--ds-ref-neutral: var(--neutral-500);--ds-ref-info-hover: var(--blue-400);--ds-ref-info-active: var(--blue-300);--ds-ref-info-subtle: var(--blue-950);--ds-ref-success-hover: var(--green-400);--ds-ref-success-active: var(--green-300);--ds-ref-success-subtle: var(--green-950);--ds-ref-warning-hover: var(--orange-400);--ds-ref-warning-active: var(--orange-300);--ds-ref-warning-subtle: var(--orange-950);--ds-ref-danger-hover: var(--red-400);--ds-ref-danger-active: var(--red-300);--ds-ref-danger-subtle: var(--red-950);--ds-ref-neutral-hover: var(--neutral-400);--ds-ref-neutral-active: var(--neutral-300);--ds-ref-neutral-subtle: var(--neutral-900);--ds-ref-text-disabled: var(--neutral-500);--ds-ref-surface-disabled: var(--neutral-900);--ds-ref-border-disabled: var(--neutral-800);--ds-ref-skeleton: var(--neutral-800);--ds-ref-skeleton-highlight: rgba(255, 255, 255, .08)}[data-theme=retro]{color-scheme:light;--ds-ref-surface-0: var(--retro-yellow-50);--ds-ref-surface-1: var(--retro-gray-50);--ds-ref-surface-2: var(--retro-gray-100);--ds-ref-text-1: var(--retro-brown-900);--ds-ref-text-2: var(--retro-gray-600);--ds-ref-text-on-brand: var(--retro-yellow-50);--ds-ref-border-1: var(--retro-gray-200);--ds-ref-border-2: var(--retro-gray-100);--ds-ref-ring: var(--retro-teal-500);--ds-ref-ring-offset: var(--ds-ref-surface-0);--ds-ref-info: var(--retro-teal-500);--ds-ref-success: var(--green-600);--ds-ref-warning: var(--retro-orange-500);--ds-ref-danger: var(--red-600);--ds-ref-neutral: var(--retro-gray-500);--ds-ref-info-hover: var(--retro-teal-500);--ds-ref-info-active: var(--retro-teal-500);--ds-ref-info-subtle: var(--retro-teal-50);--ds-ref-success-hover: var(--green-700);--ds-ref-success-active: var(--green-800);--ds-ref-success-subtle: var(--green-50);--ds-ref-warning-hover: var(--retro-orange-500);--ds-ref-warning-active: var(--retro-orange-500);--ds-ref-warning-subtle: var(--orange-50);--ds-ref-danger-hover: var(--red-700);--ds-ref-danger-active: var(--red-800);--ds-ref-danger-subtle: var(--red-50);--ds-ref-neutral-hover: var(--retro-gray-600);--ds-ref-neutral-active: var(--retro-gray-700);--ds-ref-neutral-subtle: var(--retro-gray-50);--ds-ref-text-disabled: var(--retro-gray-300);--ds-ref-surface-disabled: var(--retro-gray-100);--ds-ref-border-disabled: var(--retro-gray-200);--ds-ref-skeleton: var(--retro-gray-100);--ds-ref-skeleton-highlight: rgba(255, 255, 255, .4)}:root{--ds-surface-0: var(--ds-ref-surface-0);--ds-surface-1: var(--ds-ref-surface-1);--ds-surface-2: var(--ds-ref-surface-2);--ds-text-1: var(--ds-ref-text-1);--ds-text-2: var(--ds-ref-text-2);--ds-text-on-brand: var(--ds-ref-text-on-brand);--ds-text-disabled: var(--ds-ref-text-disabled);--ds-border-1: var(--ds-ref-border-1);--ds-border-2: var(--ds-ref-border-2);--ds-border-disabled: var(--ds-ref-border-disabled);--ds-ring: var(--ds-ref-ring);--ds-ring-offset: var(--ds-ref-ring-offset);--ds-info: var(--ds-ref-info);--ds-success: var(--ds-ref-success);--ds-warning: var(--ds-ref-warning);--ds-danger: var(--ds-ref-danger);--ds-neutral: var(--ds-ref-neutral);--ds-info-hover: var(--ds-ref-info-hover);--ds-info-active: var(--ds-ref-info-active);--ds-info-subtle: var(--ds-ref-info-subtle);--ds-success-hover: var(--ds-ref-success-hover);--ds-success-active: var(--ds-ref-success-active);--ds-success-subtle: var(--ds-ref-success-subtle);--ds-warning-hover: var(--ds-ref-warning-hover);--ds-warning-active: var(--ds-ref-warning-active);--ds-warning-subtle: var(--ds-ref-warning-subtle);--ds-danger-hover: var(--ds-ref-danger-hover);--ds-danger-active: var(--ds-ref-danger-active);--ds-danger-subtle: var(--ds-ref-danger-subtle);--ds-neutral-hover: var(--ds-ref-neutral-hover);--ds-neutral-active: var(--ds-ref-neutral-active);--ds-neutral-subtle: var(--ds-ref-neutral-subtle);--ds-border-default: var(--ds-border-1);--ds-surface-disabled: var(--ds-ref-surface-disabled);--ds-skeleton: var(--ds-ref-skeleton);--ds-skeleton-highlight: var(--ds-ref-skeleton-highlight)}:root{font-family:var(--ds-font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._root_1s3bz_1{display:flex;flex-direction:column;width:100%}._default_1s3bz_8{border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);overflow:hidden}._bordered_1s3bz_14 ._item_1s3bz_14{border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-2)}._bordered_1s3bz_14 ._item_1s3bz_14:last-child{margin-bottom:0}._separated_1s3bz_24 ._item_1s3bz_14{background-color:var(--ds-surface-1);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-3)}._separated_1s3bz_24 ._item_1s3bz_14:last-child{margin-bottom:0}._ghost_1s3bz_34 ._header_1s3bz_34{background-color:transparent}._ghost_1s3bz_34 ._item_1s3bz_14{border-bottom:1px solid var(--ds-border-2)}._default_1s3bz_8 ._item_1s3bz_14{border-bottom:1px solid var(--ds-border-1)}._default_1s3bz_8 ._item_1s3bz_14:last-child{border-bottom:none}._header_1s3bz_34{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--ds-surface-0);border:none;cursor:pointer;text-align:left;font-weight:var(--ds-font-weight-medium);transition:background-color .2s}._sm_1s3bz_65 ._header_1s3bz_34{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-font-size-xs)}._md_1s3bz_70 ._header_1s3bz_34{padding:var(--ds-space-4) var(--ds-space-5);font-size:var(--ds-font-size-sm)}._lg_1s3bz_75 ._header_1s3bz_34{padding:var(--ds-space-5) var(--ds-space-6);font-size:var(--ds-font-size-base)}._header_1s3bz_34:hover:not(:disabled){background-color:var(--ds-surface-1)}._header_1s3bz_34:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ds-ring-offset),inset 0 0 0 4px var(--ds-ring);z-index:1}._header_1s3bz_34:disabled{cursor:not-allowed;opacity:.5}._icon_1s3bz_97{transition:transform .2s;font-size:.8em}._iconExpanded_1s3bz_102{transform:rotate(180deg)}._contentWrapper_1s3bz_106{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,.61,.36,1);overflow:hidden}._contentExpanded_1s3bz_113{grid-template-rows:1fr}._content_1s3bz_106{min-height:0}._contentBody_1s3bz_121{background-color:var(--ds-surface-0);border-top:1px solid var(--ds-border-2);color:var(--ds-text-2);overflow:hidden;opacity:0;transform:translateY(-4px);transition:opacity .35s ease .05s,transform .45s ease .05s;will-change:opacity,transform}._contentBodyExpanded_1s3bz_134{opacity:1;transform:translateY(0)}._sm_1s3bz_65 ._contentBody_1s3bz_121{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-font-size-xs)}._md_1s3bz_70 ._contentBody_1s3bz_121{padding:var(--ds-space-4) var(--ds-space-5);font-size:var(--ds-font-size-sm)}._lg_1s3bz_75 ._contentBody_1s3bz_121{padding:var(--ds-space-5) var(--ds-space-6);font-size:var(--ds-font-size-base)}._separated_1s3bz_24 ._contentBody_1s3bz_121,._ghost_1s3bz_34 ._contentBody_1s3bz_121{background-color:transparent;border-top:none}._root_17k2j_1{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;border-radius:var(--ds-radius-full);background-color:var(--ds-surface-1);color:var(--ds-text-2);font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-medium)}._image_17k2j_14{width:100%;height:100%;object-fit:cover}._defaultIcon_17k2j_20{padding:20%}._fallback_17k2j_24{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}._xs_17k2j_34{width:var(--ds-space-6);height:var(--ds-space-6);font-size:.625rem}._sm_17k2j_39{width:var(--ds-space-8);height:var(--ds-space-8);font-size:var(--ds-font-size-xs)}._md_17k2j_44{width:var(--ds-space-10, 2.5rem);height:var(--ds-space-10, 2.5rem);font-size:var(--ds-font-size-sm)}._lg_17k2j_49{width:var(--ds-space-12);height:var(--ds-space-12);font-size:var(--ds-font-size-base)}._xl_17k2j_54{width:var(--ds-space-16, 4rem);height:var(--ds-space-16, 4rem);font-size:var(--ds-font-size-lg)}._root_13wyx_1{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-medium);border-radius:var(--ds-radius-full);white-space:nowrap}._sm_13wyx_12{height:var(--ds-space-5, 1.25rem);padding:0 var(--ds-space-2);font-size:.625rem}._md_13wyx_18{height:var(--ds-space-6);padding:0 var(--ds-space-3);font-size:var(--ds-font-size-xs)}._lg_13wyx_24{height:var(--ds-space-8);padding:0 var(--ds-space-4);font-size:var(--ds-font-size-sm)}._solid_13wyx_31._neutral_13wyx_31{background-color:var(--ds-neutral);color:var(--ds-text-on-brand)}._solid_13wyx_31._success_13wyx_35{background-color:var(--ds-success);color:var(--ds-text-on-brand)}._solid_13wyx_31._warning_13wyx_39{background-color:var(--ds-warning);color:var(--ds-text-on-brand)}._solid_13wyx_31._danger_13wyx_43{background-color:var(--ds-danger);color:var(--ds-text-on-brand)}._solid_13wyx_31._info_13wyx_47{background-color:var(--ds-info);color:var(--ds-text-on-brand)}._subtle_13wyx_53._neutral_13wyx_31{background-color:var(--ds-surface-1);color:var(--ds-neutral-active)}._subtle_13wyx_53._success_13wyx_35{background-color:var(--ds-success-subtle);color:var(--ds-success-active)}._subtle_13wyx_53._warning_13wyx_39{background-color:var(--ds-warning-subtle);color:var(--ds-warning-active)}._subtle_13wyx_53._danger_13wyx_43{background-color:var(--ds-danger-subtle);color:var(--ds-danger-active)}._subtle_13wyx_53._info_13wyx_47{background-color:var(--ds-info-subtle);color:var(--ds-info-active)}._outline_13wyx_75{background-color:transparent;border:1px solid currentColor}._outline_13wyx_75._neutral_13wyx_31{color:var(--ds-neutral);border-color:var(--ds-border-1)}._outline_13wyx_75._success_13wyx_35{color:var(--ds-success);border-color:var(--ds-success)}._outline_13wyx_75._warning_13wyx_39{color:var(--ds-warning);border-color:var(--ds-warning)}._outline_13wyx_75._danger_13wyx_43{color:var(--ds-danger);border-color:var(--ds-danger)}._outline_13wyx_75._info_13wyx_47{color:var(--ds-info);border-color:var(--ds-info)}._box_ynnco_1{box-sizing:border-box}._fullWidth_ynnco_5{width:100%}._display-block_ynnco_10{display:block}._display-flex_ynnco_13{display:flex}._display-inline-flex_ynnco_16{display:inline-flex}._display-grid_ynnco_19{display:grid}._display-inline-block_ynnco_22{display:inline-block}._display-none_ynnco_25{display:none}._flexDirection-row_ynnco_30{flex-direction:row}._flexDirection-column_ynnco_33{flex-direction:column}._flexDirection-row-reverse_ynnco_36{flex-direction:row-reverse}._flexDirection-column-reverse_ynnco_39{flex-direction:column-reverse}._alignItems-stretch_ynnco_44{align-items:stretch}._alignItems-flex-start_ynnco_47{align-items:flex-start}._alignItems-center_ynnco_50{align-items:center}._alignItems-flex-end_ynnco_53{align-items:flex-end}._alignItems-baseline_ynnco_56{align-items:baseline}._justifyContent-flex-start_ynnco_61{justify-content:flex-start}._justifyContent-center_ynnco_64{justify-content:center}._justifyContent-flex-end_ynnco_67{justify-content:flex-end}._justifyContent-space-between_ynnco_70{justify-content:space-between}._justifyContent-space-around_ynnco_73{justify-content:space-around}._justifyContent-space-evenly_ynnco_76{justify-content:space-evenly}._flexWrap-nowrap_ynnco_81{flex-wrap:nowrap}._flexWrap-wrap_ynnco_84{flex-wrap:wrap}._flexWrap-wrap-reverse_ynnco_87{flex-wrap:wrap-reverse}._textAlign-left_ynnco_92{text-align:left}._textAlign-center_ynnco_95{text-align:center}._textAlign-right_ynnco_98{text-align:right}._textAlign-justify_ynnco_101{text-align:justify}._p-0_ynnco_106{padding:0}._p-1_ynnco_109{padding:var(--ds-space-1)}._p-2_ynnco_112{padding:var(--ds-space-2)}._p-3_ynnco_115{padding:var(--ds-space-3)}._p-4_ynnco_118{padding:var(--ds-space-4)}._p-5_ynnco_121{padding:var(--ds-space-5)}._p-6_ynnco_124{padding:var(--ds-space-6)}._p-8_ynnco_127{padding:var(--ds-space-8)}._p-10_ynnco_130{padding:var(--ds-space-10)}._p-12_ynnco_133{padding:var(--ds-space-12)}._p-14_ynnco_136{padding:var(--ds-space-14)}._px-0_ynnco_140{padding-left:0;padding-right:0}._px-1_ynnco_144{padding-left:var(--ds-space-1);padding-right:var(--ds-space-1)}._px-2_ynnco_148{padding-left:var(--ds-space-2);padding-right:var(--ds-space-2)}._px-3_ynnco_152{padding-left:var(--ds-space-3);padding-right:var(--ds-space-3)}._px-4_ynnco_156{padding-left:var(--ds-space-4);padding-right:var(--ds-space-4)}._px-5_ynnco_160{padding-left:var(--ds-space-5);padding-right:var(--ds-space-5)}._px-6_ynnco_164{padding-left:var(--ds-space-6);padding-right:var(--ds-space-6)}._px-8_ynnco_168{padding-left:var(--ds-space-8);padding-right:var(--ds-space-8)}._px-10_ynnco_172{padding-left:var(--ds-space-10);padding-right:var(--ds-space-10)}._px-12_ynnco_176{padding-left:var(--ds-space-12);padding-right:var(--ds-space-12)}._px-14_ynnco_180{padding-left:var(--ds-space-14);padding-right:var(--ds-space-14)}._py-0_ynnco_185{padding-top:0;padding-bottom:0}._py-1_ynnco_189{padding-top:var(--ds-space-1);padding-bottom:var(--ds-space-1)}._py-2_ynnco_193{padding-top:var(--ds-space-2);padding-bottom:var(--ds-space-2)}._py-3_ynnco_197{padding-top:var(--ds-space-3);padding-bottom:var(--ds-space-3)}._py-4_ynnco_201{padding-top:var(--ds-space-4);padding-bottom:var(--ds-space-4)}._py-5_ynnco_205{padding-top:var(--ds-space-5);padding-bottom:var(--ds-space-5)}._py-6_ynnco_209{padding-top:var(--ds-space-6);padding-bottom:var(--ds-space-6)}._py-8_ynnco_213{padding-top:var(--ds-space-8);padding-bottom:var(--ds-space-8)}._py-10_ynnco_217{padding-top:var(--ds-space-10);padding-bottom:var(--ds-space-10)}._py-12_ynnco_221{padding-top:var(--ds-space-12);padding-bottom:var(--ds-space-12)}._py-14_ynnco_225{padding-top:var(--ds-space-14);padding-bottom:var(--ds-space-14)}._pt-0_ynnco_230{padding-top:0}._pt-1_ynnco_233{padding-top:var(--ds-space-1)}._pt-2_ynnco_236{padding-top:var(--ds-space-2)}._pt-3_ynnco_239{padding-top:var(--ds-space-3)}._pt-4_ynnco_242{padding-top:var(--ds-space-4)}._pt-5_ynnco_245{padding-top:var(--ds-space-5)}._pt-6_ynnco_248{padding-top:var(--ds-space-6)}._pt-8_ynnco_251{padding-top:var(--ds-space-8)}._pt-10_ynnco_254{padding-top:var(--ds-space-10)}._pt-12_ynnco_257{padding-top:var(--ds-space-12)}._pt-14_ynnco_260{padding-top:var(--ds-space-14)}._pb-0_ynnco_264{padding-bottom:0}._pb-1_ynnco_267{padding-bottom:var(--ds-space-1)}._pb-2_ynnco_270{padding-bottom:var(--ds-space-2)}._pb-3_ynnco_273{padding-bottom:var(--ds-space-3)}._pb-4_ynnco_276{padding-bottom:var(--ds-space-4)}._pb-5_ynnco_279{padding-bottom:var(--ds-space-5)}._pb-6_ynnco_282{padding-bottom:var(--ds-space-6)}._pb-8_ynnco_285{padding-bottom:var(--ds-space-8)}._pb-10_ynnco_288{padding-bottom:var(--ds-space-10)}._pb-12_ynnco_291{padding-bottom:var(--ds-space-12)}._pb-14_ynnco_294{padding-bottom:var(--ds-space-14)}._pl-0_ynnco_298{padding-left:0}._pl-1_ynnco_301{padding-left:var(--ds-space-1)}._pl-2_ynnco_304{padding-left:var(--ds-space-2)}._pl-3_ynnco_307{padding-left:var(--ds-space-3)}._pl-4_ynnco_310{padding-left:var(--ds-space-4)}._pl-5_ynnco_313{padding-left:var(--ds-space-5)}._pl-6_ynnco_316{padding-left:var(--ds-space-6)}._pl-8_ynnco_319{padding-left:var(--ds-space-8)}._pl-10_ynnco_322{padding-left:var(--ds-space-10)}._pl-12_ynnco_325{padding-left:var(--ds-space-12)}._pl-14_ynnco_328{padding-left:var(--ds-space-14)}._pr-0_ynnco_332{padding-right:0}._pr-1_ynnco_335{padding-right:var(--ds-space-1)}._pr-2_ynnco_338{padding-right:var(--ds-space-2)}._pr-3_ynnco_341{padding-right:var(--ds-space-3)}._pr-4_ynnco_344{padding-right:var(--ds-space-4)}._pr-5_ynnco_347{padding-right:var(--ds-space-5)}._pr-6_ynnco_350{padding-right:var(--ds-space-6)}._pr-8_ynnco_353{padding-right:var(--ds-space-8)}._pr-10_ynnco_356{padding-right:var(--ds-space-10)}._pr-12_ynnco_359{padding-right:var(--ds-space-12)}._pr-14_ynnco_362{padding-right:var(--ds-space-14)}._gap-0_ynnco_367{gap:0}._gap-1_ynnco_370{gap:var(--ds-space-1)}._gap-2_ynnco_373{gap:var(--ds-space-2)}._gap-3_ynnco_376{gap:var(--ds-space-3)}._gap-4_ynnco_379{gap:var(--ds-space-4)}._gap-5_ynnco_382{gap:var(--ds-space-5)}._gap-6_ynnco_385{gap:var(--ds-space-6)}._gap-8_ynnco_388{gap:var(--ds-space-8)}._gap-10_ynnco_391{gap:var(--ds-space-10)}._gap-12_ynnco_394{gap:var(--ds-space-12)}._gap-14_ynnco_397{gap:var(--ds-space-14)}._m-0_ynnco_402{margin:0}._m-1_ynnco_405{margin:var(--ds-space-1)}._m-2_ynnco_408{margin:var(--ds-space-2)}._m-3_ynnco_411{margin:var(--ds-space-3)}._m-4_ynnco_414{margin:var(--ds-space-4)}._m-5_ynnco_417{margin:var(--ds-space-5)}._m-6_ynnco_420{margin:var(--ds-space-6)}._m-8_ynnco_423{margin:var(--ds-space-8)}._m-10_ynnco_426{margin:var(--ds-space-10)}._m-12_ynnco_429{margin:var(--ds-space-12)}._m-14_ynnco_432{margin:var(--ds-space-14)}._mx-0_ynnco_436{margin-left:0;margin-right:0}._mx-1_ynnco_440{margin-left:var(--ds-space-1);margin-right:var(--ds-space-1)}._mx-2_ynnco_444{margin-left:var(--ds-space-2);margin-right:var(--ds-space-2)}._mx-3_ynnco_448{margin-left:var(--ds-space-3);margin-right:var(--ds-space-3)}._mx-4_ynnco_452{margin-left:var(--ds-space-4);margin-right:var(--ds-space-4)}._mx-5_ynnco_456{margin-left:var(--ds-space-5);margin-right:var(--ds-space-5)}._mx-6_ynnco_460{margin-left:var(--ds-space-6);margin-right:var(--ds-space-6)}._mx-8_ynnco_464{margin-left:var(--ds-space-8);margin-right:var(--ds-space-8)}._mx-10_ynnco_468{margin-left:var(--ds-space-10);margin-right:var(--ds-space-10)}._mx-12_ynnco_472{margin-left:var(--ds-space-12);margin-right:var(--ds-space-12)}._mx-14_ynnco_476{margin-left:var(--ds-space-14);margin-right:var(--ds-space-14)}._my-0_ynnco_481{margin-top:0;margin-bottom:0}._my-1_ynnco_485{margin-top:var(--ds-space-1);margin-bottom:var(--ds-space-1)}._my-2_ynnco_489{margin-top:var(--ds-space-2);margin-bottom:var(--ds-space-2)}._my-3_ynnco_493{margin-top:var(--ds-space-3);margin-bottom:var(--ds-space-3)}._my-4_ynnco_497{margin-top:var(--ds-space-4);margin-bottom:var(--ds-space-4)}._my-5_ynnco_501{margin-top:var(--ds-space-5);margin-bottom:var(--ds-space-5)}._my-6_ynnco_505{margin-top:var(--ds-space-6);margin-bottom:var(--ds-space-6)}._my-8_ynnco_509{margin-top:var(--ds-space-8);margin-bottom:var(--ds-space-8)}._my-10_ynnco_513{margin-top:var(--ds-space-10);margin-bottom:var(--ds-space-10)}._my-12_ynnco_517{margin-top:var(--ds-space-12);margin-bottom:var(--ds-space-12)}._my-14_ynnco_521{margin-top:var(--ds-space-14);margin-bottom:var(--ds-space-14)}._mt-0_ynnco_526{margin-top:0}._mt-1_ynnco_529{margin-top:var(--ds-space-1)}._mt-2_ynnco_532{margin-top:var(--ds-space-2)}._mt-3_ynnco_535{margin-top:var(--ds-space-3)}._mt-4_ynnco_538{margin-top:var(--ds-space-4)}._mt-5_ynnco_541{margin-top:var(--ds-space-5)}._mt-6_ynnco_544{margin-top:var(--ds-space-6)}._mt-8_ynnco_547{margin-top:var(--ds-space-8)}._mt-10_ynnco_550{margin-top:var(--ds-space-10)}._mt-12_ynnco_553{margin-top:var(--ds-space-12)}._mt-14_ynnco_556{margin-top:var(--ds-space-14)}._mb-0_ynnco_560{margin-bottom:0}._mb-1_ynnco_563{margin-bottom:var(--ds-space-1)}._mb-2_ynnco_566{margin-bottom:var(--ds-space-2)}._mb-3_ynnco_569{margin-bottom:var(--ds-space-3)}._mb-4_ynnco_572{margin-bottom:var(--ds-space-4)}._mb-5_ynnco_575{margin-bottom:var(--ds-space-5)}._mb-6_ynnco_578{margin-bottom:var(--ds-space-6)}._mb-8_ynnco_581{margin-bottom:var(--ds-space-8)}._mb-10_ynnco_584{margin-bottom:var(--ds-space-10)}._mb-12_ynnco_587{margin-bottom:var(--ds-space-12)}._mb-14_ynnco_590{margin-bottom:var(--ds-space-14)}._ml-0_ynnco_594{margin-left:0}._ml-1_ynnco_597{margin-left:var(--ds-space-1)}._ml-2_ynnco_600{margin-left:var(--ds-space-2)}._ml-3_ynnco_603{margin-left:var(--ds-space-3)}._ml-4_ynnco_606{margin-left:var(--ds-space-4)}._ml-5_ynnco_609{margin-left:var(--ds-space-5)}._ml-6_ynnco_612{margin-left:var(--ds-space-6)}._ml-8_ynnco_615{margin-left:var(--ds-space-8)}._ml-10_ynnco_618{margin-left:var(--ds-space-10)}._ml-12_ynnco_621{margin-left:var(--ds-space-12)}._ml-14_ynnco_624{margin-left:var(--ds-space-14)}._mr-0_ynnco_628{margin-right:0}._mr-1_ynnco_631{margin-right:var(--ds-space-1)}._mr-2_ynnco_634{margin-right:var(--ds-space-2)}._mr-3_ynnco_637{margin-right:var(--ds-space-3)}._mr-4_ynnco_640{margin-right:var(--ds-space-4)}._mr-5_ynnco_643{margin-right:var(--ds-space-5)}._mr-6_ynnco_646{margin-right:var(--ds-space-6)}._mr-8_ynnco_649{margin-right:var(--ds-space-8)}._mr-10_ynnco_652{margin-right:var(--ds-space-10)}._mr-12_ynnco_655{margin-right:var(--ds-space-12)}._mr-14_ynnco_658{margin-right:var(--ds-space-14)}._bg-main_ynnco_663{background-color:var(--ds-surface-0)}._bg-subtle_ynnco_666{background-color:var(--ds-surface-1)}._bg-info-subtle_ynnco_669{background-color:var(--ds-info-subtle, var(--ds-info))}._bg-success-subtle_ynnco_672{background-color:var(--ds-success-subtle, var(--ds-success))}._bg-warning-subtle_ynnco_675{background-color:var(--ds-warning-subtle, var(--ds-warning))}._bg-danger-subtle_ynnco_678{background-color:var(--ds-danger-subtle, var(--ds-danger))}._border_ynnco_683{border:1px solid var(--ds-border-1)}._borderBottom_ynnco_686{border-bottom:1px solid var(--ds-border-1)}._borderColor-main_ynnco_691{border-color:var(--ds-border-1)}._borderColor-subtle_ynnco_694{border-color:var(--ds-border-2)}._borderColor-danger_ynnco_697{border-color:var(--ds-danger)}._backgroundColor-none_ynnco_702{background-color:transparent}._backgroundColor-subtle_ynnco_705{background-color:var(--ds-surface-1)}._backgroundColor-danger-subtle_ynnco_708{background-color:var(--ds-danger-subtle)}._backgroundColor-success-subtle_ynnco_711{background-color:var(--ds-success-subtle)}._backgroundColor-warning-subtle_ynnco_714{background-color:var(--ds-warning-subtle)}._backgroundColor-info-subtle_ynnco_717{background-color:var(--ds-info-subtle)}._borderRadius-none_ynnco_722{border-radius:0}._borderRadius-sm_ynnco_725{border-radius:var(--ds-radius-sm)}._borderRadius-md_ynnco_728{border-radius:var(--ds-radius-md)}._borderRadius-lg_ynnco_731{border-radius:var(--ds-radius-lg)}._borderRadius-full_ynnco_734{border-radius:var(--ds-radius-full)}._root_10ujs_1{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm)}._list_10ujs_6{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:var(--ds-space-2)}._item_10ujs_16{display:flex;align-items:center}._link_10ujs_21{color:var(--ds-text-2);text-decoration:none;transition:color var(--ds-transition-fast)}._link_10ujs_21:hover:not(._current_10ujs_27){color:var(--ds-info);text-decoration:underline}._current_10ujs_27{color:var(--ds-text-1);font-weight:var(--ds-font-weight-medium);cursor:default}._separator_10ujs_38{color:var(--ds-text-2);-webkit-user-select:none;user-select:none}._root_1flxt_1{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:var(--ds-space-2);font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-medium);border-radius:var(--ds-radius-md);text-align:center;white-space:nowrap;transition:background-color var(--ds-transition-fast),color var(--ds-transition-fast),border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast),transform var(--ds-transition-fast)}._xs_1flxt_31{height:var(--ds-space-6);padding:0 var(--ds-space-2);font-size:var(--ds-font-size-xs);gap:var(--ds-space-1)}._sm_1flxt_39{height:var(--ds-space-8);padding:0 var(--ds-space-3);font-size:var(--ds-font-size-xs)}._md_1flxt_46{height:calc(var(--ds-space-4) * 2.5);padding:0 var(--ds-space-4);font-size:var(--ds-font-size-sm)}._lg_1flxt_53{height:var(--ds-space-12);padding:0 var(--ds-space-6);font-size:var(--ds-font-size-base)}._xl_1flxt_60{height:var(--ds-space-14);padding:0 var(--ds-space-8);font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold)}._solid_1flxt_70{background-color:var(--ds-neutral);color:var(--ds-text-on-brand)}._solid_1flxt_70:hover:not(:disabled){background-color:var(--ds-neutral-hover)}._solid_1flxt_70:active:not(:disabled){background-color:var(--ds-neutral-active);transform:translateY(.0625rem)}._solid_1flxt_70._success_1flxt_82{background-color:var(--ds-success)}._solid_1flxt_70._success_1flxt_82:hover:not(:disabled){background-color:var(--ds-success-hover)}._solid_1flxt_70._success_1flxt_82:active:not(:disabled){background-color:var(--ds-success-active)}._solid_1flxt_70._warning_1flxt_92{background-color:var(--ds-warning)}._solid_1flxt_70._warning_1flxt_92:hover:not(:disabled){background-color:var(--ds-warning-hover)}._solid_1flxt_70._warning_1flxt_92:active:not(:disabled){background-color:var(--ds-warning-active)}._solid_1flxt_70._danger_1flxt_102{background-color:var(--ds-danger)}._solid_1flxt_70._danger_1flxt_102:hover:not(:disabled){background-color:var(--ds-danger-hover)}._solid_1flxt_70._danger_1flxt_102:active:not(:disabled){background-color:var(--ds-danger-active)}._solid_1flxt_70._info_1flxt_112{background-color:var(--ds-info)}._solid_1flxt_70._info_1flxt_112:hover:not(:disabled){background-color:var(--ds-info-hover)}._solid_1flxt_70._info_1flxt_112:active:not(:disabled){background-color:var(--ds-info-active)}._outline_1flxt_123{background-color:transparent;color:var(--ds-neutral);border:1px solid var(--ds-neutral)}._outline_1flxt_123:hover:not(:disabled){background-color:var(--ds-neutral-hover);color:var(--ds-text-on-brand);border-color:var(--ds-neutral-hover)}._outline_1flxt_123:active:not(:disabled){background-color:var(--ds-neutral-active);color:var(--ds-text-on-brand);border-color:var(--ds-neutral-active)}._outline_1flxt_123._success_1flxt_82{color:var(--ds-success);border-color:var(--ds-success)}._outline_1flxt_123._success_1flxt_82:hover:not(:disabled){background-color:var(--ds-success-hover);border-color:var(--ds-success-hover)}._outline_1flxt_123._success_1flxt_82:active:not(:disabled){background-color:var(--ds-success-active);border-color:var(--ds-success-active)}._outline_1flxt_123._warning_1flxt_92{color:var(--ds-warning);border-color:var(--ds-warning)}._outline_1flxt_123._warning_1flxt_92:hover:not(:disabled){background-color:var(--ds-warning-hover);border-color:var(--ds-warning-hover)}._outline_1flxt_123._warning_1flxt_92:active:not(:disabled){background-color:var(--ds-warning-active);border-color:var(--ds-warning-active)}._outline_1flxt_123._danger_1flxt_102{color:var(--ds-danger);border-color:var(--ds-danger)}._outline_1flxt_123._danger_1flxt_102:hover:not(:disabled){background-color:var(--ds-danger-hover);border-color:var(--ds-danger-hover)}._outline_1flxt_123._danger_1flxt_102:active:not(:disabled){background-color:var(--ds-danger-active);border-color:var(--ds-danger-active)}._outline_1flxt_123._info_1flxt_112{color:var(--ds-info);border-color:var(--ds-info)}._outline_1flxt_123._info_1flxt_112:hover:not(:disabled){background-color:var(--ds-info-hover);border-color:var(--ds-info-hover)}._outline_1flxt_123._info_1flxt_112:active:not(:disabled){background-color:var(--ds-info-active);border-color:var(--ds-info-active)}._subtle_1flxt_192{background-color:transparent;color:var(--ds-neutral)}._subtle_1flxt_192:hover:not(:disabled){background-color:var(--ds-surface-1)}._subtle_1flxt_192:active:not(:disabled){background-color:var(--ds-surface-1)}._subtle_1flxt_192._success_1flxt_82{color:var(--ds-success)}._subtle_1flxt_192._success_1flxt_82:hover:not(:disabled){background-color:var(--ds-success-subtle)}._subtle_1flxt_192._warning_1flxt_92{color:var(--ds-warning)}._subtle_1flxt_192._warning_1flxt_92:hover:not(:disabled){background-color:var(--ds-warning-subtle)}._subtle_1flxt_192._danger_1flxt_102{color:var(--ds-danger)}._subtle_1flxt_192._danger_1flxt_102:hover:not(:disabled){background-color:var(--ds-danger-subtle)}._subtle_1flxt_192._info_1flxt_112{color:var(--ds-info)}._subtle_1flxt_192._info_1flxt_112:hover:not(:disabled){background-color:var(--ds-info-subtle)}._root_1flxt_1:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._root_1flxt_1:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}._fullWidth_1flxt_245{width:100%}._root_1k781_1{background-color:var(--ds-surface-0);border-radius:var(--ds-radius-lg);display:flex;flex-direction:column;overflow:hidden}._bordered_1k781_9{border:1px solid var(--ds-border-1)}._shadowNone_1k781_14{box-shadow:none}._shadowSm_1k781_17{box-shadow:var(--ds-shadow-sm)}._shadowMd_1k781_20{box-shadow:var(--ds-shadow-md)}._borderColor-main_1k781_25{border-color:var(--ds-border-1)}._borderColor-subtle_1k781_28{border-color:var(--ds-border-2)}._borderColor-danger_1k781_31{border-color:var(--ds-danger)}._borderColor-success_1k781_34{border-color:var(--ds-success)}._borderColor-info_1k781_37{border-color:var(--ds-info)}._borderColor-warning_1k781_40{border-color:var(--ds-warning)}._backgroundColor-none_1k781_45{background-color:transparent}._backgroundColor-subtle_1k781_48{background-color:var(--ds-surface-1)}._backgroundColor-danger-subtle_1k781_51{background-color:var(--ds-danger-subtle)}._backgroundColor-success-subtle_1k781_54{background-color:var(--ds-success-subtle)}._backgroundColor-warning-subtle_1k781_57{background-color:var(--ds-warning-subtle)}._backgroundColor-info-subtle_1k781_60{background-color:var(--ds-info-subtle)}._pNone_1k781_65{padding:0}._pSm_1k781_68{padding:var(--ds-space-4)}._pMd_1k781_71{padding:var(--ds-space-6)}._pLg_1k781_74{padding:var(--ds-space-8)}._header_1k781_79{padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-2);margin-bottom:var(--ds-space-4)}._title_1k781_85{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold);color:var(--ds-text-1);margin:0}._subtitle_1k781_93{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);color:var(--ds-text-2);margin:var(--ds-space-1) 0 0 0}._content_1k781_100{flex:1}._footer_1k781_104{padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border-2);margin-top:var(--ds-space-4);display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-3)}._wrapper_1mupt_1{display:flex;flex-direction:column;gap:var(--ds-space-1)}._container_1mupt_7{display:flex;align-items:flex-start;gap:var(--ds-space-2);cursor:pointer;-webkit-user-select:none;user-select:none}._container_1mupt_7._disabled_1mupt_15{cursor:not-allowed;opacity:.5}._input_1mupt_20{position:absolute;opacity:0;cursor:pointer;height:0;width:0}._control_1mupt_28{flex-shrink:0;height:1.125rem;width:1.125rem;background-color:var(--ds-surface-0);border:.125rem solid var(--ds-border-1);border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-fast);display:flex;align-items:center;justify-content:center;margin-top:.125rem}._input_1mupt_20:checked~._control_1mupt_28{background-color:var(--ds-info);border-color:var(--ds-info)}._input_1mupt_20:focus-visible~._control_1mupt_28{box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._container_1mupt_7:hover ._input_1mupt_20:not(:checked):not(:disabled)~._control_1mupt_28{border-color:var(--ds-neutral-hover)}._checkmark_1mupt_57{color:var(--ds-text-on-brand);width:.75rem;height:.75rem;display:none}._input_1mupt_20:checked~._control_1mupt_28 ._checkmark_1mupt_57{display:block}._label_1mupt_68{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);color:var(--ds-text-1);line-height:var(--ds-line-height-base)}._error_1mupt_75 ._control_1mupt_28{border-color:var(--ds-danger)}._helperText_1mupt_79{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2);margin-left:calc(1.125rem + var(--ds-space-2))}._errorText_1mupt_86{color:var(--ds-danger)}._wrapper_qhe61_1{display:flex;flex-direction:column;gap:var(--ds-space-1);font-family:var(--ds-font-family-base);width:fit-content}._fullWidth_qhe61_9{width:100%}._label_qhe61_13{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._container_qhe61_19{position:relative}._trigger_qhe61_23{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ds-space-2) var(--ds-space-3);background-color:var(--ds-surface-0);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-base);color:var(--ds-text-1);cursor:pointer;transition:all .2s ease;text-align:left}._trigger_qhe61_23:focus-visible{outline:none;border-color:var(--ds-info);box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._trigger_qhe61_23:disabled{background-color:var(--ds-surface-disabled);color:var(--ds-text-disabled);border-color:var(--ds-border-disabled);cursor:not-allowed}._error_qhe61_54 ._trigger_qhe61_23{border-color:var(--ds-danger)}._sm_qhe61_58 ._trigger_qhe61_23{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-font-size-xs)}._lg_qhe61_63 ._trigger_qhe61_23{padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-font-size-lg)}._icon_qhe61_68{display:flex;align-items:center;transition:transform .2s ease}._isOpen_qhe61_74 ._icon_qhe61_68{transform:rotate(180deg)}._menu_qhe61_78{position:absolute;top:100%;left:0;right:0;z-index:10;margin-top:var(--ds-space-1);background-color:var(--ds-surface-0);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);max-height:300px;overflow-y:auto;padding:var(--ds-space-1) 0;list-style:none}._option_qhe61_95{display:flex;flex-direction:column;padding:var(--ds-space-2) var(--ds-space-3);cursor:pointer;transition:background-color .2s ease;outline:none}._optionFocused_qhe61_104{background-color:var(--ds-neutral-subtle)}._optionSelected_qhe61_108{background-color:var(--ds-info-subtle);color:var(--ds-info)}._optionSelected_qhe61_108._optionFocused_qhe61_104{background-color:var(--ds-info-subtle);box-shadow:inset 0 0 0 1px var(--ds-info)}._optionDisabled_qhe61_118{opacity:.5;cursor:not-allowed;pointer-events:none}._optionLabel_qhe61_124{font-weight:var(--ds-font-weight-medium)}._optionDescription_qhe61_128,._helperText_qhe61_133{font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._errorText_qhe61_138{color:var(--ds-danger)}._root_dlc85_1{background-color:var(--ds-surface-0);border-bottom:1px solid var(--ds-border-1);padding:var(--ds-space-3) 0;width:100%}._container_dlc85_8{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4);display:flex;justify-content:space-between;align-items:center}._sideContainer_dlc85_17{display:flex;align-items:center;gap:var(--ds-space-2)}svg{display:inline-block;vertical-align:top}._title_dlc85_28{display:inline-block;vertical-align:top;font-weight:var(--ds-font-weight-bold);font-size:var(--ds-font-size-lg);line-height:var(--ds-line-height-tight)}._welcome_dlc85_36{font-size:var(--ds-font-size-sm)}._root_19xrh_1{background-color:var(--ds-surface-0);border-bottom:1px solid var(--ds-border-1);width:100%}._container_19xrh_7{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4);display:flex;align-items:stretch;height:4rem}._leftSection_19xrh_16{display:flex;align-items:center;margin-right:var(--ds-space-8)}._nav_19xrh_22{display:flex;align-items:stretch;flex:1}._navList_19xrh_28{display:flex;list-style:none;margin:0;padding:0;gap:var(--ds-space-4)}._navItem_19xrh_36{display:flex;align-items:center}._navLink_19xrh_41{display:flex;align-items:center;height:100%;padding:0 var(--ds-space-2);color:var(--ds-text-2);text-decoration:none;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);border-bottom:.125rem solid transparent;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:all .2s ease}._navLink_19xrh_41:hover:not(._disabled_19xrh_59){color:var(--ds-text-1)}._active_19xrh_63{color:var(--ds-info-1);border-bottom-color:var(--ds-info-1)}._disabled_19xrh_59{opacity:.5;cursor:not-allowed}._rightSection_19xrh_73{display:flex;align-items:center;gap:var(--ds-space-4)}._wrapper_bh3e1_1{display:flex;flex-direction:column;gap:var(--ds-space-1);width:100%}._label_bh3e1_8{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._inputRoot_bh3e1_15{box-sizing:border-box;width:100%;font-family:var(--ds-font-family-base);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-0);color:var(--ds-text-1);transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast)}._inputRoot_bh3e1_15:focus{outline:none;border-color:var(--ds-ring);box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._inputRoot_bh3e1_15::placeholder{color:var(--ds-text-2)}._inputRoot_bh3e1_15:disabled{background-color:var(--ds-surface-1);cursor:not-allowed;opacity:.7}._sm_bh3e1_47{height:var(--ds-space-8);padding:0 var(--ds-space-3);font-size:var(--ds-font-size-xs)}._md_bh3e1_53{height:var( --ds-space-10, 2.5rem );height:calc(var(--ds-space-4) * 2.5);padding:0 var(--ds-space-4);font-size:var(--ds-font-size-sm)}._lg_bh3e1_63{height:var(--ds-space-12);padding:0 var(--ds-space-5, 1.25rem);font-size:var(--ds-font-size-base)}._error_bh3e1_70{border-color:var(--ds-danger)}._error_bh3e1_70:focus{border-color:var(--ds-danger);box-shadow:0 0 0 .125rem var(--ds-danger-subtle)}._helperText_bh3e1_79{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._helperText_bh3e1_79._errorText_bh3e1_85{color:var(--ds-danger)}._loader_wvz8q_1{display:inline-block;border-radius:var(--ds-radius-full);border:.125rem solid var(--ds-surface-1);border-top-color:var(--ds-info);animation:_spin_wvz8q_1 .8s linear infinite}._neutral_wvz8q_10{border-top-color:var(--ds-neutral)}._info_wvz8q_13{border-top-color:var(--ds-info)}._success_wvz8q_16{border-top-color:var(--ds-success)}._warning_wvz8q_19{border-top-color:var(--ds-warning)}._danger_wvz8q_22{border-top-color:var(--ds-danger)}._sm_wvz8q_27{width:var(--ds-space-4);height:var(--ds-space-4);border-width:.125rem}._md_wvz8q_33{width:var(--ds-space-8);height:var(--ds-space-8);border-width:.1875rem}._lg_wvz8q_39{width:var(--ds-space-12);height:var(--ds-space-12);border-width:.25rem}@keyframes _spin_wvz8q_1{to{transform:rotate(360deg)}}._overlay_tnqx3_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ds-space-4)}._modal_tnqx3_15{background-color:var(--ds-surface-0);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);display:flex;flex-direction:column;max-height:100%;width:100%;overflow:hidden;font-family:var(--ds-font-family-base)}._header_tnqx3_27{padding:var(--ds-space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ds-border-2)}._title_tnqx3_35{margin:0;font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold);color:var(--ds-text-1)}._closeButton_tnqx3_42{margin:0;padding:0!important;width:var(--ds-space-8)!important;height:var(--ds-space-8)!important;min-width:unset!important;font-size:var(--ds-font-size-lg)!important;font-weight:var(--ds-font-weight-semibold);line-height:1!important;display:flex;align-items:center;justify-content:center}._content_tnqx3_56{padding:var(--ds-space-6);overflow-y:auto;flex:1}._footer_tnqx3_62{padding:var(--ds-space-4);display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-3);border-top:1px solid var(--ds-border-2);background-color:var(--ds-surface-1)}._sm_tnqx3_73{max-width:25rem}._md_tnqx3_76{max-width:37.5rem}._lg_tnqx3_79{max-width:50rem}._xl_tnqx3_82{max-width:62.5rem}._full_tnqx3_85{max-width:100%;height:100%}._loading_tnqx3_90{opacity:.7;pointer-events:none}._root_1x0nr_1{display:flex;position:relative;padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);border-left:.25rem solid;font-family:var(--ds-font-family-base);gap:var(--ds-space-3);box-shadow:var(--ds-shadow-sm);max-width:25rem}._content_1x0nr_13{flex:1}._title_1x0nr_17{font-weight:var(--ds-font-weight-bold);font-size:var(--ds-font-size-sm);margin-bottom:var(--ds-space-1)}._message_1x0nr_23{font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}._closeButton_1x0nr_28{flex-shrink:0;margin-top:calc(var(--ds-space-1) * -1);margin-right:calc(var(--ds-space-2) * -1);padding:0!important;width:var(--ds-space-6)!important;height:var(--ds-space-6)!important;min-width:unset!important;opacity:.6}._closeButton_1x0nr_28:hover{opacity:1}._neutral_1x0nr_44{background-color:var(--ds-surface-1);border-color:var(--ds-neutral);color:var(--ds-text-1)}._info_1x0nr_50{background-color:var(--ds-info-subtle);border-color:var(--ds-info);color:var(--ds-info-active)}._success_1x0nr_56{background-color:var(--ds-success-subtle);border-color:var(--ds-success);color:var(--ds-success-active)}._warning_1x0nr_62{background-color:var(--ds-warning-subtle);border-color:var(--ds-warning);color:var(--ds-warning-active)}._danger_1x0nr_68{background-color:var(--ds-danger-subtle);border-color:var(--ds-danger);color:var(--ds-danger-active)}._root_o4mj7_1{display:flex;align-items:center}._list_o4mj7_6{display:flex;align-items:center;gap:var(--ds-space-2);list-style:none;margin:0;padding:0}._item_o4mj7_15{display:flex}._ellipsis_o4mj7_19{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ds-space-8);height:var(--ds-space-8);color:var(--ds-text-2);font-size:var(--ds-font-size-sm)}._pageButton_o4mj7_29{min-width:var(--ds-space-8)}._wrapper_16yvn_1{width:100%;display:flex;flex-direction:column;gap:var(--ds-space-1)}._labelWrapper_16yvn_8{display:flex;justify-content:space-between;align-items:center}._label_16yvn_8{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._percentage_16yvn_21{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._progressRoot_16yvn_27{width:100%;background-color:var(--ds-surface-1);border-radius:var(--ds-radius-full);overflow:hidden}._indicator_16yvn_34{height:100%;transition:width var(--ds-transition-base)}._sm_16yvn_40 ._progressRoot_16yvn_27{height:var(--ds-space-1)}._md_16yvn_44 ._progressRoot_16yvn_27{height:var(--ds-space-2)}._lg_16yvn_48 ._progressRoot_16yvn_27{height:var(--ds-space-3)}._info_16yvn_53 ._indicator_16yvn_34{background-color:var(--ds-info)}._success_16yvn_57 ._indicator_16yvn_34{background-color:var(--ds-success)}._warning_16yvn_61 ._indicator_16yvn_34{background-color:var(--ds-warning)}._danger_16yvn_65 ._indicator_16yvn_34{background-color:var(--ds-danger)}._wrapper_4v5ks_1{display:flex;flex-direction:column;gap:var(--ds-space-1)}._label_4v5ks_7{display:inline-flex;align-items:flex-start;gap:var(--ds-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--ds-font-family-base);color:var(--ds-text-1)}._label_4v5ks_7._sm_4v5ks_17{font-size:var(--ds-font-size-xs)}._label_4v5ks_7._md_4v5ks_20{font-size:var(--ds-font-size-sm)}._label_4v5ks_7._lg_4v5ks_23{font-size:var(--ds-font-size-base)}._inputWrapper_4v5ks_27{position:relative;display:flex;align-items:center;justify-content:center}._radioRoot_4v5ks_34{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}._checkmark_4v5ks_44{display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-full);background-color:var(--ds-surface-0);transition:all var(--ds-transition-fast)}._sm_4v5ks_17 ._checkmark_4v5ks_44{width:var(--ds-space-4);height:var(--ds-space-4)}._md_4v5ks_20 ._checkmark_4v5ks_44{width:calc(var(--ds-space-5, 1.25rem));height:calc(var(--ds-space-5, 1.25rem))}._lg_4v5ks_23 ._checkmark_4v5ks_44{width:var(--ds-space-6);height:var(--ds-space-6)}._checkmark_4v5ks_44:after{content:"";display:block;border-radius:var(--ds-radius-full);background-color:var(--ds-surface-0);transform:scale(0);transition:transform var(--ds-transition-fast)}._sm_4v5ks_17 ._checkmark_4v5ks_44:after{width:var(--ds-space-2);height:var(--ds-space-2)}._md_4v5ks_20 ._checkmark_4v5ks_44:after{width:var(--ds-space-2);height:var(--ds-space-2)}._lg_4v5ks_23 ._checkmark_4v5ks_44:after{width:var(--ds-space-3);height:var(--ds-space-3)}._radioRoot_4v5ks_34:checked~._checkmark_4v5ks_44{background-color:var(--ds-info);border-color:var(--ds-info)}._radioRoot_4v5ks_34:checked~._checkmark_4v5ks_44:after{transform:scale(1)}._radioRoot_4v5ks_34:focus-visible~._checkmark_4v5ks_44{box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring);border-color:var(--ds-ring)}._label_4v5ks_7:hover ._radioRoot_4v5ks_34:not(:disabled):not(:checked)~._checkmark_4v5ks_44{border-color:var(--ds-info)}._radioRoot_4v5ks_34:disabled{cursor:not-allowed}._radioRoot_4v5ks_34:disabled~._checkmark_4v5ks_44{background-color:var(--ds-surface-1);border-color:var(--ds-border-2);opacity:.7}._radioRoot_4v5ks_34:disabled~._labelText_4v5ks_127{color:var(--ds-text-2);cursor:not-allowed}._radioRoot_4v5ks_34._error_4v5ks_133~._checkmark_4v5ks_44{border-color:var(--ds-danger)}._radioRoot_4v5ks_34._error_4v5ks_133:checked~._checkmark_4v5ks_44{background-color:var(--ds-danger);border-color:var(--ds-danger)}._helperText_4v5ks_142{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2);padding-left:calc(var(--ds-space-5, 1.25rem) + var(--ds-space-2))}._sm_4v5ks_17~._helperText_4v5ks_142{padding-left:calc(var(--ds-space-4) + var(--ds-space-2))}._lg_4v5ks_23~._helperText_4v5ks_142{padding-left:calc(var(--ds-space-6) + var(--ds-space-2))}._helperText_4v5ks_142._errorText_4v5ks_156{color:var(--ds-danger)}._labelText_4v5ks_127{line-height:var(--ds-line-height-base)}._root_1qfdr_1{background-color:var(--ds-skeleton);display:block}._text_1qfdr_6{height:1em;margin-top:.1em;margin-bottom:.1em;transform:scaleY(.6);transform-origin:0 0;border-radius:var(--ds-radius-sm)}._rectangular_1qfdr_15{height:1.25rem}._rounded_1qfdr_19{border-radius:var(--ds-radius-md)}._circular_1qfdr_23{border-radius:var(--ds-radius-full)}._pulse_1qfdr_28{animation:_pulse_1qfdr_28 1.5s ease-in-out infinite}@keyframes _pulse_1qfdr_28{0%{opacity:1}50%{opacity:.4}to{opacity:1}}._wave_1qfdr_44{position:relative;overflow:hidden}._wave_1qfdr_44:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--ds-skeleton-highlight),transparent);animation:_wave_1qfdr_44 1.6s linear infinite;transform:translate(-100%)}@keyframes _wave_1qfdr_44{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}._step_1z90u_1{display:flex;align-items:center;position:relative;min-width:0}[data-orientation=horizontal] ._step_1z90u_1{flex:1}[data-orientation=vertical] ._step_1z90u_1{flex-direction:column;align-items:flex-start;width:100%}._stepRow_1z90u_18{display:inline-flex;align-items:center;gap:var(--stepper-gap)}[data-orientation=horizontal] ._stepRow_1z90u_18{min-width:0}._interactive_1z90u_28{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:var(--stepper-gap)}._interactive_1z90u_28:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring);border-radius:var(--ds-radius-md)}._interactive_1z90u_28:disabled{cursor:not-allowed}._marker_1z90u_48{width:var(--stepper-marker-size);height:var(--stepper-marker-size);border-radius:var(--ds-radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:var(--stepper-font-size);font-weight:var(--ds-font-weight-medium);border:1px solid var(--ds-border-1);background-color:var(--ds-surface-0);color:var(--ds-text-2);flex-shrink:0;transition:background-color var(--ds-transition-fast),color var(--ds-transition-fast),border-color var(--ds-transition-fast)}._text_1z90u_67{display:inline-flex;flex-direction:column;gap:var(--ds-space-1);min-width:0}._label_1z90u_74{font-size:var(--stepper-font-size);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._description_1z90u_83{font-size:var(--stepper-description-size);color:var(--ds-text-2);line-height:var(--ds-line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._connector_1z90u_92{background-color:var(--ds-border-1);border-radius:var(--ds-radius-full)}[data-orientation=horizontal] ._connector_1z90u_92{height:2px;flex:1;margin-left:var(--ds-space-3)}[data-orientation=vertical] ._connector_1z90u_92{width:2px;height:var(--ds-space-8);margin-left:calc(var(--stepper-marker-size) / 2 - 1px);margin-top:var(--ds-space-2)}._completed_1z90u_110 ._marker_1z90u_48{background-color:var(--ds-success);border-color:var(--ds-success);color:var(--ds-text-on-brand)}._completed_1z90u_110 ._label_1z90u_74{color:var(--ds-text-1)}._connector-completed_1z90u_120{background-color:var(--ds-success)}._current_1z90u_124 ._marker_1z90u_48{background-color:var(--ds-info-subtle);border-color:var(--ds-info);color:var(--ds-info)}._current_1z90u_124 ._label_1z90u_74{color:var(--ds-text-1)}._connector-current_1z90u_134{background-color:var(--ds-info)}._error_1z90u_138 ._marker_1z90u_48{background-color:var(--ds-danger);border-color:var(--ds-danger);color:var(--ds-text-on-brand)}._error_1z90u_138 ._label_1z90u_74{color:var(--ds-danger)}._connector-error_1z90u_148{background-color:var(--ds-danger)}._upcoming_1z90u_152 ._label_1z90u_74{color:var(--ds-text-2)}._disabled_1z90u_156{opacity:.5}._disabled_1z90u_156 ._interactive_1z90u_28{cursor:not-allowed}._root_cxvk2_1{--stepper-marker-size: var(--ds-space-8);--stepper-font-size: var(--ds-font-size-sm);--stepper-description-size: var(--ds-font-size-xs);--stepper-gap: var(--ds-space-3);display:flex;list-style:none;padding:0;margin:0;font-family:var(--ds-font-family-base);color:var(--ds-text-1)}._sm_cxvk2_15{--stepper-marker-size: var(--ds-space-6);--stepper-font-size: var(--ds-font-size-xs);--stepper-description-size: var(--ds-font-size-xs);--stepper-gap: var(--ds-space-2)}._lg_cxvk2_22{--stepper-marker-size: var(--ds-space-10);--stepper-font-size: var(--ds-font-size-base);--stepper-description-size: var(--ds-font-size-sm);--stepper-gap: var(--ds-space-4)}._horizontal_cxvk2_29{flex-direction:row;align-items:center;gap:var(--ds-space-3)}._vertical_cxvk2_35{flex-direction:column;align-items:flex-start;gap:var(--ds-space-4)}._wrapper_6vjc4_1{display:flex;flex-direction:column;gap:var(--ds-space-1);width:100%}._label_6vjc4_8{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._selectRoot_6vjc4_15{box-sizing:border-box;width:100%;font-family:var(--ds-font-family-base);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-0);color:var(--ds-text-1);transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-space-3) center;background-size:1.25rem}._selectRoot_6vjc4_15:focus{outline:none;border-color:var(--ds-ring);box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._selectRoot_6vjc4_15:disabled{background-color:var(--ds-surface-1);cursor:not-allowed;opacity:.7}._sm_6vjc4_49{height:var(--ds-space-8);padding:0 var(--ds-space-8) 0 var(--ds-space-3);font-size:var(--ds-font-size-xs);background-position:right var(--ds-space-2) center}._md_6vjc4_56{height:calc(var(--ds-space-4) * 2.5);padding:0 var(--ds-space-10) 0 var(--ds-space-4);font-size:var(--ds-font-size-sm);background-position:right var(--ds-space-3) center}._lg_6vjc4_63{height:var(--ds-space-12);padding:0 var(--ds-space-12) 0 var(--ds-space-5);font-size:var(--ds-font-size-base);background-position:right var(--ds-space-4) center}._error_6vjc4_71{border-color:var(--ds-danger)}._error_6vjc4_71:focus{border-color:var(--ds-danger);box-shadow:0 0 0 .125rem var(--ds-danger-subtle)}._helperText_6vjc4_80{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._helperText_6vjc4_80._errorText_6vjc4_86{color:var(--ds-danger)}._wrapper_196po_1{display:flex;flex-direction:column;gap:var(--ds-space-1)}._container_196po_7{display:flex;align-items:center;gap:var(--ds-space-3);cursor:pointer;-webkit-user-select:none;user-select:none}._container_196po_7._disabled_196po_15{cursor:not-allowed;opacity:.5}._input_196po_20{position:absolute;opacity:0;width:0;height:0}._track_196po_27{position:relative;width:2.5rem;height:1.25rem;background-color:var(--ds-border-1);border-radius:var(--ds-radius-full);transition:background-color var(--ds-transition-fast)}._input_196po_20:checked~._track_196po_27{background-color:var(--ds-info)}._input_196po_20:focus-visible~._track_196po_27{box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._thumb_196po_46{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background-color:#fff;border-radius:var(--ds-radius-full);transition:transform var(--ds-transition-fast);box-shadow:var(--ds-shadow-sm)}._input_196po_20:checked~._track_196po_27 ._thumb_196po_46{transform:translate(1.25rem)}._label_196po_62{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);color:var(--ds-text-1);font-weight:var(--ds-font-weight-medium)}._helperText_196po_69{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2);margin-left:calc(2.5rem + var(--ds-space-3))}._wrapper_1w3cj_1{width:100%;overflow-x:auto;border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md)}._table_1w3cj_8{width:100%;border-collapse:collapse;font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);color:var(--ds-text-1);background-color:var(--ds-surface-0)}._thead_1w3cj_17{background-color:var(--ds-surface-1);border-bottom:.125rem solid var(--ds-border-1)}._tbody_1w3cj_22 ._tr_1w3cj_22{border-bottom:1px solid var(--ds-border-1)}._tbody_1w3cj_22 ._tr_1w3cj_22:last-child{border-bottom:none}._th_1w3cj_17{padding:var(--ds-space-3) var(--ds-space-4);font-weight:var(--ds-font-weight-bold);text-align:left;color:var(--ds-text-2);text-transform:uppercase;font-size:var(--ds-font-size-xs);letter-spacing:.05em}._td_1w3cj_40{padding:var(--ds-space-4);vertical-align:middle}._striped_1w3cj_46 ._tbody_1w3cj_22 ._tr_1w3cj_22:nth-child(2n){background-color:var(--ds-surface-1)}._hoverable_1w3cj_50 ._tbody_1w3cj_22 ._tr_1w3cj_22:hover{background-color:var(--ds-surface-1)}._dense_1w3cj_54 ._th_1w3cj_17,._dense_1w3cj_54 ._td_1w3cj_40{padding:var(--ds-space-2) var(--ds-space-4)}._align-left_1w3cj_62{text-align:left}._align-center_1w3cj_65{text-align:center}._align-right_1w3cj_68{text-align:right}._align-justify_1w3cj_71{text-align:justify}._loading_1w3cj_75{opacity:.7;pointer-events:none}._root_1luck_1{display:flex;flex-direction:column;width:100%;font-family:var(--ds-font-family-base)}._tabList_1luck_8{display:flex;gap:var(--ds-space-4);margin:0;padding:0;list-style:none}._tabItem_1luck_16{all:unset;cursor:pointer;padding:var(--ds-space-2) var(--ds-space-1);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-2);transition:all var(--ds-transition-fast);border-bottom:.125rem solid transparent}._tabItem_1luck_16:hover:not(._disabled_1luck_27):not(._active_1luck_27){color:var(--ds-text-1);border-bottom-color:var(--ds-border-1)}._tabItem_1luck_16:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring);border-radius:var(--ds-radius-sm);z-index:1}._tabItem_1luck_16._active_1luck_27{color:var(--ds-info);border-bottom-color:var(--ds-info)}._tabItem_1luck_16._disabled_1luck_27{cursor:not-allowed;opacity:.5}._pillList_1luck_52{gap:var(--ds-space-2);background-color:var(--ds-surface-1);padding:var(--ds-space-1);border-radius:var(--ds-radius-md);width:fit-content}._pillItem_1luck_60{padding:var(--ds-space-1) var(--ds-space-4);border-radius:var(--ds-radius-sm);border-bottom:none}._pillItem_1luck_60._active_1luck_27{background-color:var(--ds-surface-0);color:var(--ds-text-1);box-shadow:var(--ds-shadow-sm)}._tabPanel_1luck_72{padding-top:var(--ds-space-4)}._root_7o66o_1{margin:0;font-family:var(--ds-font-family-base);line-height:var(--ds-line-height-base);color:inherit}._h1_7o66o_9{font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-tight)}._h2_7o66o_15{font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-tight)}._h3_7o66o_21{font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-tight)}._h4_7o66o_27{font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-bold)}._h5_7o66o_32{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-bold)}._h6_7o66o_37{font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold)}._body-lg_7o66o_42{font-size:var(--ds-font-size-lg)}._body-md_7o66o_46{font-size:var(--ds-font-size-base)}._body-sm_7o66o_50{font-size:var(--ds-font-size-sm)}._label_7o66o_54{font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-medium);text-transform:uppercase;letter-spacing:.025em}._code_7o66o_61{font-family:var(--ds-font-family-mono);font-size:.9em;background-color:var(--ds-surface-1);padding:.2em .4em;border-radius:var(--ds-radius-sm)}._left_7o66o_70{text-align:left}._center_7o66o_73{text-align:center}._right_7o66o_76{text-align:right}._justify_7o66o_79{text-align:justify}._regular_7o66o_84{font-weight:var(--ds-font-weight-regular)}._medium_7o66o_87{font-weight:var(--ds-font-weight-medium)}._bold_7o66o_90{font-weight:var(--ds-font-weight-bold)}._color-main_7o66o_95{color:var(--ds-text-1)}._color-subtle_7o66o_98{color:var(--ds-text-2)}._color-on-brand_7o66o_104{color:var(--ds-text-on-brand)}._color-danger_7o66o_107{color:var(--ds-danger)}._color-success_7o66o_110{color:var(--ds-success)}._color-warning_7o66o_113{color:var(--ds-warning)}._color-info_7o66o_116{color:var(--ds-info)}._noWrap_7o66o_121{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}._wrapper_1229p_1{display:flex;flex-direction:column;gap:var(--ds-space-1);width:100%}._label_1229p_8{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._textareaRoot_1229p_15{box-sizing:border-box;width:100%;font-family:var(--ds-font-family-base);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-0);color:var(--ds-text-1);padding:var(--ds-space-2) var(--ds-space-3);transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast);resize:vertical}._textareaRoot_1229p_15:focus{outline:none;border-color:var(--ds-ring);box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._textareaRoot_1229p_15::placeholder{color:var(--ds-text-2)}._textareaRoot_1229p_15:disabled{background-color:var(--ds-surface-1);cursor:not-allowed;opacity:.7}._sm_1229p_49{font-size:var(--ds-font-size-xs);padding:var(--ds-space-1) var(--ds-space-2)}._md_1229p_54{font-size:var(--ds-font-size-sm);padding:var(--ds-space-2) var(--ds-space-3)}._lg_1229p_59{font-size:var(--ds-font-size-base);padding:var(--ds-space-3) var(--ds-space-4)}._error_1229p_65{border-color:var(--ds-danger)}._error_1229p_65:focus{border-color:var(--ds-danger);box-shadow:0 0 0 .125rem var(--ds-danger-subtle)}._helperText_1229p_74{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._helperText_1229p_74._errorText_1229p_80{color:var(--ds-danger)}._root_1kghr_1{position:relative;display:inline-block}._trigger_1kghr_6{display:inline-block}._tooltip_1kghr_10{position:absolute;z-index:1000;padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-font-size-xs);border-radius:var(--ds-radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}._dark_1kghr_22{background-color:var(--neutral-900);color:var(--neutral-0)}._light_1kghr_27{background-color:var(--ds-surface-0);color:var(--ds-text-1);border:1px solid var(--ds-border-1);box-shadow:var(--ds-shadow-md)}._visible_1kghr_34{opacity:1}._top_1kghr_39{bottom:100%;left:50%;transform:translate(-50%) translateY(calc(-1 * var(--ds-space-2)))}._bottom_1kghr_45{top:100%;left:50%;transform:translate(-50%) translateY(var(--ds-space-2))}._left_1kghr_51{top:50%;right:100%;transform:translateY(-50%) translate(calc(-1 * var(--ds-space-2)))}._right_1kghr_57{top:50%;left:100%;transform:translateY(-50%) translate(var(--ds-space-2))}._tooltip_1kghr_10:after{content:"";position:absolute;border-width:.3125rem;border-style:solid}._top_1kghr_39:after{top:100%;left:50%;margin-left:-.3125rem}._top_1kghr_39._dark_1kghr_22:after{border-color:var(--neutral-900) transparent transparent transparent}._top_1kghr_39._light_1kghr_27:after{border-color:var(--ds-border-1) transparent transparent transparent}._bottom_1kghr_45:after{bottom:100%;left:50%;margin-left:-.3125rem}._bottom_1kghr_45._dark_1kghr_22:after{border-color:transparent transparent var(--neutral-900) transparent}._bottom_1kghr_45._light_1kghr_27:after{border-color:transparent transparent var(--ds-border-1) transparent}._left_1kghr_51:after{left:100%;top:50%;margin-top:-.3125rem}._left_1kghr_51._dark_1kghr_22:after{border-color:transparent transparent transparent var(--neutral-900)}._left_1kghr_51._light_1kghr_27:after{border-color:transparent transparent transparent var(--ds-border-1)}._right_1kghr_57:after{right:100%;top:50%;margin-top:-.3125rem}._right_1kghr_57._dark_1kghr_22:after{border-color:transparent var(--neutral-900) transparent transparent}._right_1kghr_57._light_1kghr_27:after{border-color:transparent var(--ds-border-1) transparent transparent}._root_1j5ko_1{display:flex;flex-direction:column;min-height:100vh;background-color:var(--ds-surface-1)}._main_1j5ko_8{flex:1;padding:var(--ds-space-6) 0}._container_1j5ko_13{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4)}._root_416o7_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--ds-surface-1);font-family:var(--ds-font-family-base);padding:var(--ds-space-4)}._card_416o7_11{width:100%;max-width:25rem;background-color:var(--ds-surface-0);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);padding:var(--ds-space-8);border:1px solid var(--ds-border-1)}._header_416o7_21{text-align:center;margin-bottom:var(--ds-space-8)}._logo_416o7_26{display:flex;justify-content:center;margin-bottom:var(--ds-space-4)}._title_416o7_32{font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-text-1);margin:0}._description_416o7_39{font-size:var(--ds-font-size-sm);color:var(--ds-text-2);margin-top:var(--ds-space-2)}._content_416o7_45{display:flex;flex-direction:column;gap:var(--ds-space-4)}._root_1vwxr_1{min-height:100vh;background-color:var(--ds-surface-1);font-family:var(--ds-font-family-base)}._main_1vwxr_7{padding:var(--ds-space-6) 0}._container_1vwxr_11{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-6)}._topBar_1vwxr_20{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-4)}._stats_1vwxr_27{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--ds-space-4)}._content_1vwxr_33{display:flex;flex-direction:column;gap:var(--ds-space-4)}._root_o4vai_1{min-height:100vh;background-color:var(--ds-surface-1);font-family:var(--ds-font-family-base)}._main_o4vai_7{padding:var(--ds-space-6) 0}._container_o4vai_11{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-4)}._layoutBody_o4vai_20{display:flex;gap:var(--ds-space-8);align-items:flex-start}._sidebar_o4vai_26{width:15rem;flex-shrink:0;display:flex;flex-direction:column;gap:var(--ds-space-1)}._content_o4vai_34{flex-grow:1;display:flex;flex-direction:column;gap:var(--ds-space-6)}
1
+ :root{--grey: #72727a;--blue: #637ab3;--green: #64af76;--red: #d55a5a;--orange: #bf914f;--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #eeeeee;--neutral-300: #e0e0e0;--neutral-400: #a5a5ae;--neutral-500: #7b7b85;--neutral-600: #63636e;--neutral-700: #424249;--neutral-800: #323237;--neutral-900: #242429;--neutral-950: #09090b;--blue-50: color-mix(in srgb, var(--blue) 10%, #ffffff);--blue-100: color-mix(in srgb, var(--blue) 20%, #ffffff);--blue-200: color-mix(in srgb, var(--blue) 35%, #ffffff);--blue-300: color-mix(in srgb, var(--blue) 55%, #ffffff);--blue-400: color-mix(in srgb, var(--blue) 75%, #ffffff);--blue-500: var(--blue);--blue-600: color-mix(in srgb, var(--blue) 85%, #000000);--blue-700: color-mix(in srgb, var(--blue) 70%, #000000);--blue-800: color-mix(in srgb, var(--blue) 55%, #000000);--blue-900: color-mix(in srgb, var(--blue) 40%, #000000);--blue-950: color-mix(in srgb, var(--blue) 25%, #000000);--green-50: color-mix(in srgb, var(--green) 10%, #ffffff);--green-100: color-mix(in srgb, var(--green) 20%, #ffffff);--green-200: color-mix(in srgb, var(--green) 35%, #ffffff);--green-300: color-mix(in srgb, var(--green) 55%, #ffffff);--green-400: color-mix(in srgb, var(--green) 75%, #ffffff);--green-500: var(--green);--green-600: color-mix(in srgb, var(--green) 85%, #000000);--green-700: color-mix(in srgb, var(--green) 70%, #000000);--green-800: color-mix(in srgb, var(--green) 55%, #000000);--green-900: color-mix(in srgb, var(--green) 40%, #000000);--green-950: color-mix(in srgb, var(--green) 25%, #000000);--red-50: color-mix(in srgb, var(--red) 10%, #ffffff);--red-100: color-mix(in srgb, var(--red) 20%, #ffffff);--red-200: color-mix(in srgb, var(--red) 35%, #ffffff);--red-300: color-mix(in srgb, var(--red) 55%, #ffffff);--red-400: color-mix(in srgb, var(--red) 75%, #ffffff);--red-500: var(--red);--red-600: color-mix(in srgb, var(--red) 85%, #000000);--red-700: color-mix(in srgb, var(--red) 70%, #000000);--red-800: color-mix(in srgb, var(--red) 55%, #000000);--red-900: color-mix(in srgb, var(--red) 40%, #000000);--red-950: color-mix(in srgb, var(--red) 25%, #000000);--orange-50: #fffbeb;--orange-100: #fef3c7;--orange-200: #fde68a;--orange-300: #fcd34d;--orange-400: #fbbf24;--orange-500: #f59e0b;--orange-600: #d97706;--orange-700: #b45309;--orange-800: #92400e;--orange-900: #78350f;--orange-950: #451a03;--retro-yellow: #faca78;--retro-orange: #f48028;--retro-red: #dd5544;--retro-brown: #7f5344;--retro-teal: #68c7c1;--retro-green: #787c54;--retro-gray-50: #f7f7f5;--retro-gray-100: #e3e3dc;--retro-gray-200: #cfcfc5;--retro-gray-300: #b9b9ae;--retro-gray-400: #a3a398;--retro-gray-500: #8d8d82;--retro-gray-600: #717168;--retro-gray-700: #56564f;--retro-gray-800: #3c3c37;--retro-gray-900: #21211e;--retro-yellow-50: color-mix(in srgb, var(--retro-yellow) 10%, #ffffff);--retro-yellow-100: color-mix(in srgb, var(--retro-yellow) 20%, #ffffff);--retro-yellow-200: color-mix(in srgb, var(--retro-yellow) 35%, #ffffff);--retro-yellow-300: color-mix(in srgb, var(--retro-yellow) 55%, #ffffff);--retro-yellow-400: color-mix(in srgb, var(--retro-yellow) 75%, #ffffff);--retro-yellow-500: var(--retro-yellow);--retro-yellow-600: color-mix(in srgb, var(--retro-yellow) 85%, #000000);--retro-yellow-700: color-mix(in srgb, var(--retro-yellow) 70%, #000000);--retro-yellow-800: color-mix(in srgb, var(--retro-yellow) 55%, #000000);--retro-yellow-900: color-mix(in srgb, var(--retro-yellow) 40%, #000000);--retro-orange-50: color-mix(in srgb, var(--retro-orange) 10%, #ffffff);--retro-orange-100: color-mix(in srgb, var(--retro-orange) 20%, #ffffff);--retro-orange-200: color-mix(in srgb, var(--retro-orange) 35%, #ffffff);--retro-orange-300: color-mix(in srgb, var(--retro-orange) 55%, #ffffff);--retro-orange-400: color-mix(in srgb, var(--retro-orange) 75%, #ffffff);--retro-orange-500: var(--retro-orange);--retro-orange-600: color-mix(in srgb, var(--retro-orange) 85%, #000000);--retro-orange-700: color-mix(in srgb, var(--retro-orange) 70%, #000000);--retro-orange-800: color-mix(in srgb, var(--retro-orange) 55%, #000000);--retro-orange-900: color-mix(in srgb, var(--retro-orange) 40%, #000000);--retro-brown-50: color-mix(in srgb, var(--retro-brown) 10%, #ffffff);--retro-brown-100: color-mix(in srgb, var(--retro-brown) 20%, #ffffff);--retro-brown-200: color-mix(in srgb, var(--retro-brown) 35%, #ffffff);--retro-brown-300: color-mix(in srgb, var(--retro-brown) 55%, #ffffff);--retro-brown-400: color-mix(in srgb, var(--retro-brown) 75%, #ffffff);--retro-brown-500: var(--retro-brown);--retro-brown-600: color-mix(in srgb, var(--retro-brown) 85%, #000000);--retro-brown-700: color-mix(in srgb, var(--retro-brown) 70%, #000000);--retro-brown-800: color-mix(in srgb, var(--retro-brown) 55%, #000000);--retro-brown-900: color-mix(in srgb, var(--retro-brown) 40%, #000000);--retro-teal-50: color-mix(in srgb, var(--retro-teal) 10%, #ffffff);--retro-teal-100: color-mix(in srgb, var(--retro-teal) 20%, #ffffff);--retro-teal-200: color-mix(in srgb, var(--retro-teal) 35%, #ffffff);--retro-teal-300: color-mix(in srgb, var(--retro-teal) 55%, #ffffff);--retro-teal-400: color-mix(in srgb, var(--retro-teal) 75%, #ffffff);--retro-teal-500: var(--retro-teal);--retro-teal-600: color-mix(in srgb, var(--retro-teal) 85%, #000000);--retro-teal-700: color-mix(in srgb, var(--retro-teal) 70%, #000000);--retro-teal-800: color-mix(in srgb, var(--retro-teal) 55%, #000000);--retro-teal-900: color-mix(in srgb, var(--retro-teal) 40%, #000000);--retro-green-50: color-mix(in srgb, var(--retro-green) 10%, #ffffff);--retro-green-100: color-mix(in srgb, var(--retro-green) 20%, #ffffff);--retro-green-200: color-mix(in srgb, var(--retro-green) 35%, #ffffff);--retro-green-300: color-mix(in srgb, var(--retro-green) 55%, #ffffff);--retro-green-400: color-mix(in srgb, var(--retro-green) 75%, #ffffff);--retro-green-500: var(--retro-green);--retro-green-600: color-mix(in srgb, var(--retro-green) 85%, #000000);--retro-green-700: color-mix(in srgb, var(--retro-green) 70%, #000000);--retro-green-800: color-mix(in srgb, var(--retro-green) 55%, #000000);--retro-green-900: color-mix(in srgb, var(--retro-green) 40%, #000000);--retro-red-50: color-mix(in srgb, var(--retro-red) 10%, #ffffff);--retro-red-100: color-mix(in srgb, var(--retro-red) 20%, #ffffff);--retro-red-200: color-mix(in srgb, var(--retro-red) 35%, #ffffff);--retro-red-300: color-mix(in srgb, var(--retro-red) 55%, #ffffff);--retro-red-400: color-mix(in srgb, var(--retro-red) 75%, #ffffff);--retro-red-500: var(--retro-red);--retro-red-600: color-mix(in srgb, var(--retro-red) 85%, #000000);--retro-red-700: color-mix(in srgb, var(--retro-red) 70%, #000000);--retro-red-800: color-mix(in srgb, var(--retro-red) 55%, #000000);--retro-red-900: color-mix(in srgb, var(--retro-red) 40%, #000000);--sanzo-rose: #a0585e;--sanzo-mauve: #ab6469;--sanzo-sand: #baa28f;--sanzo-blue-pale: #889caa;--sanzo-blue-dark: #1f3f66;--sanzo-blue-grayish: #4c5f6e;--sanzo-ochre: #a97b01;--sanzo-teal: #2f4a3a;--sanzo-brown: #351d0b;--sanzo-rose-50: color-mix(in srgb, var(--sanzo-rose) 30%, #ffffff);--sanzo-rose-100: color-mix(in srgb, var(--sanzo-rose) 45%, #ffffff);--sanzo-rose-200: color-mix(in srgb, var(--sanzo-rose) 60%, #ffffff);--sanzo-rose-300: color-mix(in srgb, var(--sanzo-rose) 70%, #ffffff);--sanzo-rose-400: color-mix(in srgb, var(--sanzo-rose) 85%, #ffffff);--sanzo-rose-500: var(--sanzo-rose);--sanzo-rose-600: color-mix(in srgb, var(--sanzo-rose) 80%, #000000);--sanzo-rose-700: color-mix(in srgb, var(--sanzo-rose) 65%, #000000);--sanzo-rose-800: color-mix(in srgb, var(--sanzo-rose) 50%, #000000);--sanzo-rose-900: color-mix(in srgb, var(--sanzo-rose) 35%, #000000);--sanzo-sand-50: color-mix(in srgb, var(--sanzo-sand) 30%, #ffffff);--sanzo-sand-100: color-mix(in srgb, var(--sanzo-sand) 40%, #ffffff);--sanzo-sand-200: color-mix(in srgb, var(--sanzo-sand) 50%, #ffffff);--sanzo-sand-300: color-mix(in srgb, var(--sanzo-sand) 65%, #ffffff);--sanzo-sand-400: color-mix(in srgb, var(--sanzo-sand) 80%, #ffffff);--sanzo-sand-500: var(--sanzo-sand);--sanzo-sand-600: color-mix(in srgb, var(--sanzo-sand) 75%, #000000);--sanzo-sand-700: color-mix(in srgb, var(--sanzo-sand) 65%, #000000);--sanzo-sand-800: color-mix(in srgb, var(--sanzo-sand) 50%, #000000);--sanzo-sand-900: color-mix(in srgb, var(--sanzo-sand) 30%, #000000);--sanzo-ochre-50: color-mix(in srgb, var(--sanzo-ochre) 30%, #ffffff);--sanzo-ochre-100: color-mix(in srgb, var(--sanzo-ochre) 50%, #ffffff);--sanzo-ochre-200: color-mix(in srgb, var(--sanzo-ochre) 60%, #ffffff);--sanzo-ochre-300: color-mix(in srgb, var(--sanzo-ochre) 70%, #ffffff);--sanzo-ochre-400: color-mix(in srgb, var(--sanzo-ochre) 80%, #ffffff);--sanzo-ochre-500: var(--sanzo-ochre);--sanzo-ochre-600: color-mix(in srgb, var(--sanzo-ochre) 75%, #000000);--sanzo-ochre-700: color-mix(in srgb, var(--sanzo-ochre) 55%, #000000);--sanzo-ochre-800: color-mix(in srgb, var(--sanzo-ochre) 40%, #000000);--sanzo-ochre-900: color-mix(in srgb, var(--sanzo-ochre) 25%, #000000);--sanzo-blue-dark-50: color-mix(in srgb, var(--sanzo-blue-dark) 50%, #ffffff);--sanzo-blue-dark-100: color-mix(in srgb, var(--sanzo-blue-dark) 60%, #ffffff);--sanzo-blue-dark-200: color-mix(in srgb, var(--sanzo-blue-dark) 70%, #ffffff);--sanzo-blue-dark-300: color-mix(in srgb, var(--sanzo-blue-dark) 80%, #ffffff);--sanzo-blue-dark-400: color-mix(in srgb, var(--sanzo-blue-dark) 90%, #ffffff);--sanzo-blue-dark-500: var(--sanzo-blue-dark);--sanzo-blue-dark-600: color-mix(in srgb, var(--sanzo-blue-dark) 88%, #000000);--sanzo-blue-dark-700: color-mix(in srgb, var(--sanzo-blue-dark) 76%, #000000);--sanzo-blue-dark-800: color-mix(in srgb, var(--sanzo-blue-dark) 64%, #000000);--sanzo-blue-dark-900: color-mix(in srgb, var(--sanzo-blue-dark) 52%, #000000);--sanzo-teal-50: color-mix(in srgb, var(--sanzo-teal) 25%, #ffffff);--sanzo-teal-100: color-mix(in srgb, var(--sanzo-teal) 40%, #ffffff);--sanzo-teal-200: color-mix(in srgb, var(--sanzo-teal) 55%, #ffffff);--sanzo-teal-300: color-mix(in srgb, var(--sanzo-teal) 70%, #ffffff);--sanzo-teal-400: color-mix(in srgb, var(--sanzo-teal) 85%, #ffffff);--sanzo-teal-500: var(--sanzo-teal);--sanzo-teal-600: color-mix(in srgb, var(--sanzo-teal) 85%, #000000);--sanzo-teal-700: color-mix(in srgb, var(--sanzo-teal) 70%, #000000);--sanzo-teal-800: color-mix(in srgb, var(--sanzo-teal) 55%, #000000);--sanzo-teal-900: color-mix(in srgb, var(--sanzo-teal) 40%, #000000);--ds-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ds-font-family-mono: ui-monospace, monospace;--ds-font-size-xs: .75rem;--ds-font-size-sm: .875rem;--ds-font-size-base: 1rem;--ds-font-size-lg: 1.125rem;--ds-font-size-xl: 1.25rem;--ds-font-size-2xl: 1.5rem;--ds-font-weight-regular: 400;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 600;--ds-font-weight-bold: 700;--ds-line-height-tight: 1.25;--ds-line-height-base: 1.5;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-14: 3.5rem;--ds-space-16: 4rem;--ds-radius-sm: .25rem;--ds-radius-md: .5rem;--ds-radius-lg: 1rem;--ds-radius-full: 9999px;--ds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ds-transition-fast: .15s ease;--ds-transition-base: .25s ease}:root{color-scheme:light;--ds-ref-surface-0: var(--neutral-0);--ds-ref-surface-1: var(--neutral-50);--ds-ref-surface-2: var(--neutral-100);--ds-ref-text-1: var(--neutral-900);--ds-ref-text-2: var(--neutral-600);--ds-ref-text-on-brand: var(--neutral-0);--ds-ref-border-1: var(--neutral-200);--ds-ref-border-2: var(--neutral-100);--ds-ref-ring: var(--blue-500);--ds-ref-ring-offset: var(--ds-ref-surface-0);--ds-ref-info: var(--blue-500);--ds-ref-success: var(--green-600);--ds-ref-warning: var(--orange-500);--ds-ref-danger: var(--red-500);--ds-ref-neutral: var(--neutral-600);--ds-ref-info-hover: var(--blue-600);--ds-ref-info-active: var(--blue-700);--ds-ref-info-subtle: var(--blue-50);--ds-ref-success-hover: var(--green-700);--ds-ref-success-active: var(--green-800);--ds-ref-success-subtle: var(--green-50);--ds-ref-warning-hover: var(--orange-600);--ds-ref-warning-active: var(--orange-700);--ds-ref-warning-subtle: var(--orange-50);--ds-ref-danger-hover: var(--red-600);--ds-ref-danger-active: var(--red-700);--ds-ref-danger-subtle: var(--red-50);--ds-ref-neutral-hover: var(--neutral-700);--ds-ref-neutral-active: var(--neutral-800);--ds-ref-neutral-subtle: var(--neutral-50);--ds-ref-text-disabled: var(--neutral-400);--ds-ref-surface-disabled: var(--neutral-100);--ds-ref-border-disabled: var(--neutral-200);--ds-ref-skeleton: var(--neutral-200);--ds-ref-skeleton-highlight: rgba(255, 255, 255, .4)}[data-theme=dark]{color-scheme:dark;--ds-ref-surface-0: var(--neutral-950);--ds-ref-surface-1: var(--neutral-900);--ds-ref-surface-2: var(--neutral-800);--ds-ref-text-1: var(--neutral-0);--ds-ref-text-2: var(--neutral-300);--ds-ref-text-on-brand: var(--neutral-950);--ds-ref-border-1: var(--neutral-800);--ds-ref-border-2: var(--neutral-900);--ds-ref-ring: var(--blue-400);--ds-ref-ring-offset: var(--ds-ref-surface-0);--ds-ref-info: var(--blue-500);--ds-ref-success: var(--green-500);--ds-ref-warning: var(--orange-500);--ds-ref-danger: var(--red-500);--ds-ref-neutral: var(--neutral-500);--ds-ref-info-hover: var(--blue-400);--ds-ref-info-active: var(--blue-300);--ds-ref-info-subtle: var(--blue-950);--ds-ref-success-hover: var(--green-400);--ds-ref-success-active: var(--green-300);--ds-ref-success-subtle: var(--green-950);--ds-ref-warning-hover: var(--orange-400);--ds-ref-warning-active: var(--orange-300);--ds-ref-warning-subtle: var(--orange-950);--ds-ref-danger-hover: var(--red-400);--ds-ref-danger-active: var(--red-300);--ds-ref-danger-subtle: var(--red-950);--ds-ref-neutral-hover: var(--neutral-400);--ds-ref-neutral-active: var(--neutral-300);--ds-ref-neutral-subtle: var(--neutral-900);--ds-ref-text-disabled: var(--neutral-500);--ds-ref-surface-disabled: var(--neutral-900);--ds-ref-border-disabled: var(--neutral-800);--ds-ref-skeleton: var(--neutral-800);--ds-ref-skeleton-highlight: rgba(255, 255, 255, .08)}[data-theme=retro-light]{color-scheme:light;--ds-ref-surface-0: var(--retro-yellow-50);--ds-ref-surface-1: var(--retro-yellow-100);--ds-ref-surface-2: var(--retro-yellow-200);--ds-ref-text-1: var(--retro-brown-800);--ds-ref-text-2: var(--retro-brown-600);--ds-ref-text-on-brand: var(--retro-yellow-50);--ds-ref-border-1: var(--retro-brown-200);--ds-ref-border-2: var(--retro-brown-100);--ds-ref-ring: var(--retro-teal-500);--ds-ref-ring-offset: var(--ds-ref-surface-0);--ds-ref-info: var(--retro-teal-500);--ds-ref-success: var(--retro-green-600);--ds-ref-warning: var(--retro-orange-500);--ds-ref-danger: var(--retro-red-600);--ds-ref-neutral: var(--retro-brown-600);--ds-ref-info-hover: var(--retro-teal-600);--ds-ref-info-active: var(--retro-teal-700);--ds-ref-info-subtle: var(--retro-teal-100);--ds-ref-success-hover: var(--retro-green-700);--ds-ref-success-active: var(--retro-green-800);--ds-ref-success-subtle: var(--retro-green-100);--ds-ref-warning-hover: var(--retro-orange-600);--ds-ref-warning-active: var(--retro-orange-700);--ds-ref-warning-subtle: var(--retro-orange-100);--ds-ref-danger-hover: var(--retro-red-700);--ds-ref-danger-active: var(--retro-red-800);--ds-ref-danger-subtle: var(--retro-red-100);--ds-ref-neutral-hover: var(--retro-brown-700);--ds-ref-neutral-active: var(--retro-brown-800);--ds-ref-neutral-subtle: var(--retro-brown-100);--ds-ref-text-disabled: var(--retro-brown-300);--ds-ref-surface-disabled: var(--retro-yellow-100);--ds-ref-border-disabled: var(--retro-brown-200);--ds-ref-skeleton: var(--retro-yellow-100);--ds-ref-skeleton-highlight: rgba(255, 255, 255, .4)}[data-theme=retro-dark]{color-scheme:dark;--ds-ref-surface-0: var(--retro-brown-900);--ds-ref-surface-1: var(--retro-brown-800);--ds-ref-surface-2: var(--retro-brown-700);--ds-ref-text-1: var(--retro-yellow-50);--ds-ref-text-2: var(--retro-yellow-200);--ds-ref-text-on-brand: var(--retro-brown-900);--ds-ref-border-1: var(--retro-brown-800);--ds-ref-border-2: var(--retro-brown-700);--ds-ref-ring: var(--retro-teal-400);--ds-ref-ring-offset: var(--ds-ref-surface-0);--ds-ref-info: var(--retro-teal-400);--ds-ref-success: var(--retro-green-400);--ds-ref-warning: var(--retro-orange-400);--ds-ref-danger: var(--retro-red-400);--ds-ref-neutral: var(--retro-brown-300);--ds-ref-info-hover: var(--retro-teal-300);--ds-ref-info-active: var(--retro-teal-200);--ds-ref-info-subtle: color-mix(in srgb, var(--retro-teal-500) 18%, var(--retro-gray-900));--ds-ref-success-hover: var(--retro-green-300);--ds-ref-success-active: var(--retro-green-200);--ds-ref-success-subtle: color-mix(in srgb, var(--retro-green-500) 18%, var(--retro-gray-900));--ds-ref-warning-hover: var(--retro-orange-300);--ds-ref-warning-active: var(--retro-orange-200);--ds-ref-warning-subtle: color-mix(in srgb, var(--retro-orange-500) 18%, var(--retro-gray-900));--ds-ref-danger-hover: var(--retro-red-300);--ds-ref-danger-active: var(--retro-red-200);--ds-ref-danger-subtle: color-mix(in srgb, var(--retro-red-500) 18%, var(--retro-gray-900));--ds-ref-neutral-hover: var(--retro-brown-200);--ds-ref-neutral-active: var(--retro-brown-100);--ds-ref-neutral-subtle: var(--retro-brown-800);--ds-ref-text-disabled: var(--retro-brown-600);--ds-ref-surface-disabled: var(--retro-brown-800);--ds-ref-border-disabled: var(--retro-brown-800);--ds-ref-skeleton: var(--retro-brown-800);--ds-ref-skeleton-highlight: rgba(255, 255, 255, .08)}[data-theme=sanzo-152-light]{color-scheme:light;--ds-ref-surface-0: #f6efe6;--ds-ref-surface-1: color-mix(in srgb, var(--sanzo-sand) 25%, #ffffff);--ds-ref-surface-2: color-mix(in srgb, var(--sanzo-sand) 55%, #ffffff);--ds-ref-text-1: var(--sanzo-teal);--ds-ref-text-2: color-mix(in srgb, var(--sanzo-teal) 65%, #ffffff);--ds-ref-text-on-brand: #f6efe6;--ds-ref-border-1: color-mix(in srgb, var(--sanzo-teal) 15%, #ffffff);--ds-ref-border-2: color-mix(in srgb, var(--sanzo-teal) 8%, #ffffff);--ds-ref-ring: var(--sanzo-blue-dark-500);--ds-ref-ring-offset: var(--ds-ref-surface-0);--ds-ref-info: var(--sanzo-blue-dark-400);--ds-ref-success: var(--sanzo-teal-500);--ds-ref-warning: var(--sanzo-ochre-500);--ds-ref-danger: var(--sanzo-rose-500);--ds-ref-neutral: var(--sanzo-sand-600);--ds-ref-info-hover: var(--sanzo-blue-dark-600);--ds-ref-info-active: var(--sanzo-blue-dark-700);--ds-ref-info-subtle: var(--sanzo-blue-dark-100);--ds-ref-success-hover: var(--sanzo-teal-900);--ds-ref-success-active: var(--sanzo-teal-900);--ds-ref-success-subtle: var(--sanzo-teal-100);--ds-ref-warning-hover: var(--sanzo-ochre-700);--ds-ref-warning-active: var(--sanzo-ochre-800);--ds-ref-warning-subtle: var(--sanzo-ochre-100);--ds-ref-danger-hover: var(--sanzo-rose-700);--ds-ref-danger-active: var(--sanzo-rose-800);--ds-ref-danger-subtle: var(--sanzo-rose-100);--ds-ref-neutral-hover: var(--sanzo-sand-800);--ds-ref-neutral-active: var(--sanzo-sand-900);--ds-ref-neutral-subtle: var(--sanzo-sand-100);--ds-ref-text-disabled: var(--sanzo-teal-200);--ds-ref-surface-disabled: color-mix(in srgb, var(--sanzo-sand) 45%, #ffffff);--ds-ref-border-disabled: var(--sanzo-teal-100);--ds-ref-skeleton: color-mix(in srgb, var(--sanzo-sand) 45%, #ffffff);--ds-ref-skeleton-highlight: rgba(255, 255, 255, .45)}[data-theme=sanzo-152-dark]{color-scheme:dark;--ds-ref-surface-0: #0f1a16;--ds-ref-surface-1: color-mix(in srgb, var(--sanzo-teal) 65%, #000000);--ds-ref-surface-2: color-mix(in srgb, var(--sanzo-teal) 50%, #000000);--ds-ref-text-1: #f6efe6;--ds-ref-text-2: color-mix(in srgb, #f6efe6 70%, var(--sanzo-sand));--ds-ref-text-on-brand: #0f1a16;--ds-ref-border-1: color-mix(in srgb, var(--sanzo-blue-dark-500) 45%, #000000);--ds-ref-border-2: color-mix(in srgb, var(--sanzo-teal) 45%, #000000);--ds-ref-ring: var(--sanzo-ochre);--ds-ref-ring-offset: var(--ds-ref-surface-0);--ds-ref-info: color-mix(in srgb, var(--sanzo-blue-dark-500) 70%, #ffffff);--ds-ref-success: color-mix(in srgb, var(--sanzo-teal) 80%, #ffffff);--ds-ref-warning: var(--sanzo-ochre);--ds-ref-danger: var(--sanzo-rose-400);--ds-ref-neutral: var(--sanzo-sand-300);--ds-ref-info-hover: color-mix(in srgb, var(--sanzo-blue-dark-500) 80%, #ffffff);--ds-ref-info-active: color-mix(in srgb, var(--sanzo-blue-dark-500) 65%, #ffffff);--ds-ref-info-subtle: color-mix(in srgb, var(--sanzo-blue-dark-500) 22%, #000000);--ds-ref-success-hover: color-mix(in srgb, var(--sanzo-teal) 70%, #ffffff);--ds-ref-success-active: color-mix(in srgb, var(--sanzo-teal) 60%, #ffffff);--ds-ref-success-subtle: color-mix(in srgb, var(--sanzo-teal) 18%, #000000);--ds-ref-warning-hover: color-mix(in srgb, var(--sanzo-ochre) 85%, #ffffff);--ds-ref-warning-active: color-mix(in srgb, var(--sanzo-ochre) 70%, #ffffff);--ds-ref-warning-subtle: color-mix(in srgb, var(--sanzo-ochre) 20%, #000000);--ds-ref-danger-hover: var(--sanzo-rose-300);--ds-ref-danger-active: var(--sanzo-rose-200);--ds-ref-danger-subtle: var(--sanzo-rose-900);--ds-ref-neutral-hover: var(--sanzo-sand-200);--ds-ref-neutral-active: var(--sanzo-sand-100);--ds-ref-neutral-subtle: var(--sanzo-sand-900);--ds-ref-text-disabled: color-mix(in srgb, var(--sanzo-sand) 40%, #000000);--ds-ref-surface-disabled: color-mix(in srgb, var(--sanzo-teal) 30%, #000000);--ds-ref-border-disabled: color-mix(in srgb, var(--sanzo-teal) 35%, #000000);--ds-ref-skeleton: color-mix(in srgb, var(--sanzo-teal) 35%, #000000);--ds-ref-skeleton-highlight: rgba(255, 255, 255, .08)}:root{--ds-surface-0: var(--ds-ref-surface-0);--ds-surface-1: var(--ds-ref-surface-1);--ds-surface-2: var(--ds-ref-surface-2);--ds-text-1: var(--ds-ref-text-1);--ds-text-2: var(--ds-ref-text-2);--ds-text-on-brand: var(--ds-ref-text-on-brand);--ds-text-disabled: var(--ds-ref-text-disabled);--ds-border-1: var(--ds-ref-border-1);--ds-border-2: var(--ds-ref-border-2);--ds-border-disabled: var(--ds-ref-border-disabled);--ds-ring: var(--ds-ref-ring);--ds-ring-offset: var(--ds-ref-ring-offset);--ds-info: var(--ds-ref-info);--ds-success: var(--ds-ref-success);--ds-warning: var(--ds-ref-warning);--ds-danger: var(--ds-ref-danger);--ds-neutral: var(--ds-ref-neutral);--ds-info-hover: var(--ds-ref-info-hover);--ds-info-active: var(--ds-ref-info-active);--ds-info-subtle: var(--ds-ref-info-subtle);--ds-success-hover: var(--ds-ref-success-hover);--ds-success-active: var(--ds-ref-success-active);--ds-success-subtle: var(--ds-ref-success-subtle);--ds-warning-hover: var(--ds-ref-warning-hover);--ds-warning-active: var(--ds-ref-warning-active);--ds-warning-subtle: var(--ds-ref-warning-subtle);--ds-danger-hover: var(--ds-ref-danger-hover);--ds-danger-active: var(--ds-ref-danger-active);--ds-danger-subtle: var(--ds-ref-danger-subtle);--ds-neutral-hover: var(--ds-ref-neutral-hover);--ds-neutral-active: var(--ds-ref-neutral-active);--ds-neutral-subtle: var(--ds-ref-neutral-subtle);--ds-border-default: var(--ds-border-1);--ds-surface-disabled: var(--ds-ref-surface-disabled);--ds-skeleton: var(--ds-ref-skeleton);--ds-skeleton-highlight: var(--ds-ref-skeleton-highlight)}:root{font-family:var(--ds-font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._root_1s3bz_1{display:flex;flex-direction:column;width:100%}._default_1s3bz_8{border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);overflow:hidden}._bordered_1s3bz_14 ._item_1s3bz_14{border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-2)}._bordered_1s3bz_14 ._item_1s3bz_14:last-child{margin-bottom:0}._separated_1s3bz_24 ._item_1s3bz_14{background-color:var(--ds-surface-1);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-3)}._separated_1s3bz_24 ._item_1s3bz_14:last-child{margin-bottom:0}._ghost_1s3bz_34 ._header_1s3bz_34{background-color:transparent}._ghost_1s3bz_34 ._item_1s3bz_14{border-bottom:1px solid var(--ds-border-2)}._default_1s3bz_8 ._item_1s3bz_14{border-bottom:1px solid var(--ds-border-1)}._default_1s3bz_8 ._item_1s3bz_14:last-child{border-bottom:none}._header_1s3bz_34{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--ds-surface-0);border:none;cursor:pointer;text-align:left;font-weight:var(--ds-font-weight-medium);transition:background-color .2s}._sm_1s3bz_65 ._header_1s3bz_34{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-font-size-xs)}._md_1s3bz_70 ._header_1s3bz_34{padding:var(--ds-space-4) var(--ds-space-5);font-size:var(--ds-font-size-sm)}._lg_1s3bz_75 ._header_1s3bz_34{padding:var(--ds-space-5) var(--ds-space-6);font-size:var(--ds-font-size-base)}._header_1s3bz_34:hover:not(:disabled){background-color:var(--ds-surface-1)}._header_1s3bz_34:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ds-ring-offset),inset 0 0 0 4px var(--ds-ring);z-index:1}._header_1s3bz_34:disabled{cursor:not-allowed;opacity:.5}._icon_1s3bz_97{transition:transform .2s;font-size:.8em}._iconExpanded_1s3bz_102{transform:rotate(180deg)}._contentWrapper_1s3bz_106{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,.61,.36,1);overflow:hidden}._contentExpanded_1s3bz_113{grid-template-rows:1fr}._content_1s3bz_106{min-height:0}._contentBody_1s3bz_121{background-color:var(--ds-surface-0);border-top:1px solid var(--ds-border-2);color:var(--ds-text-2);overflow:hidden;opacity:0;transform:translateY(-4px);transition:opacity .35s ease .05s,transform .45s ease .05s;will-change:opacity,transform}._contentBodyExpanded_1s3bz_134{opacity:1;transform:translateY(0)}._sm_1s3bz_65 ._contentBody_1s3bz_121{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-font-size-xs)}._md_1s3bz_70 ._contentBody_1s3bz_121{padding:var(--ds-space-4) var(--ds-space-5);font-size:var(--ds-font-size-sm)}._lg_1s3bz_75 ._contentBody_1s3bz_121{padding:var(--ds-space-5) var(--ds-space-6);font-size:var(--ds-font-size-base)}._separated_1s3bz_24 ._contentBody_1s3bz_121,._ghost_1s3bz_34 ._contentBody_1s3bz_121{background-color:transparent;border-top:none}._root_17k2j_1{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;border-radius:var(--ds-radius-full);background-color:var(--ds-surface-1);color:var(--ds-text-2);font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-medium)}._image_17k2j_14{width:100%;height:100%;object-fit:cover}._defaultIcon_17k2j_20{padding:20%}._fallback_17k2j_24{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}._xs_17k2j_34{width:var(--ds-space-6);height:var(--ds-space-6);font-size:.625rem}._sm_17k2j_39{width:var(--ds-space-8);height:var(--ds-space-8);font-size:var(--ds-font-size-xs)}._md_17k2j_44{width:var(--ds-space-10, 2.5rem);height:var(--ds-space-10, 2.5rem);font-size:var(--ds-font-size-sm)}._lg_17k2j_49{width:var(--ds-space-12);height:var(--ds-space-12);font-size:var(--ds-font-size-base)}._xl_17k2j_54{width:var(--ds-space-16, 4rem);height:var(--ds-space-16, 4rem);font-size:var(--ds-font-size-lg)}._root_13wyx_1{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-medium);border-radius:var(--ds-radius-full);white-space:nowrap}._sm_13wyx_12{height:var(--ds-space-5, 1.25rem);padding:0 var(--ds-space-2);font-size:.625rem}._md_13wyx_18{height:var(--ds-space-6);padding:0 var(--ds-space-3);font-size:var(--ds-font-size-xs)}._lg_13wyx_24{height:var(--ds-space-8);padding:0 var(--ds-space-4);font-size:var(--ds-font-size-sm)}._solid_13wyx_31._neutral_13wyx_31{background-color:var(--ds-neutral);color:var(--ds-text-on-brand)}._solid_13wyx_31._success_13wyx_35{background-color:var(--ds-success);color:var(--ds-text-on-brand)}._solid_13wyx_31._warning_13wyx_39{background-color:var(--ds-warning);color:var(--ds-text-on-brand)}._solid_13wyx_31._danger_13wyx_43{background-color:var(--ds-danger);color:var(--ds-text-on-brand)}._solid_13wyx_31._info_13wyx_47{background-color:var(--ds-info);color:var(--ds-text-on-brand)}._subtle_13wyx_53._neutral_13wyx_31{background-color:var(--ds-surface-1);color:var(--ds-neutral-active)}._subtle_13wyx_53._success_13wyx_35{background-color:var(--ds-success-subtle);color:var(--ds-success-active)}._subtle_13wyx_53._warning_13wyx_39{background-color:var(--ds-warning-subtle);color:var(--ds-warning-active)}._subtle_13wyx_53._danger_13wyx_43{background-color:var(--ds-danger-subtle);color:var(--ds-danger-active)}._subtle_13wyx_53._info_13wyx_47{background-color:var(--ds-info-subtle);color:var(--ds-info-active)}._outline_13wyx_75{background-color:transparent;border:1px solid currentColor}._outline_13wyx_75._neutral_13wyx_31{color:var(--ds-neutral);border-color:var(--ds-border-1)}._outline_13wyx_75._success_13wyx_35{color:var(--ds-success);border-color:var(--ds-success)}._outline_13wyx_75._warning_13wyx_39{color:var(--ds-warning);border-color:var(--ds-warning)}._outline_13wyx_75._danger_13wyx_43{color:var(--ds-danger);border-color:var(--ds-danger)}._outline_13wyx_75._info_13wyx_47{color:var(--ds-info);border-color:var(--ds-info)}._box_ynnco_1{box-sizing:border-box}._fullWidth_ynnco_5{width:100%}._display-block_ynnco_10{display:block}._display-flex_ynnco_13{display:flex}._display-inline-flex_ynnco_16{display:inline-flex}._display-grid_ynnco_19{display:grid}._display-inline-block_ynnco_22{display:inline-block}._display-none_ynnco_25{display:none}._flexDirection-row_ynnco_30{flex-direction:row}._flexDirection-column_ynnco_33{flex-direction:column}._flexDirection-row-reverse_ynnco_36{flex-direction:row-reverse}._flexDirection-column-reverse_ynnco_39{flex-direction:column-reverse}._alignItems-stretch_ynnco_44{align-items:stretch}._alignItems-flex-start_ynnco_47{align-items:flex-start}._alignItems-center_ynnco_50{align-items:center}._alignItems-flex-end_ynnco_53{align-items:flex-end}._alignItems-baseline_ynnco_56{align-items:baseline}._justifyContent-flex-start_ynnco_61{justify-content:flex-start}._justifyContent-center_ynnco_64{justify-content:center}._justifyContent-flex-end_ynnco_67{justify-content:flex-end}._justifyContent-space-between_ynnco_70{justify-content:space-between}._justifyContent-space-around_ynnco_73{justify-content:space-around}._justifyContent-space-evenly_ynnco_76{justify-content:space-evenly}._flexWrap-nowrap_ynnco_81{flex-wrap:nowrap}._flexWrap-wrap_ynnco_84{flex-wrap:wrap}._flexWrap-wrap-reverse_ynnco_87{flex-wrap:wrap-reverse}._textAlign-left_ynnco_92{text-align:left}._textAlign-center_ynnco_95{text-align:center}._textAlign-right_ynnco_98{text-align:right}._textAlign-justify_ynnco_101{text-align:justify}._p-0_ynnco_106{padding:0}._p-1_ynnco_109{padding:var(--ds-space-1)}._p-2_ynnco_112{padding:var(--ds-space-2)}._p-3_ynnco_115{padding:var(--ds-space-3)}._p-4_ynnco_118{padding:var(--ds-space-4)}._p-5_ynnco_121{padding:var(--ds-space-5)}._p-6_ynnco_124{padding:var(--ds-space-6)}._p-8_ynnco_127{padding:var(--ds-space-8)}._p-10_ynnco_130{padding:var(--ds-space-10)}._p-12_ynnco_133{padding:var(--ds-space-12)}._p-14_ynnco_136{padding:var(--ds-space-14)}._px-0_ynnco_140{padding-left:0;padding-right:0}._px-1_ynnco_144{padding-left:var(--ds-space-1);padding-right:var(--ds-space-1)}._px-2_ynnco_148{padding-left:var(--ds-space-2);padding-right:var(--ds-space-2)}._px-3_ynnco_152{padding-left:var(--ds-space-3);padding-right:var(--ds-space-3)}._px-4_ynnco_156{padding-left:var(--ds-space-4);padding-right:var(--ds-space-4)}._px-5_ynnco_160{padding-left:var(--ds-space-5);padding-right:var(--ds-space-5)}._px-6_ynnco_164{padding-left:var(--ds-space-6);padding-right:var(--ds-space-6)}._px-8_ynnco_168{padding-left:var(--ds-space-8);padding-right:var(--ds-space-8)}._px-10_ynnco_172{padding-left:var(--ds-space-10);padding-right:var(--ds-space-10)}._px-12_ynnco_176{padding-left:var(--ds-space-12);padding-right:var(--ds-space-12)}._px-14_ynnco_180{padding-left:var(--ds-space-14);padding-right:var(--ds-space-14)}._py-0_ynnco_185{padding-top:0;padding-bottom:0}._py-1_ynnco_189{padding-top:var(--ds-space-1);padding-bottom:var(--ds-space-1)}._py-2_ynnco_193{padding-top:var(--ds-space-2);padding-bottom:var(--ds-space-2)}._py-3_ynnco_197{padding-top:var(--ds-space-3);padding-bottom:var(--ds-space-3)}._py-4_ynnco_201{padding-top:var(--ds-space-4);padding-bottom:var(--ds-space-4)}._py-5_ynnco_205{padding-top:var(--ds-space-5);padding-bottom:var(--ds-space-5)}._py-6_ynnco_209{padding-top:var(--ds-space-6);padding-bottom:var(--ds-space-6)}._py-8_ynnco_213{padding-top:var(--ds-space-8);padding-bottom:var(--ds-space-8)}._py-10_ynnco_217{padding-top:var(--ds-space-10);padding-bottom:var(--ds-space-10)}._py-12_ynnco_221{padding-top:var(--ds-space-12);padding-bottom:var(--ds-space-12)}._py-14_ynnco_225{padding-top:var(--ds-space-14);padding-bottom:var(--ds-space-14)}._pt-0_ynnco_230{padding-top:0}._pt-1_ynnco_233{padding-top:var(--ds-space-1)}._pt-2_ynnco_236{padding-top:var(--ds-space-2)}._pt-3_ynnco_239{padding-top:var(--ds-space-3)}._pt-4_ynnco_242{padding-top:var(--ds-space-4)}._pt-5_ynnco_245{padding-top:var(--ds-space-5)}._pt-6_ynnco_248{padding-top:var(--ds-space-6)}._pt-8_ynnco_251{padding-top:var(--ds-space-8)}._pt-10_ynnco_254{padding-top:var(--ds-space-10)}._pt-12_ynnco_257{padding-top:var(--ds-space-12)}._pt-14_ynnco_260{padding-top:var(--ds-space-14)}._pb-0_ynnco_264{padding-bottom:0}._pb-1_ynnco_267{padding-bottom:var(--ds-space-1)}._pb-2_ynnco_270{padding-bottom:var(--ds-space-2)}._pb-3_ynnco_273{padding-bottom:var(--ds-space-3)}._pb-4_ynnco_276{padding-bottom:var(--ds-space-4)}._pb-5_ynnco_279{padding-bottom:var(--ds-space-5)}._pb-6_ynnco_282{padding-bottom:var(--ds-space-6)}._pb-8_ynnco_285{padding-bottom:var(--ds-space-8)}._pb-10_ynnco_288{padding-bottom:var(--ds-space-10)}._pb-12_ynnco_291{padding-bottom:var(--ds-space-12)}._pb-14_ynnco_294{padding-bottom:var(--ds-space-14)}._pl-0_ynnco_298{padding-left:0}._pl-1_ynnco_301{padding-left:var(--ds-space-1)}._pl-2_ynnco_304{padding-left:var(--ds-space-2)}._pl-3_ynnco_307{padding-left:var(--ds-space-3)}._pl-4_ynnco_310{padding-left:var(--ds-space-4)}._pl-5_ynnco_313{padding-left:var(--ds-space-5)}._pl-6_ynnco_316{padding-left:var(--ds-space-6)}._pl-8_ynnco_319{padding-left:var(--ds-space-8)}._pl-10_ynnco_322{padding-left:var(--ds-space-10)}._pl-12_ynnco_325{padding-left:var(--ds-space-12)}._pl-14_ynnco_328{padding-left:var(--ds-space-14)}._pr-0_ynnco_332{padding-right:0}._pr-1_ynnco_335{padding-right:var(--ds-space-1)}._pr-2_ynnco_338{padding-right:var(--ds-space-2)}._pr-3_ynnco_341{padding-right:var(--ds-space-3)}._pr-4_ynnco_344{padding-right:var(--ds-space-4)}._pr-5_ynnco_347{padding-right:var(--ds-space-5)}._pr-6_ynnco_350{padding-right:var(--ds-space-6)}._pr-8_ynnco_353{padding-right:var(--ds-space-8)}._pr-10_ynnco_356{padding-right:var(--ds-space-10)}._pr-12_ynnco_359{padding-right:var(--ds-space-12)}._pr-14_ynnco_362{padding-right:var(--ds-space-14)}._gap-0_ynnco_367{gap:0}._gap-1_ynnco_370{gap:var(--ds-space-1)}._gap-2_ynnco_373{gap:var(--ds-space-2)}._gap-3_ynnco_376{gap:var(--ds-space-3)}._gap-4_ynnco_379{gap:var(--ds-space-4)}._gap-5_ynnco_382{gap:var(--ds-space-5)}._gap-6_ynnco_385{gap:var(--ds-space-6)}._gap-8_ynnco_388{gap:var(--ds-space-8)}._gap-10_ynnco_391{gap:var(--ds-space-10)}._gap-12_ynnco_394{gap:var(--ds-space-12)}._gap-14_ynnco_397{gap:var(--ds-space-14)}._m-0_ynnco_402{margin:0}._m-1_ynnco_405{margin:var(--ds-space-1)}._m-2_ynnco_408{margin:var(--ds-space-2)}._m-3_ynnco_411{margin:var(--ds-space-3)}._m-4_ynnco_414{margin:var(--ds-space-4)}._m-5_ynnco_417{margin:var(--ds-space-5)}._m-6_ynnco_420{margin:var(--ds-space-6)}._m-8_ynnco_423{margin:var(--ds-space-8)}._m-10_ynnco_426{margin:var(--ds-space-10)}._m-12_ynnco_429{margin:var(--ds-space-12)}._m-14_ynnco_432{margin:var(--ds-space-14)}._mx-0_ynnco_436{margin-left:0;margin-right:0}._mx-1_ynnco_440{margin-left:var(--ds-space-1);margin-right:var(--ds-space-1)}._mx-2_ynnco_444{margin-left:var(--ds-space-2);margin-right:var(--ds-space-2)}._mx-3_ynnco_448{margin-left:var(--ds-space-3);margin-right:var(--ds-space-3)}._mx-4_ynnco_452{margin-left:var(--ds-space-4);margin-right:var(--ds-space-4)}._mx-5_ynnco_456{margin-left:var(--ds-space-5);margin-right:var(--ds-space-5)}._mx-6_ynnco_460{margin-left:var(--ds-space-6);margin-right:var(--ds-space-6)}._mx-8_ynnco_464{margin-left:var(--ds-space-8);margin-right:var(--ds-space-8)}._mx-10_ynnco_468{margin-left:var(--ds-space-10);margin-right:var(--ds-space-10)}._mx-12_ynnco_472{margin-left:var(--ds-space-12);margin-right:var(--ds-space-12)}._mx-14_ynnco_476{margin-left:var(--ds-space-14);margin-right:var(--ds-space-14)}._my-0_ynnco_481{margin-top:0;margin-bottom:0}._my-1_ynnco_485{margin-top:var(--ds-space-1);margin-bottom:var(--ds-space-1)}._my-2_ynnco_489{margin-top:var(--ds-space-2);margin-bottom:var(--ds-space-2)}._my-3_ynnco_493{margin-top:var(--ds-space-3);margin-bottom:var(--ds-space-3)}._my-4_ynnco_497{margin-top:var(--ds-space-4);margin-bottom:var(--ds-space-4)}._my-5_ynnco_501{margin-top:var(--ds-space-5);margin-bottom:var(--ds-space-5)}._my-6_ynnco_505{margin-top:var(--ds-space-6);margin-bottom:var(--ds-space-6)}._my-8_ynnco_509{margin-top:var(--ds-space-8);margin-bottom:var(--ds-space-8)}._my-10_ynnco_513{margin-top:var(--ds-space-10);margin-bottom:var(--ds-space-10)}._my-12_ynnco_517{margin-top:var(--ds-space-12);margin-bottom:var(--ds-space-12)}._my-14_ynnco_521{margin-top:var(--ds-space-14);margin-bottom:var(--ds-space-14)}._mt-0_ynnco_526{margin-top:0}._mt-1_ynnco_529{margin-top:var(--ds-space-1)}._mt-2_ynnco_532{margin-top:var(--ds-space-2)}._mt-3_ynnco_535{margin-top:var(--ds-space-3)}._mt-4_ynnco_538{margin-top:var(--ds-space-4)}._mt-5_ynnco_541{margin-top:var(--ds-space-5)}._mt-6_ynnco_544{margin-top:var(--ds-space-6)}._mt-8_ynnco_547{margin-top:var(--ds-space-8)}._mt-10_ynnco_550{margin-top:var(--ds-space-10)}._mt-12_ynnco_553{margin-top:var(--ds-space-12)}._mt-14_ynnco_556{margin-top:var(--ds-space-14)}._mb-0_ynnco_560{margin-bottom:0}._mb-1_ynnco_563{margin-bottom:var(--ds-space-1)}._mb-2_ynnco_566{margin-bottom:var(--ds-space-2)}._mb-3_ynnco_569{margin-bottom:var(--ds-space-3)}._mb-4_ynnco_572{margin-bottom:var(--ds-space-4)}._mb-5_ynnco_575{margin-bottom:var(--ds-space-5)}._mb-6_ynnco_578{margin-bottom:var(--ds-space-6)}._mb-8_ynnco_581{margin-bottom:var(--ds-space-8)}._mb-10_ynnco_584{margin-bottom:var(--ds-space-10)}._mb-12_ynnco_587{margin-bottom:var(--ds-space-12)}._mb-14_ynnco_590{margin-bottom:var(--ds-space-14)}._ml-0_ynnco_594{margin-left:0}._ml-1_ynnco_597{margin-left:var(--ds-space-1)}._ml-2_ynnco_600{margin-left:var(--ds-space-2)}._ml-3_ynnco_603{margin-left:var(--ds-space-3)}._ml-4_ynnco_606{margin-left:var(--ds-space-4)}._ml-5_ynnco_609{margin-left:var(--ds-space-5)}._ml-6_ynnco_612{margin-left:var(--ds-space-6)}._ml-8_ynnco_615{margin-left:var(--ds-space-8)}._ml-10_ynnco_618{margin-left:var(--ds-space-10)}._ml-12_ynnco_621{margin-left:var(--ds-space-12)}._ml-14_ynnco_624{margin-left:var(--ds-space-14)}._mr-0_ynnco_628{margin-right:0}._mr-1_ynnco_631{margin-right:var(--ds-space-1)}._mr-2_ynnco_634{margin-right:var(--ds-space-2)}._mr-3_ynnco_637{margin-right:var(--ds-space-3)}._mr-4_ynnco_640{margin-right:var(--ds-space-4)}._mr-5_ynnco_643{margin-right:var(--ds-space-5)}._mr-6_ynnco_646{margin-right:var(--ds-space-6)}._mr-8_ynnco_649{margin-right:var(--ds-space-8)}._mr-10_ynnco_652{margin-right:var(--ds-space-10)}._mr-12_ynnco_655{margin-right:var(--ds-space-12)}._mr-14_ynnco_658{margin-right:var(--ds-space-14)}._bg-main_ynnco_663{background-color:var(--ds-surface-0)}._bg-subtle_ynnco_666{background-color:var(--ds-surface-1)}._bg-info-subtle_ynnco_669{background-color:var(--ds-info-subtle, var(--ds-info))}._bg-success-subtle_ynnco_672{background-color:var(--ds-success-subtle, var(--ds-success))}._bg-warning-subtle_ynnco_675{background-color:var(--ds-warning-subtle, var(--ds-warning))}._bg-danger-subtle_ynnco_678{background-color:var(--ds-danger-subtle, var(--ds-danger))}._border_ynnco_683{border:1px solid var(--ds-border-1)}._borderBottom_ynnco_686{border-bottom:1px solid var(--ds-border-1)}._borderColor-main_ynnco_691{border-color:var(--ds-border-1)}._borderColor-subtle_ynnco_694{border-color:var(--ds-border-2)}._borderColor-danger_ynnco_697{border-color:var(--ds-danger)}._backgroundColor-none_ynnco_702{background-color:transparent}._backgroundColor-subtle_ynnco_705{background-color:var(--ds-surface-1)}._backgroundColor-danger-subtle_ynnco_708{background-color:var(--ds-danger-subtle)}._backgroundColor-success-subtle_ynnco_711{background-color:var(--ds-success-subtle)}._backgroundColor-warning-subtle_ynnco_714{background-color:var(--ds-warning-subtle)}._backgroundColor-info-subtle_ynnco_717{background-color:var(--ds-info-subtle)}._borderRadius-none_ynnco_722{border-radius:0}._borderRadius-sm_ynnco_725{border-radius:var(--ds-radius-sm)}._borderRadius-md_ynnco_728{border-radius:var(--ds-radius-md)}._borderRadius-lg_ynnco_731{border-radius:var(--ds-radius-lg)}._borderRadius-full_ynnco_734{border-radius:var(--ds-radius-full)}._root_10ujs_1{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm)}._list_10ujs_6{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:var(--ds-space-2)}._item_10ujs_16{display:flex;align-items:center}._link_10ujs_21{color:var(--ds-text-2);text-decoration:none;transition:color var(--ds-transition-fast)}._link_10ujs_21:hover:not(._current_10ujs_27){color:var(--ds-info);text-decoration:underline}._current_10ujs_27{color:var(--ds-text-1);font-weight:var(--ds-font-weight-medium);cursor:default}._separator_10ujs_38{color:var(--ds-text-2);-webkit-user-select:none;user-select:none}._root_1flxt_1{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:var(--ds-space-2);font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-medium);border-radius:var(--ds-radius-md);text-align:center;white-space:nowrap;transition:background-color var(--ds-transition-fast),color var(--ds-transition-fast),border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast),transform var(--ds-transition-fast)}._xs_1flxt_31{height:var(--ds-space-6);padding:0 var(--ds-space-2);font-size:var(--ds-font-size-xs);gap:var(--ds-space-1)}._sm_1flxt_39{height:var(--ds-space-8);padding:0 var(--ds-space-3);font-size:var(--ds-font-size-xs)}._md_1flxt_46{height:calc(var(--ds-space-4) * 2.5);padding:0 var(--ds-space-4);font-size:var(--ds-font-size-sm)}._lg_1flxt_53{height:var(--ds-space-12);padding:0 var(--ds-space-6);font-size:var(--ds-font-size-base)}._xl_1flxt_60{height:var(--ds-space-14);padding:0 var(--ds-space-8);font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold)}._solid_1flxt_70{background-color:var(--ds-neutral);color:var(--ds-text-on-brand)}._solid_1flxt_70:hover:not(:disabled){background-color:var(--ds-neutral-hover)}._solid_1flxt_70:active:not(:disabled){background-color:var(--ds-neutral-active);transform:translateY(.0625rem)}._solid_1flxt_70._success_1flxt_82{background-color:var(--ds-success)}._solid_1flxt_70._success_1flxt_82:hover:not(:disabled){background-color:var(--ds-success-hover)}._solid_1flxt_70._success_1flxt_82:active:not(:disabled){background-color:var(--ds-success-active)}._solid_1flxt_70._warning_1flxt_92{background-color:var(--ds-warning)}._solid_1flxt_70._warning_1flxt_92:hover:not(:disabled){background-color:var(--ds-warning-hover)}._solid_1flxt_70._warning_1flxt_92:active:not(:disabled){background-color:var(--ds-warning-active)}._solid_1flxt_70._danger_1flxt_102{background-color:var(--ds-danger)}._solid_1flxt_70._danger_1flxt_102:hover:not(:disabled){background-color:var(--ds-danger-hover)}._solid_1flxt_70._danger_1flxt_102:active:not(:disabled){background-color:var(--ds-danger-active)}._solid_1flxt_70._info_1flxt_112{background-color:var(--ds-info)}._solid_1flxt_70._info_1flxt_112:hover:not(:disabled){background-color:var(--ds-info-hover)}._solid_1flxt_70._info_1flxt_112:active:not(:disabled){background-color:var(--ds-info-active)}._outline_1flxt_123{background-color:transparent;color:var(--ds-neutral);border:1px solid var(--ds-neutral)}._outline_1flxt_123:hover:not(:disabled){background-color:var(--ds-neutral-hover);color:var(--ds-text-on-brand);border-color:var(--ds-neutral-hover)}._outline_1flxt_123:active:not(:disabled){background-color:var(--ds-neutral-active);color:var(--ds-text-on-brand);border-color:var(--ds-neutral-active)}._outline_1flxt_123._success_1flxt_82{color:var(--ds-success);border-color:var(--ds-success)}._outline_1flxt_123._success_1flxt_82:hover:not(:disabled){background-color:var(--ds-success-hover);border-color:var(--ds-success-hover)}._outline_1flxt_123._success_1flxt_82:active:not(:disabled){background-color:var(--ds-success-active);border-color:var(--ds-success-active)}._outline_1flxt_123._warning_1flxt_92{color:var(--ds-warning);border-color:var(--ds-warning)}._outline_1flxt_123._warning_1flxt_92:hover:not(:disabled){background-color:var(--ds-warning-hover);border-color:var(--ds-warning-hover)}._outline_1flxt_123._warning_1flxt_92:active:not(:disabled){background-color:var(--ds-warning-active);border-color:var(--ds-warning-active)}._outline_1flxt_123._danger_1flxt_102{color:var(--ds-danger);border-color:var(--ds-danger)}._outline_1flxt_123._danger_1flxt_102:hover:not(:disabled){background-color:var(--ds-danger-hover);border-color:var(--ds-danger-hover)}._outline_1flxt_123._danger_1flxt_102:active:not(:disabled){background-color:var(--ds-danger-active);border-color:var(--ds-danger-active)}._outline_1flxt_123._info_1flxt_112{color:var(--ds-info);border-color:var(--ds-info)}._outline_1flxt_123._info_1flxt_112:hover:not(:disabled){background-color:var(--ds-info-hover);border-color:var(--ds-info-hover)}._outline_1flxt_123._info_1flxt_112:active:not(:disabled){background-color:var(--ds-info-active);border-color:var(--ds-info-active)}._subtle_1flxt_192{background-color:transparent;color:var(--ds-neutral)}._subtle_1flxt_192:hover:not(:disabled){background-color:var(--ds-surface-1)}._subtle_1flxt_192:active:not(:disabled){background-color:var(--ds-surface-1)}._subtle_1flxt_192._success_1flxt_82{color:var(--ds-success)}._subtle_1flxt_192._success_1flxt_82:hover:not(:disabled){background-color:var(--ds-success-subtle)}._subtle_1flxt_192._warning_1flxt_92{color:var(--ds-warning)}._subtle_1flxt_192._warning_1flxt_92:hover:not(:disabled){background-color:var(--ds-warning-subtle)}._subtle_1flxt_192._danger_1flxt_102{color:var(--ds-danger)}._subtle_1flxt_192._danger_1flxt_102:hover:not(:disabled){background-color:var(--ds-danger-subtle)}._subtle_1flxt_192._info_1flxt_112{color:var(--ds-info)}._subtle_1flxt_192._info_1flxt_112:hover:not(:disabled){background-color:var(--ds-info-subtle)}._root_1flxt_1:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._root_1flxt_1:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}._fullWidth_1flxt_245{width:100%}._root_1k781_1{background-color:var(--ds-surface-0);border-radius:var(--ds-radius-lg);display:flex;flex-direction:column;overflow:hidden}._bordered_1k781_9{border:1px solid var(--ds-border-1)}._shadowNone_1k781_14{box-shadow:none}._shadowSm_1k781_17{box-shadow:var(--ds-shadow-sm)}._shadowMd_1k781_20{box-shadow:var(--ds-shadow-md)}._borderColor-main_1k781_25{border-color:var(--ds-border-1)}._borderColor-subtle_1k781_28{border-color:var(--ds-border-2)}._borderColor-danger_1k781_31{border-color:var(--ds-danger)}._borderColor-success_1k781_34{border-color:var(--ds-success)}._borderColor-info_1k781_37{border-color:var(--ds-info)}._borderColor-warning_1k781_40{border-color:var(--ds-warning)}._backgroundColor-none_1k781_45{background-color:transparent}._backgroundColor-subtle_1k781_48{background-color:var(--ds-surface-1)}._backgroundColor-danger-subtle_1k781_51{background-color:var(--ds-danger-subtle)}._backgroundColor-success-subtle_1k781_54{background-color:var(--ds-success-subtle)}._backgroundColor-warning-subtle_1k781_57{background-color:var(--ds-warning-subtle)}._backgroundColor-info-subtle_1k781_60{background-color:var(--ds-info-subtle)}._pNone_1k781_65{padding:0}._pSm_1k781_68{padding:var(--ds-space-4)}._pMd_1k781_71{padding:var(--ds-space-6)}._pLg_1k781_74{padding:var(--ds-space-8)}._header_1k781_79{padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-2);margin-bottom:var(--ds-space-4)}._title_1k781_85{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold);color:var(--ds-text-1);margin:0}._subtitle_1k781_93{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);color:var(--ds-text-2);margin:var(--ds-space-1) 0 0 0}._content_1k781_100{flex:1}._footer_1k781_104{padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border-2);margin-top:var(--ds-space-4);display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-3)}._wrapper_1mupt_1{display:flex;flex-direction:column;gap:var(--ds-space-1)}._container_1mupt_7{display:flex;align-items:flex-start;gap:var(--ds-space-2);cursor:pointer;-webkit-user-select:none;user-select:none}._container_1mupt_7._disabled_1mupt_15{cursor:not-allowed;opacity:.5}._input_1mupt_20{position:absolute;opacity:0;cursor:pointer;height:0;width:0}._control_1mupt_28{flex-shrink:0;height:1.125rem;width:1.125rem;background-color:var(--ds-surface-0);border:.125rem solid var(--ds-border-1);border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-fast);display:flex;align-items:center;justify-content:center;margin-top:.125rem}._input_1mupt_20:checked~._control_1mupt_28{background-color:var(--ds-info);border-color:var(--ds-info)}._input_1mupt_20:focus-visible~._control_1mupt_28{box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._container_1mupt_7:hover ._input_1mupt_20:not(:checked):not(:disabled)~._control_1mupt_28{border-color:var(--ds-neutral-hover)}._checkmark_1mupt_57{color:var(--ds-text-on-brand);width:.75rem;height:.75rem;display:none}._input_1mupt_20:checked~._control_1mupt_28 ._checkmark_1mupt_57{display:block}._label_1mupt_68{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);color:var(--ds-text-1);line-height:var(--ds-line-height-base)}._error_1mupt_75 ._control_1mupt_28{border-color:var(--ds-danger)}._helperText_1mupt_79{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2);margin-left:calc(1.125rem + var(--ds-space-2))}._errorText_1mupt_86{color:var(--ds-danger)}._wrapper_qhe61_1{display:flex;flex-direction:column;gap:var(--ds-space-1);font-family:var(--ds-font-family-base);width:fit-content}._fullWidth_qhe61_9{width:100%}._label_qhe61_13{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._container_qhe61_19{position:relative}._trigger_qhe61_23{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ds-space-2) var(--ds-space-3);background-color:var(--ds-surface-0);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-base);color:var(--ds-text-1);cursor:pointer;transition:all .2s ease;text-align:left}._trigger_qhe61_23:focus-visible{outline:none;border-color:var(--ds-info);box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._trigger_qhe61_23:disabled{background-color:var(--ds-surface-disabled);color:var(--ds-text-disabled);border-color:var(--ds-border-disabled);cursor:not-allowed}._error_qhe61_54 ._trigger_qhe61_23{border-color:var(--ds-danger)}._sm_qhe61_58 ._trigger_qhe61_23{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-font-size-xs)}._lg_qhe61_63 ._trigger_qhe61_23{padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-font-size-lg)}._icon_qhe61_68{display:flex;align-items:center;transition:transform .2s ease}._isOpen_qhe61_74 ._icon_qhe61_68{transform:rotate(180deg)}._menu_qhe61_78{position:absolute;top:100%;left:0;right:0;z-index:10;margin-top:var(--ds-space-1);background-color:var(--ds-surface-0);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);max-height:300px;overflow-y:auto;padding:var(--ds-space-1) 0;list-style:none}._option_qhe61_95{display:flex;flex-direction:column;padding:var(--ds-space-2) var(--ds-space-3);cursor:pointer;transition:background-color .2s ease;outline:none}._optionFocused_qhe61_104{background-color:var(--ds-neutral-subtle)}._optionSelected_qhe61_108{background-color:var(--ds-info-subtle);color:var(--ds-info)}._optionSelected_qhe61_108._optionFocused_qhe61_104{background-color:var(--ds-info-subtle);box-shadow:inset 0 0 0 1px var(--ds-info)}._optionDisabled_qhe61_118{opacity:.5;cursor:not-allowed;pointer-events:none}._optionLabel_qhe61_124{font-weight:var(--ds-font-weight-medium)}._optionDescription_qhe61_128,._helperText_qhe61_133{font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._errorText_qhe61_138{color:var(--ds-danger)}._root_dlc85_1{background-color:var(--ds-surface-0);border-bottom:1px solid var(--ds-border-1);padding:var(--ds-space-3) 0;width:100%}._container_dlc85_8{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4);display:flex;justify-content:space-between;align-items:center}._sideContainer_dlc85_17{display:flex;align-items:center;gap:var(--ds-space-2)}svg{display:inline-block;vertical-align:top}._title_dlc85_28{display:inline-block;vertical-align:top;font-weight:var(--ds-font-weight-bold);font-size:var(--ds-font-size-lg);line-height:var(--ds-line-height-tight)}._welcome_dlc85_36{font-size:var(--ds-font-size-sm)}._root_19xrh_1{background-color:var(--ds-surface-0);border-bottom:1px solid var(--ds-border-1);width:100%}._container_19xrh_7{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4);display:flex;align-items:stretch;height:4rem}._leftSection_19xrh_16{display:flex;align-items:center;margin-right:var(--ds-space-8)}._nav_19xrh_22{display:flex;align-items:stretch;flex:1}._navList_19xrh_28{display:flex;list-style:none;margin:0;padding:0;gap:var(--ds-space-4)}._navItem_19xrh_36{display:flex;align-items:center}._navLink_19xrh_41{display:flex;align-items:center;height:100%;padding:0 var(--ds-space-2);color:var(--ds-text-2);text-decoration:none;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);border-bottom:.125rem solid transparent;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:all .2s ease}._navLink_19xrh_41:hover:not(._disabled_19xrh_59){color:var(--ds-text-1)}._active_19xrh_63{color:var(--ds-info-1);border-bottom-color:var(--ds-info-1)}._disabled_19xrh_59{opacity:.5;cursor:not-allowed}._rightSection_19xrh_73{display:flex;align-items:center;gap:var(--ds-space-4)}._wrapper_bh3e1_1{display:flex;flex-direction:column;gap:var(--ds-space-1);width:100%}._label_bh3e1_8{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._inputRoot_bh3e1_15{box-sizing:border-box;width:100%;font-family:var(--ds-font-family-base);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-0);color:var(--ds-text-1);transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast)}._inputRoot_bh3e1_15:focus{outline:none;border-color:var(--ds-ring);box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._inputRoot_bh3e1_15::placeholder{color:var(--ds-text-2)}._inputRoot_bh3e1_15:disabled{background-color:var(--ds-surface-1);cursor:not-allowed;opacity:.7}._sm_bh3e1_47{height:var(--ds-space-8);padding:0 var(--ds-space-3);font-size:var(--ds-font-size-xs)}._md_bh3e1_53{height:var( --ds-space-10, 2.5rem );height:calc(var(--ds-space-4) * 2.5);padding:0 var(--ds-space-4);font-size:var(--ds-font-size-sm)}._lg_bh3e1_63{height:var(--ds-space-12);padding:0 var(--ds-space-5, 1.25rem);font-size:var(--ds-font-size-base)}._error_bh3e1_70{border-color:var(--ds-danger)}._error_bh3e1_70:focus{border-color:var(--ds-danger);box-shadow:0 0 0 .125rem var(--ds-danger-subtle)}._helperText_bh3e1_79{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._helperText_bh3e1_79._errorText_bh3e1_85{color:var(--ds-danger)}._loader_wvz8q_1{display:inline-block;border-radius:var(--ds-radius-full);border:.125rem solid var(--ds-surface-1);border-top-color:var(--ds-info);animation:_spin_wvz8q_1 .8s linear infinite}._neutral_wvz8q_10{border-top-color:var(--ds-neutral)}._info_wvz8q_13{border-top-color:var(--ds-info)}._success_wvz8q_16{border-top-color:var(--ds-success)}._warning_wvz8q_19{border-top-color:var(--ds-warning)}._danger_wvz8q_22{border-top-color:var(--ds-danger)}._sm_wvz8q_27{width:var(--ds-space-4);height:var(--ds-space-4);border-width:.125rem}._md_wvz8q_33{width:var(--ds-space-8);height:var(--ds-space-8);border-width:.1875rem}._lg_wvz8q_39{width:var(--ds-space-12);height:var(--ds-space-12);border-width:.25rem}@keyframes _spin_wvz8q_1{to{transform:rotate(360deg)}}._overlay_tnqx3_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ds-space-4)}._modal_tnqx3_15{background-color:var(--ds-surface-0);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);display:flex;flex-direction:column;max-height:100%;width:100%;overflow:hidden;font-family:var(--ds-font-family-base)}._header_tnqx3_27{padding:var(--ds-space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ds-border-2)}._title_tnqx3_35{margin:0;font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold);color:var(--ds-text-1)}._closeButton_tnqx3_42{margin:0;padding:0!important;width:var(--ds-space-8)!important;height:var(--ds-space-8)!important;min-width:unset!important;font-size:var(--ds-font-size-lg)!important;font-weight:var(--ds-font-weight-semibold);line-height:1!important;display:flex;align-items:center;justify-content:center}._content_tnqx3_56{padding:var(--ds-space-6);overflow-y:auto;flex:1}._footer_tnqx3_62{padding:var(--ds-space-4);display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-3);border-top:1px solid var(--ds-border-2);background-color:var(--ds-surface-1)}._sm_tnqx3_73{max-width:25rem}._md_tnqx3_76{max-width:37.5rem}._lg_tnqx3_79{max-width:50rem}._xl_tnqx3_82{max-width:62.5rem}._full_tnqx3_85{max-width:100%;height:100%}._loading_tnqx3_90{opacity:.7;pointer-events:none}._root_1x0nr_1{display:flex;position:relative;padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);border-left:.25rem solid;font-family:var(--ds-font-family-base);gap:var(--ds-space-3);box-shadow:var(--ds-shadow-sm);max-width:25rem}._content_1x0nr_13{flex:1}._title_1x0nr_17{font-weight:var(--ds-font-weight-bold);font-size:var(--ds-font-size-sm);margin-bottom:var(--ds-space-1)}._message_1x0nr_23{font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}._closeButton_1x0nr_28{flex-shrink:0;margin-top:calc(var(--ds-space-1) * -1);margin-right:calc(var(--ds-space-2) * -1);padding:0!important;width:var(--ds-space-6)!important;height:var(--ds-space-6)!important;min-width:unset!important;opacity:.6}._closeButton_1x0nr_28:hover{opacity:1}._neutral_1x0nr_44{background-color:var(--ds-surface-1);border-color:var(--ds-neutral);color:var(--ds-text-1)}._info_1x0nr_50{background-color:var(--ds-info-subtle);border-color:var(--ds-info);color:var(--ds-info-active)}._success_1x0nr_56{background-color:var(--ds-success-subtle);border-color:var(--ds-success);color:var(--ds-success-active)}._warning_1x0nr_62{background-color:var(--ds-warning-subtle);border-color:var(--ds-warning);color:var(--ds-warning-active)}._danger_1x0nr_68{background-color:var(--ds-danger-subtle);border-color:var(--ds-danger);color:var(--ds-danger-active)}._root_o4mj7_1{display:flex;align-items:center}._list_o4mj7_6{display:flex;align-items:center;gap:var(--ds-space-2);list-style:none;margin:0;padding:0}._item_o4mj7_15{display:flex}._ellipsis_o4mj7_19{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ds-space-8);height:var(--ds-space-8);color:var(--ds-text-2);font-size:var(--ds-font-size-sm)}._pageButton_o4mj7_29{min-width:var(--ds-space-8)}._wrapper_16yvn_1{width:100%;display:flex;flex-direction:column;gap:var(--ds-space-1)}._labelWrapper_16yvn_8{display:flex;justify-content:space-between;align-items:center}._label_16yvn_8{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._percentage_16yvn_21{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._progressRoot_16yvn_27{width:100%;background-color:var(--ds-surface-1);border-radius:var(--ds-radius-full);overflow:hidden}._indicator_16yvn_34{height:100%;transition:width var(--ds-transition-base)}._sm_16yvn_40 ._progressRoot_16yvn_27{height:var(--ds-space-1)}._md_16yvn_44 ._progressRoot_16yvn_27{height:var(--ds-space-2)}._lg_16yvn_48 ._progressRoot_16yvn_27{height:var(--ds-space-3)}._info_16yvn_53 ._indicator_16yvn_34{background-color:var(--ds-info)}._success_16yvn_57 ._indicator_16yvn_34{background-color:var(--ds-success)}._warning_16yvn_61 ._indicator_16yvn_34{background-color:var(--ds-warning)}._danger_16yvn_65 ._indicator_16yvn_34{background-color:var(--ds-danger)}._wrapper_4v5ks_1{display:flex;flex-direction:column;gap:var(--ds-space-1)}._label_4v5ks_7{display:inline-flex;align-items:flex-start;gap:var(--ds-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--ds-font-family-base);color:var(--ds-text-1)}._label_4v5ks_7._sm_4v5ks_17{font-size:var(--ds-font-size-xs)}._label_4v5ks_7._md_4v5ks_20{font-size:var(--ds-font-size-sm)}._label_4v5ks_7._lg_4v5ks_23{font-size:var(--ds-font-size-base)}._inputWrapper_4v5ks_27{position:relative;display:flex;align-items:center;justify-content:center}._radioRoot_4v5ks_34{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}._checkmark_4v5ks_44{display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-full);background-color:var(--ds-surface-0);transition:all var(--ds-transition-fast)}._sm_4v5ks_17 ._checkmark_4v5ks_44{width:var(--ds-space-4);height:var(--ds-space-4)}._md_4v5ks_20 ._checkmark_4v5ks_44{width:calc(var(--ds-space-5, 1.25rem));height:calc(var(--ds-space-5, 1.25rem))}._lg_4v5ks_23 ._checkmark_4v5ks_44{width:var(--ds-space-6);height:var(--ds-space-6)}._checkmark_4v5ks_44:after{content:"";display:block;border-radius:var(--ds-radius-full);background-color:var(--ds-surface-0);transform:scale(0);transition:transform var(--ds-transition-fast)}._sm_4v5ks_17 ._checkmark_4v5ks_44:after{width:var(--ds-space-2);height:var(--ds-space-2)}._md_4v5ks_20 ._checkmark_4v5ks_44:after{width:var(--ds-space-2);height:var(--ds-space-2)}._lg_4v5ks_23 ._checkmark_4v5ks_44:after{width:var(--ds-space-3);height:var(--ds-space-3)}._radioRoot_4v5ks_34:checked~._checkmark_4v5ks_44{background-color:var(--ds-info);border-color:var(--ds-info)}._radioRoot_4v5ks_34:checked~._checkmark_4v5ks_44:after{transform:scale(1)}._radioRoot_4v5ks_34:focus-visible~._checkmark_4v5ks_44{box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring);border-color:var(--ds-ring)}._label_4v5ks_7:hover ._radioRoot_4v5ks_34:not(:disabled):not(:checked)~._checkmark_4v5ks_44{border-color:var(--ds-info)}._radioRoot_4v5ks_34:disabled{cursor:not-allowed}._radioRoot_4v5ks_34:disabled~._checkmark_4v5ks_44{background-color:var(--ds-surface-1);border-color:var(--ds-border-2);opacity:.7}._radioRoot_4v5ks_34:disabled~._labelText_4v5ks_127{color:var(--ds-text-2);cursor:not-allowed}._radioRoot_4v5ks_34._error_4v5ks_133~._checkmark_4v5ks_44{border-color:var(--ds-danger)}._radioRoot_4v5ks_34._error_4v5ks_133:checked~._checkmark_4v5ks_44{background-color:var(--ds-danger);border-color:var(--ds-danger)}._helperText_4v5ks_142{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2);padding-left:calc(var(--ds-space-5, 1.25rem) + var(--ds-space-2))}._sm_4v5ks_17~._helperText_4v5ks_142{padding-left:calc(var(--ds-space-4) + var(--ds-space-2))}._lg_4v5ks_23~._helperText_4v5ks_142{padding-left:calc(var(--ds-space-6) + var(--ds-space-2))}._helperText_4v5ks_142._errorText_4v5ks_156{color:var(--ds-danger)}._labelText_4v5ks_127{line-height:var(--ds-line-height-base)}._root_1qfdr_1{background-color:var(--ds-skeleton);display:block}._text_1qfdr_6{height:1em;margin-top:.1em;margin-bottom:.1em;transform:scaleY(.6);transform-origin:0 0;border-radius:var(--ds-radius-sm)}._rectangular_1qfdr_15{height:1.25rem}._rounded_1qfdr_19{border-radius:var(--ds-radius-md)}._circular_1qfdr_23{border-radius:var(--ds-radius-full)}._pulse_1qfdr_28{animation:_pulse_1qfdr_28 1.5s ease-in-out infinite}@keyframes _pulse_1qfdr_28{0%{opacity:1}50%{opacity:.4}to{opacity:1}}._wave_1qfdr_44{position:relative;overflow:hidden}._wave_1qfdr_44:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--ds-skeleton-highlight),transparent);animation:_wave_1qfdr_44 1.6s linear infinite;transform:translate(-100%)}@keyframes _wave_1qfdr_44{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}._step_1z90u_1{display:flex;align-items:center;position:relative;min-width:0}[data-orientation=horizontal] ._step_1z90u_1{flex:1}[data-orientation=vertical] ._step_1z90u_1{flex-direction:column;align-items:flex-start;width:100%}._stepRow_1z90u_18{display:inline-flex;align-items:center;gap:var(--stepper-gap)}[data-orientation=horizontal] ._stepRow_1z90u_18{min-width:0}._interactive_1z90u_28{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:var(--stepper-gap)}._interactive_1z90u_28:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring);border-radius:var(--ds-radius-md)}._interactive_1z90u_28:disabled{cursor:not-allowed}._marker_1z90u_48{width:var(--stepper-marker-size);height:var(--stepper-marker-size);border-radius:var(--ds-radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:var(--stepper-font-size);font-weight:var(--ds-font-weight-medium);border:1px solid var(--ds-border-1);background-color:var(--ds-surface-0);color:var(--ds-text-2);flex-shrink:0;transition:background-color var(--ds-transition-fast),color var(--ds-transition-fast),border-color var(--ds-transition-fast)}._text_1z90u_67{display:inline-flex;flex-direction:column;gap:var(--ds-space-1);min-width:0}._label_1z90u_74{font-size:var(--stepper-font-size);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._description_1z90u_83{font-size:var(--stepper-description-size);color:var(--ds-text-2);line-height:var(--ds-line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._connector_1z90u_92{background-color:var(--ds-border-1);border-radius:var(--ds-radius-full)}[data-orientation=horizontal] ._connector_1z90u_92{height:2px;flex:1;margin-left:var(--ds-space-3)}[data-orientation=vertical] ._connector_1z90u_92{width:2px;height:var(--ds-space-8);margin-left:calc(var(--stepper-marker-size) / 2 - 1px);margin-top:var(--ds-space-2)}._completed_1z90u_110 ._marker_1z90u_48{background-color:var(--ds-success);border-color:var(--ds-success);color:var(--ds-text-on-brand)}._completed_1z90u_110 ._label_1z90u_74{color:var(--ds-text-1)}._connector-completed_1z90u_120{background-color:var(--ds-success)}._current_1z90u_124 ._marker_1z90u_48{background-color:var(--ds-info-subtle);border-color:var(--ds-info);color:var(--ds-info)}._current_1z90u_124 ._label_1z90u_74{color:var(--ds-text-1)}._connector-current_1z90u_134{background-color:var(--ds-info)}._error_1z90u_138 ._marker_1z90u_48{background-color:var(--ds-danger);border-color:var(--ds-danger);color:var(--ds-text-on-brand)}._error_1z90u_138 ._label_1z90u_74{color:var(--ds-danger)}._connector-error_1z90u_148{background-color:var(--ds-danger)}._upcoming_1z90u_152 ._label_1z90u_74{color:var(--ds-text-2)}._disabled_1z90u_156{opacity:.5}._disabled_1z90u_156 ._interactive_1z90u_28{cursor:not-allowed}._root_cxvk2_1{--stepper-marker-size: var(--ds-space-8);--stepper-font-size: var(--ds-font-size-sm);--stepper-description-size: var(--ds-font-size-xs);--stepper-gap: var(--ds-space-3);display:flex;list-style:none;padding:0;margin:0;font-family:var(--ds-font-family-base);color:var(--ds-text-1)}._sm_cxvk2_15{--stepper-marker-size: var(--ds-space-6);--stepper-font-size: var(--ds-font-size-xs);--stepper-description-size: var(--ds-font-size-xs);--stepper-gap: var(--ds-space-2)}._lg_cxvk2_22{--stepper-marker-size: var(--ds-space-10);--stepper-font-size: var(--ds-font-size-base);--stepper-description-size: var(--ds-font-size-sm);--stepper-gap: var(--ds-space-4)}._horizontal_cxvk2_29{flex-direction:row;align-items:center;gap:var(--ds-space-3)}._vertical_cxvk2_35{flex-direction:column;align-items:flex-start;gap:var(--ds-space-4)}._wrapper_6vjc4_1{display:flex;flex-direction:column;gap:var(--ds-space-1);width:100%}._label_6vjc4_8{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._selectRoot_6vjc4_15{box-sizing:border-box;width:100%;font-family:var(--ds-font-family-base);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-0);color:var(--ds-text-1);transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-space-3) center;background-size:1.25rem}._selectRoot_6vjc4_15:focus{outline:none;border-color:var(--ds-ring);box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._selectRoot_6vjc4_15:disabled{background-color:var(--ds-surface-1);cursor:not-allowed;opacity:.7}._sm_6vjc4_49{height:var(--ds-space-8);padding:0 var(--ds-space-8) 0 var(--ds-space-3);font-size:var(--ds-font-size-xs);background-position:right var(--ds-space-2) center}._md_6vjc4_56{height:calc(var(--ds-space-4) * 2.5);padding:0 var(--ds-space-10) 0 var(--ds-space-4);font-size:var(--ds-font-size-sm);background-position:right var(--ds-space-3) center}._lg_6vjc4_63{height:var(--ds-space-12);padding:0 var(--ds-space-12) 0 var(--ds-space-5);font-size:var(--ds-font-size-base);background-position:right var(--ds-space-4) center}._error_6vjc4_71{border-color:var(--ds-danger)}._error_6vjc4_71:focus{border-color:var(--ds-danger);box-shadow:0 0 0 .125rem var(--ds-danger-subtle)}._helperText_6vjc4_80{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._helperText_6vjc4_80._errorText_6vjc4_86{color:var(--ds-danger)}._wrapper_196po_1{display:flex;flex-direction:column;gap:var(--ds-space-1)}._container_196po_7{display:flex;align-items:center;gap:var(--ds-space-3);cursor:pointer;-webkit-user-select:none;user-select:none}._container_196po_7._disabled_196po_15{cursor:not-allowed;opacity:.5}._input_196po_20{position:absolute;opacity:0;width:0;height:0}._track_196po_27{position:relative;width:2.5rem;height:1.25rem;background-color:var(--ds-border-1);border-radius:var(--ds-radius-full);transition:background-color var(--ds-transition-fast)}._input_196po_20:checked~._track_196po_27{background-color:var(--ds-info)}._input_196po_20:focus-visible~._track_196po_27{box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._thumb_196po_46{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background-color:#fff;border-radius:var(--ds-radius-full);transition:transform var(--ds-transition-fast);box-shadow:var(--ds-shadow-sm)}._input_196po_20:checked~._track_196po_27 ._thumb_196po_46{transform:translate(1.25rem)}._label_196po_62{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);color:var(--ds-text-1);font-weight:var(--ds-font-weight-medium)}._helperText_196po_69{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2);margin-left:calc(2.5rem + var(--ds-space-3))}._wrapper_1w3cj_1{width:100%;overflow-x:auto;border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md)}._table_1w3cj_8{width:100%;border-collapse:collapse;font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);color:var(--ds-text-1);background-color:var(--ds-surface-0)}._thead_1w3cj_17{background-color:var(--ds-surface-1);border-bottom:.125rem solid var(--ds-border-1)}._tbody_1w3cj_22 ._tr_1w3cj_22{border-bottom:1px solid var(--ds-border-1)}._tbody_1w3cj_22 ._tr_1w3cj_22:last-child{border-bottom:none}._th_1w3cj_17{padding:var(--ds-space-3) var(--ds-space-4);font-weight:var(--ds-font-weight-bold);text-align:left;color:var(--ds-text-2);text-transform:uppercase;font-size:var(--ds-font-size-xs);letter-spacing:.05em}._td_1w3cj_40{padding:var(--ds-space-4);vertical-align:middle}._striped_1w3cj_46 ._tbody_1w3cj_22 ._tr_1w3cj_22:nth-child(2n){background-color:var(--ds-surface-1)}._hoverable_1w3cj_50 ._tbody_1w3cj_22 ._tr_1w3cj_22:hover{background-color:var(--ds-surface-1)}._dense_1w3cj_54 ._th_1w3cj_17,._dense_1w3cj_54 ._td_1w3cj_40{padding:var(--ds-space-2) var(--ds-space-4)}._align-left_1w3cj_62{text-align:left}._align-center_1w3cj_65{text-align:center}._align-right_1w3cj_68{text-align:right}._align-justify_1w3cj_71{text-align:justify}._loading_1w3cj_75{opacity:.7;pointer-events:none}._root_1luck_1{display:flex;flex-direction:column;width:100%;font-family:var(--ds-font-family-base)}._tabList_1luck_8{display:flex;gap:var(--ds-space-4);margin:0;padding:0;list-style:none}._tabItem_1luck_16{all:unset;cursor:pointer;padding:var(--ds-space-2) var(--ds-space-1);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-2);transition:all var(--ds-transition-fast);border-bottom:.125rem solid transparent}._tabItem_1luck_16:hover:not(._disabled_1luck_27):not(._active_1luck_27){color:var(--ds-text-1);border-bottom-color:var(--ds-border-1)}._tabItem_1luck_16:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring);border-radius:var(--ds-radius-sm);z-index:1}._tabItem_1luck_16._active_1luck_27{color:var(--ds-info);border-bottom-color:var(--ds-info)}._tabItem_1luck_16._disabled_1luck_27{cursor:not-allowed;opacity:.5}._pillList_1luck_52{gap:var(--ds-space-2);background-color:var(--ds-surface-1);padding:var(--ds-space-1);border-radius:var(--ds-radius-md);width:fit-content}._pillItem_1luck_60{padding:var(--ds-space-1) var(--ds-space-4);border-radius:var(--ds-radius-sm);border-bottom:none}._pillItem_1luck_60._active_1luck_27{background-color:var(--ds-surface-0);color:var(--ds-text-1);box-shadow:var(--ds-shadow-sm)}._tabPanel_1luck_72{padding-top:var(--ds-space-4)}._root_7o66o_1{margin:0;font-family:var(--ds-font-family-base);line-height:var(--ds-line-height-base);color:inherit}._h1_7o66o_9{font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-tight)}._h2_7o66o_15{font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-tight)}._h3_7o66o_21{font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-line-height-tight)}._h4_7o66o_27{font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-bold)}._h5_7o66o_32{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-bold)}._h6_7o66o_37{font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold)}._body-lg_7o66o_42{font-size:var(--ds-font-size-lg)}._body-md_7o66o_46{font-size:var(--ds-font-size-base)}._body-sm_7o66o_50{font-size:var(--ds-font-size-sm)}._label_7o66o_54{font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-medium);text-transform:uppercase;letter-spacing:.025em}._code_7o66o_61{font-family:var(--ds-font-family-mono);font-size:.9em;background-color:var(--ds-surface-1);padding:.2em .4em;border-radius:var(--ds-radius-sm)}._left_7o66o_70{text-align:left}._center_7o66o_73{text-align:center}._right_7o66o_76{text-align:right}._justify_7o66o_79{text-align:justify}._regular_7o66o_84{font-weight:var(--ds-font-weight-regular)}._medium_7o66o_87{font-weight:var(--ds-font-weight-medium)}._bold_7o66o_90{font-weight:var(--ds-font-weight-bold)}._color-main_7o66o_95{color:var(--ds-text-1)}._color-subtle_7o66o_98{color:var(--ds-text-2)}._color-on-brand_7o66o_104{color:var(--ds-text-on-brand)}._color-danger_7o66o_107{color:var(--ds-danger)}._color-success_7o66o_110{color:var(--ds-success)}._color-warning_7o66o_113{color:var(--ds-warning)}._color-info_7o66o_116{color:var(--ds-info)}._noWrap_7o66o_121{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}._wrapper_1229p_1{display:flex;flex-direction:column;gap:var(--ds-space-1);width:100%}._label_1229p_8{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-text-1)}._textareaRoot_1229p_15{box-sizing:border-box;width:100%;font-family:var(--ds-font-family-base);border:1px solid var(--ds-border-1);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-0);color:var(--ds-text-1);padding:var(--ds-space-2) var(--ds-space-3);transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast);resize:vertical}._textareaRoot_1229p_15:focus{outline:none;border-color:var(--ds-ring);box-shadow:0 0 0 2px var(--ds-ring-offset),0 0 0 4px var(--ds-ring)}._textareaRoot_1229p_15::placeholder{color:var(--ds-text-2)}._textareaRoot_1229p_15:disabled{background-color:var(--ds-surface-1);cursor:not-allowed;opacity:.7}._sm_1229p_49{font-size:var(--ds-font-size-xs);padding:var(--ds-space-1) var(--ds-space-2)}._md_1229p_54{font-size:var(--ds-font-size-sm);padding:var(--ds-space-2) var(--ds-space-3)}._lg_1229p_59{font-size:var(--ds-font-size-base);padding:var(--ds-space-3) var(--ds-space-4)}._error_1229p_65{border-color:var(--ds-danger)}._error_1229p_65:focus{border-color:var(--ds-danger);box-shadow:0 0 0 .125rem var(--ds-danger-subtle)}._helperText_1229p_74{font-family:var(--ds-font-family-base);font-size:var(--ds-font-size-xs);color:var(--ds-text-2)}._helperText_1229p_74._errorText_1229p_80{color:var(--ds-danger)}._root_1kghr_1{position:relative;display:inline-block}._trigger_1kghr_6{display:inline-block}._tooltip_1kghr_10{position:absolute;z-index:1000;padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-font-size-xs);border-radius:var(--ds-radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}._dark_1kghr_22{background-color:var(--neutral-900);color:var(--neutral-0)}._light_1kghr_27{background-color:var(--ds-surface-0);color:var(--ds-text-1);border:1px solid var(--ds-border-1);box-shadow:var(--ds-shadow-md)}._visible_1kghr_34{opacity:1}._top_1kghr_39{bottom:100%;left:50%;transform:translate(-50%) translateY(calc(-1 * var(--ds-space-2)))}._bottom_1kghr_45{top:100%;left:50%;transform:translate(-50%) translateY(var(--ds-space-2))}._left_1kghr_51{top:50%;right:100%;transform:translateY(-50%) translate(calc(-1 * var(--ds-space-2)))}._right_1kghr_57{top:50%;left:100%;transform:translateY(-50%) translate(var(--ds-space-2))}._tooltip_1kghr_10:after{content:"";position:absolute;border-width:.3125rem;border-style:solid}._top_1kghr_39:after{top:100%;left:50%;margin-left:-.3125rem}._top_1kghr_39._dark_1kghr_22:after{border-color:var(--neutral-900) transparent transparent transparent}._top_1kghr_39._light_1kghr_27:after{border-color:var(--ds-border-1) transparent transparent transparent}._bottom_1kghr_45:after{bottom:100%;left:50%;margin-left:-.3125rem}._bottom_1kghr_45._dark_1kghr_22:after{border-color:transparent transparent var(--neutral-900) transparent}._bottom_1kghr_45._light_1kghr_27:after{border-color:transparent transparent var(--ds-border-1) transparent}._left_1kghr_51:after{left:100%;top:50%;margin-top:-.3125rem}._left_1kghr_51._dark_1kghr_22:after{border-color:transparent transparent transparent var(--neutral-900)}._left_1kghr_51._light_1kghr_27:after{border-color:transparent transparent transparent var(--ds-border-1)}._right_1kghr_57:after{right:100%;top:50%;margin-top:-.3125rem}._right_1kghr_57._dark_1kghr_22:after{border-color:transparent var(--neutral-900) transparent transparent}._right_1kghr_57._light_1kghr_27:after{border-color:transparent var(--ds-border-1) transparent transparent}._root_1j5ko_1{display:flex;flex-direction:column;min-height:100vh;background-color:var(--ds-surface-1)}._main_1j5ko_8{flex:1;padding:var(--ds-space-6) 0}._container_1j5ko_13{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4)}._root_416o7_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--ds-surface-1);font-family:var(--ds-font-family-base);padding:var(--ds-space-4)}._card_416o7_11{width:100%;max-width:25rem;background-color:var(--ds-surface-0);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);padding:var(--ds-space-8);border:1px solid var(--ds-border-1)}._header_416o7_21{text-align:center;margin-bottom:var(--ds-space-8)}._logo_416o7_26{display:flex;justify-content:center;margin-bottom:var(--ds-space-4)}._title_416o7_32{font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-text-1);margin:0}._description_416o7_39{font-size:var(--ds-font-size-sm);color:var(--ds-text-2);margin-top:var(--ds-space-2)}._content_416o7_45{display:flex;flex-direction:column;gap:var(--ds-space-4)}._root_1vwxr_1{min-height:100vh;background-color:var(--ds-surface-1);font-family:var(--ds-font-family-base)}._main_1vwxr_7{padding:var(--ds-space-6) 0}._container_1vwxr_11{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-6)}._topBar_1vwxr_20{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-4)}._stats_1vwxr_27{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--ds-space-4)}._content_1vwxr_33{display:flex;flex-direction:column;gap:var(--ds-space-4)}._root_o4vai_1{min-height:100vh;background-color:var(--ds-surface-1);font-family:var(--ds-font-family-base)}._main_o4vai_7{padding:var(--ds-space-6) 0}._container_o4vai_11{max-width:75rem;margin:0 auto;padding:0 var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-4)}._layoutBody_o4vai_20{display:flex;gap:var(--ds-space-8);align-items:flex-start}._sidebar_o4vai_26{width:15rem;flex-shrink:0;display:flex;flex-direction:column;gap:var(--ds-space-1)}._content_o4vai_34{flex-grow:1;display:flex;flex-direction:column;gap:var(--ds-space-6)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tharaday",
3
- "version": "0.2.1",
3
+ "version": "0.3.1",
4
4
  "author": "Ania Wyroba",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -58,12 +58,12 @@
58
58
  "build-storybook": "storybook build",
59
59
  "format": "prettier . --check",
60
60
  "format:fix": "prettier . --write",
61
- "release": "standard-version",
62
- "release:alpha": "standard-version --prerelease alpha",
63
- "release:beta": "standard-version --prerelease beta",
64
- "release:major": "standard-version --release-as major",
65
- "release:minor": "standard-version --release-as minor",
66
- "release:patch": "standard-version --release-as patch",
61
+ "release": "standard-version && git push --follow-tags",
62
+ "release:alpha": "standard-version --prerelease alpha && git push --follow-tags",
63
+ "release:beta": "standard-version --prerelease beta && git push --follow-tags",
64
+ "release:major": "standard-version --release-as major && git push --follow-tags",
65
+ "release:minor": "standard-version --release-as minor && git push --follow-tags",
66
+ "release:patch": "standard-version --release-as patch && git push --follow-tags",
67
67
  "publish:npm": "npm publish --access public --registry https://registry.npmjs.org --userconfig /dev/null",
68
68
  "prepare": "husky"
69
69
  },
@@ -73,19 +73,19 @@
73
73
  "react-dom": "^19"
74
74
  },
75
75
  "devDependencies": {
76
- "@eslint/js": "^9.39.2",
76
+ "@eslint/js": "^10.0.1",
77
77
  "@storybook/addon-a11y": "^10",
78
78
  "@storybook/react-vite": "^10",
79
- "@types/node": "^25.1.0",
79
+ "@types/node": "^25.3.1",
80
80
  "@types/react": "^19",
81
81
  "@types/react-dom": "^19",
82
- "@vitejs/plugin-react": "^5.1.2",
83
- "eslint": "^9.39.2",
82
+ "@vitejs/plugin-react": "^5.1.4",
83
+ "eslint": "^10.0.2",
84
84
  "eslint-config-prettier": "^10.1.8",
85
85
  "eslint-plugin-import": "^2.32.0",
86
86
  "eslint-plugin-react": "^7.37.5",
87
87
  "eslint-plugin-react-hooks": "^7.0.1",
88
- "eslint-plugin-react-refresh": "^0.4.26",
88
+ "eslint-plugin-react-refresh": "^0.5.2",
89
89
  "eslint-plugin-storybook": "^10",
90
90
  "globals": "^17.3.0",
91
91
  "husky": "^9.1.7",
@@ -93,8 +93,19 @@
93
93
  "standard-version": "^9.5.0",
94
94
  "storybook": "^10",
95
95
  "typescript": "~5.9.3",
96
- "typescript-eslint": "^8.54.0",
96
+ "typescript-eslint": "^8.56.1",
97
97
  "vite": "^7.3.1",
98
98
  "vite-plugin-dts": "^4.5.4"
99
+ },
100
+ "overrides": {
101
+ "eslint-plugin-import": {
102
+ "eslint": "$eslint"
103
+ },
104
+ "eslint-plugin-react": {
105
+ "eslint": "$eslint"
106
+ },
107
+ "eslint-plugin-react-hooks": {
108
+ "eslint": "$eslint"
109
+ }
99
110
  }
100
111
  }
package/src/styles/ds.css CHANGED
@@ -2,7 +2,10 @@
2
2
  @import 'tokens.css';
3
3
  @import 'themes/light.css';
4
4
  @import 'themes/dark.css';
5
- @import 'themes/retro.css';
5
+ @import 'themes/retro-light.css';
6
+ @import 'themes/retro-dark.css';
7
+ @import 'themes/sanzo-152-light.css';
8
+ @import 'themes/sanzo-152-dark.css';
6
9
  @import 'semantic.css';
7
10
 
8
11
  :root {
@@ -0,0 +1,58 @@
1
+ [data-theme='retro-dark'] {
2
+ color-scheme: dark;
3
+
4
+ /* Surfaces */
5
+ --ds-ref-surface-0: var(--retro-brown-900);
6
+ --ds-ref-surface-1: var(--retro-brown-800);
7
+ --ds-ref-surface-2: var(--retro-brown-700);
8
+
9
+ /* Text */
10
+ --ds-ref-text-1: var(--retro-yellow-50);
11
+ --ds-ref-text-2: var(--retro-yellow-200);
12
+ --ds-ref-text-on-brand: var(--retro-brown-900);
13
+
14
+ /* Borders */
15
+ --ds-ref-border-1: var(--retro-brown-800);
16
+ --ds-ref-border-2: var(--retro-brown-700);
17
+
18
+ /* Focus */
19
+ --ds-ref-ring: var(--retro-teal-400);
20
+ --ds-ref-ring-offset: var(--ds-ref-surface-0);
21
+
22
+ /* Intents (base) */
23
+ --ds-ref-info: var(--retro-teal-400);
24
+ --ds-ref-success: var(--retro-green-400);
25
+ --ds-ref-warning: var(--retro-orange-400);
26
+ --ds-ref-danger: var(--retro-red-400);
27
+ --ds-ref-neutral: var(--retro-brown-300);
28
+
29
+ /* Intents (states) */
30
+ --ds-ref-info-hover: var(--retro-teal-300);
31
+ --ds-ref-info-active: var(--retro-teal-200);
32
+ --ds-ref-info-subtle: color-mix(in srgb, var(--retro-teal-500) 18%, var(--retro-gray-900));
33
+
34
+ --ds-ref-success-hover: var(--retro-green-300);
35
+ --ds-ref-success-active: var(--retro-green-200);
36
+ --ds-ref-success-subtle: color-mix(in srgb, var(--retro-green-500) 18%, var(--retro-gray-900));
37
+
38
+ --ds-ref-warning-hover: var(--retro-orange-300);
39
+ --ds-ref-warning-active: var(--retro-orange-200);
40
+ --ds-ref-warning-subtle: color-mix(in srgb, var(--retro-orange-500) 18%, var(--retro-gray-900));
41
+
42
+ --ds-ref-danger-hover: var(--retro-red-300);
43
+ --ds-ref-danger-active: var(--retro-red-200);
44
+ --ds-ref-danger-subtle: color-mix(in srgb, var(--retro-red-500) 18%, var(--retro-gray-900));
45
+
46
+ --ds-ref-neutral-hover: var(--retro-brown-200);
47
+ --ds-ref-neutral-active: var(--retro-brown-100);
48
+ --ds-ref-neutral-subtle: var(--retro-brown-800);
49
+
50
+ /* Disabled */
51
+ --ds-ref-text-disabled: var(--retro-brown-600);
52
+ --ds-ref-surface-disabled: var(--retro-brown-800);
53
+ --ds-ref-border-disabled: var(--retro-brown-800);
54
+
55
+ /* Skeleton */
56
+ --ds-ref-skeleton: var(--retro-brown-800);
57
+ --ds-ref-skeleton-highlight: rgba(255, 255, 255, 0.08);
58
+ }
@@ -0,0 +1,58 @@
1
+ [data-theme='retro-light'] {
2
+ color-scheme: light;
3
+
4
+ /* Surfaces */
5
+ --ds-ref-surface-0: var(--retro-yellow-50);
6
+ --ds-ref-surface-1: var(--retro-yellow-100);
7
+ --ds-ref-surface-2: var(--retro-yellow-200);
8
+
9
+ /* Text */
10
+ --ds-ref-text-1: var(--retro-brown-800);
11
+ --ds-ref-text-2: var(--retro-brown-600);
12
+ --ds-ref-text-on-brand: var(--retro-yellow-50);
13
+
14
+ /* Borders */
15
+ --ds-ref-border-1: var(--retro-brown-200);
16
+ --ds-ref-border-2: var(--retro-brown-100);
17
+
18
+ /* Focus */
19
+ --ds-ref-ring: var(--retro-teal-500);
20
+ --ds-ref-ring-offset: var(--ds-ref-surface-0);
21
+
22
+ /* Intents (base) */
23
+ --ds-ref-info: var(--retro-teal-500);
24
+ --ds-ref-success: var(--retro-green-600);
25
+ --ds-ref-warning: var(--retro-orange-500);
26
+ --ds-ref-danger: var(--retro-red-600);
27
+ --ds-ref-neutral: var(--retro-brown-600);
28
+
29
+ /* Intents (states) */
30
+ --ds-ref-info-hover: var(--retro-teal-600);
31
+ --ds-ref-info-active: var(--retro-teal-700);
32
+ --ds-ref-info-subtle: var(--retro-teal-100);
33
+
34
+ --ds-ref-success-hover: var(--retro-green-700);
35
+ --ds-ref-success-active: var(--retro-green-800);
36
+ --ds-ref-success-subtle: var(--retro-green-100);
37
+
38
+ --ds-ref-warning-hover: var(--retro-orange-600);
39
+ --ds-ref-warning-active: var(--retro-orange-700);
40
+ --ds-ref-warning-subtle: var(--retro-orange-100);
41
+
42
+ --ds-ref-danger-hover: var(--retro-red-700);
43
+ --ds-ref-danger-active: var(--retro-red-800);
44
+ --ds-ref-danger-subtle: var(--retro-red-100);
45
+
46
+ --ds-ref-neutral-hover: var(--retro-brown-700);
47
+ --ds-ref-neutral-active: var(--retro-brown-800);
48
+ --ds-ref-neutral-subtle: var(--retro-brown-100);
49
+
50
+ /* Disabled */
51
+ --ds-ref-text-disabled: var(--retro-brown-300);
52
+ --ds-ref-surface-disabled: var(--retro-yellow-100);
53
+ --ds-ref-border-disabled: var(--retro-brown-200);
54
+
55
+ /* Skeleton */
56
+ --ds-ref-skeleton: var(--retro-yellow-100);
57
+ --ds-ref-skeleton-highlight: rgba(255, 255, 255, 0.4);
58
+ }
@@ -0,0 +1,58 @@
1
+ [data-theme='sanzo-152-dark'] {
2
+ color-scheme: dark;
3
+
4
+ /* Surfaces */
5
+ --ds-ref-surface-0: #0f1a16;
6
+ --ds-ref-surface-1: color-mix(in srgb, var(--sanzo-teal) 65%, #000000);
7
+ --ds-ref-surface-2: color-mix(in srgb, var(--sanzo-teal) 50%, #000000);
8
+
9
+ /* Text */
10
+ --ds-ref-text-1: #f6efe6;
11
+ --ds-ref-text-2: color-mix(in srgb, #f6efe6 70%, var(--sanzo-sand));
12
+ --ds-ref-text-on-brand: #0f1a16;
13
+
14
+ /* Borders */
15
+ --ds-ref-border-1: color-mix(in srgb, var(--sanzo-blue-dark-500) 45%, #000000);
16
+ --ds-ref-border-2: color-mix(in srgb, var(--sanzo-teal) 45%, #000000);
17
+
18
+ /* Focus */
19
+ --ds-ref-ring: var(--sanzo-ochre);
20
+ --ds-ref-ring-offset: var(--ds-ref-surface-0);
21
+
22
+ /* Intents (base) */
23
+ --ds-ref-info: color-mix(in srgb, var(--sanzo-blue-dark-500) 70%, #ffffff);
24
+ --ds-ref-success: color-mix(in srgb, var(--sanzo-teal) 80%, #ffffff);
25
+ --ds-ref-warning: var(--sanzo-ochre);
26
+ --ds-ref-danger: var(--sanzo-rose-400);
27
+ --ds-ref-neutral: var(--sanzo-sand-300);
28
+
29
+ /* Intents (states) */
30
+ --ds-ref-info-hover: color-mix(in srgb, var(--sanzo-blue-dark-500) 80%, #ffffff);
31
+ --ds-ref-info-active: color-mix(in srgb, var(--sanzo-blue-dark-500) 65%, #ffffff);
32
+ --ds-ref-info-subtle: color-mix(in srgb, var(--sanzo-blue-dark-500) 22%, #000000);
33
+
34
+ --ds-ref-success-hover: color-mix(in srgb, var(--sanzo-teal) 70%, #ffffff);
35
+ --ds-ref-success-active: color-mix(in srgb, var(--sanzo-teal) 60%, #ffffff);
36
+ --ds-ref-success-subtle: color-mix(in srgb, var(--sanzo-teal) 18%, #000000);
37
+
38
+ --ds-ref-warning-hover: color-mix(in srgb, var(--sanzo-ochre) 85%, #ffffff);
39
+ --ds-ref-warning-active: color-mix(in srgb, var(--sanzo-ochre) 70%, #ffffff);
40
+ --ds-ref-warning-subtle: color-mix(in srgb, var(--sanzo-ochre) 20%, #000000);
41
+
42
+ --ds-ref-danger-hover: var(--sanzo-rose-300);
43
+ --ds-ref-danger-active: var(--sanzo-rose-200);
44
+ --ds-ref-danger-subtle: var(--sanzo-rose-900);
45
+
46
+ --ds-ref-neutral-hover: var(--sanzo-sand-200);
47
+ --ds-ref-neutral-active: var(--sanzo-sand-100);
48
+ --ds-ref-neutral-subtle: var(--sanzo-sand-900);
49
+
50
+ /* Disabled */
51
+ --ds-ref-text-disabled: color-mix(in srgb, var(--sanzo-sand) 40%, #000000);
52
+ --ds-ref-surface-disabled: color-mix(in srgb, var(--sanzo-teal) 30%, #000000);
53
+ --ds-ref-border-disabled: color-mix(in srgb, var(--sanzo-teal) 35%, #000000);
54
+
55
+ /* Skeleton */
56
+ --ds-ref-skeleton: color-mix(in srgb, var(--sanzo-teal) 35%, #000000);
57
+ --ds-ref-skeleton-highlight: rgba(255, 255, 255, 0.08);
58
+ }
@@ -0,0 +1,58 @@
1
+ [data-theme='sanzo-152-light'] {
2
+ color-scheme: light;
3
+
4
+ /* Surfaces */
5
+ --ds-ref-surface-0: #f6efe6;
6
+ --ds-ref-surface-1: color-mix(in srgb, var(--sanzo-sand) 25%, #ffffff);
7
+ --ds-ref-surface-2: color-mix(in srgb, var(--sanzo-sand) 55%, #ffffff);
8
+
9
+ /* Text */
10
+ --ds-ref-text-1: var(--sanzo-teal);
11
+ --ds-ref-text-2: color-mix(in srgb, var(--sanzo-teal) 65%, #ffffff);
12
+ --ds-ref-text-on-brand: #f6efe6;
13
+
14
+ /* Borders */
15
+ --ds-ref-border-1: color-mix(in srgb, var(--sanzo-teal) 15%, #ffffff);
16
+ --ds-ref-border-2: color-mix(in srgb, var(--sanzo-teal) 8%, #ffffff);
17
+
18
+ /* Focus */
19
+ --ds-ref-ring: var(--sanzo-blue-dark-500);
20
+ --ds-ref-ring-offset: var(--ds-ref-surface-0);
21
+
22
+ /* Intents (base) */
23
+ --ds-ref-info: var(--sanzo-blue-dark-400);
24
+ --ds-ref-success: var(--sanzo-teal-500);
25
+ --ds-ref-warning: var(--sanzo-ochre-500);
26
+ --ds-ref-danger: var(--sanzo-rose-500);
27
+ --ds-ref-neutral: var(--sanzo-sand-600);
28
+
29
+ /* Intents (states) */
30
+ --ds-ref-info-hover: var(--sanzo-blue-dark-600);
31
+ --ds-ref-info-active: var(--sanzo-blue-dark-700);
32
+ --ds-ref-info-subtle: var(--sanzo-blue-dark-100);
33
+
34
+ --ds-ref-success-hover: var(--sanzo-teal-900);
35
+ --ds-ref-success-active: var(--sanzo-teal-900);
36
+ --ds-ref-success-subtle: var(--sanzo-teal-100);
37
+
38
+ --ds-ref-warning-hover: var(--sanzo-ochre-700);
39
+ --ds-ref-warning-active: var(--sanzo-ochre-800);
40
+ --ds-ref-warning-subtle: var(--sanzo-ochre-100);
41
+
42
+ --ds-ref-danger-hover: var(--sanzo-rose-700);
43
+ --ds-ref-danger-active: var(--sanzo-rose-800);
44
+ --ds-ref-danger-subtle: var(--sanzo-rose-100);
45
+
46
+ --ds-ref-neutral-hover: var(--sanzo-sand-800);
47
+ --ds-ref-neutral-active: var(--sanzo-sand-900);
48
+ --ds-ref-neutral-subtle: var(--sanzo-sand-100);
49
+
50
+ /* Disabled */
51
+ --ds-ref-text-disabled: var(--sanzo-teal-200);
52
+ --ds-ref-surface-disabled: color-mix(in srgb, var(--sanzo-sand) 45%, #ffffff);
53
+ --ds-ref-border-disabled: var(--sanzo-teal-100);
54
+
55
+ /* Skeleton */
56
+ --ds-ref-skeleton: color-mix(in srgb, var(--sanzo-sand) 45%, #ffffff);
57
+ --ds-ref-skeleton-highlight: rgba(255, 255, 255, 0.45);
58
+ }
@@ -1,56 +1,61 @@
1
1
  :root {
2
- /* Neutral scale */
2
+ /* Primary palette */
3
+ --grey: #72727a;
4
+ --blue: #637ab3;
5
+ --green: #64af76;
6
+ --red: #d55a5a;
7
+ --orange: #bf914f;
3
8
  --neutral-0: #ffffff;
4
9
  --neutral-50: #fafafa;
5
10
  --neutral-100: #f5f5f5;
6
11
  --neutral-200: #eeeeee;
7
12
  --neutral-300: #e0e0e0;
8
- --neutral-400: #a1a1aa; /* Brighter: from #9ca3af */
9
- --neutral-500: #71717a; /* Brighter: from #6b7280 */
10
- --neutral-600: #52525b; /* Brighter: from #4b5563 */
11
- --neutral-700: #3f3f46; /* Brighter: from #374151 */
12
- --neutral-800: #27272a; /* Brighter: from #1f2937 */
13
- --neutral-900: #18181b; /* Brighter: from #111827 */
13
+ --neutral-400: #a5a5ae; /* Brighter: from #9ca3af */
14
+ --neutral-500: #7b7b85; /* Brighter: from #6b7280 */
15
+ --neutral-600: #63636e; /* Brighter: from #4b5563 */
16
+ --neutral-700: #424249; /* Brighter: from #374151 */
17
+ --neutral-800: #323237; /* Brighter: from #1f2937 */
18
+ --neutral-900: #242429; /* Brighter: from #111827 */
14
19
  --neutral-950: #09090b; /* Brighter: from #030712 */
15
20
 
16
21
  /* Info / Primary (Blue) */
17
- --blue-50: #eff6ff;
18
- --blue-100: #dbeafe;
19
- --blue-200: #bfdbfe;
20
- --blue-300: #93c5fd;
21
- --blue-400: #60a5fa;
22
- --blue-500: #3b82f6;
23
- --blue-600: #2563eb;
24
- --blue-700: #1d4ed8;
25
- --blue-800: #1e40af;
26
- --blue-900: #1e3a8a;
27
- --blue-950: #172554;
22
+ --blue-50: color-mix(in srgb, var(--blue) 10%, #ffffff);
23
+ --blue-100: color-mix(in srgb, var(--blue) 20%, #ffffff);
24
+ --blue-200: color-mix(in srgb, var(--blue) 35%, #ffffff);
25
+ --blue-300: color-mix(in srgb, var(--blue) 55%, #ffffff);
26
+ --blue-400: color-mix(in srgb, var(--blue) 75%, #ffffff);
27
+ --blue-500: var(--blue);
28
+ --blue-600: color-mix(in srgb, var(--blue) 85%, #000000);
29
+ --blue-700: color-mix(in srgb, var(--blue) 70%, #000000);
30
+ --blue-800: color-mix(in srgb, var(--blue) 55%, #000000);
31
+ --blue-900: color-mix(in srgb, var(--blue) 40%, #000000);
32
+ --blue-950: color-mix(in srgb, var(--blue) 25%, #000000);
28
33
 
29
34
  /* Success (Green) */
30
- --green-50: #f0fdf4; /* From #ecfdf5 */
31
- --green-100: #dcfce7; /* From #d1fae5 */
32
- --green-200: #bbf7d0; /* From #a7f3d0 */
33
- --green-300: #86efac; /* From #6ee7b7 */
34
- --green-400: #4ade80; /* Brighter: from #34d399 */
35
- --green-500: #22c55e; /* Brighter: from #10b981 */
36
- --green-600: #16a34a; /* Brighter: from #059669 */
37
- --green-700: #15803d; /* Brighter: from #047857 */
38
- --green-800: #166534;
39
- --green-900: #14532d;
40
- --green-950: #052e16;
35
+ --green-50: color-mix(in srgb, var(--green) 10%, #ffffff);
36
+ --green-100: color-mix(in srgb, var(--green) 20%, #ffffff);
37
+ --green-200: color-mix(in srgb, var(--green) 35%, #ffffff);
38
+ --green-300: color-mix(in srgb, var(--green) 55%, #ffffff);
39
+ --green-400: color-mix(in srgb, var(--green) 75%, #ffffff);
40
+ --green-500: var(--green);
41
+ --green-600: color-mix(in srgb, var(--green) 85%, #000000);
42
+ --green-700: color-mix(in srgb, var(--green) 70%, #000000);
43
+ --green-800: color-mix(in srgb, var(--green) 55%, #000000);
44
+ --green-900: color-mix(in srgb, var(--green) 40%, #000000);
45
+ --green-950: color-mix(in srgb, var(--green) 25%, #000000);
41
46
 
42
47
  /* Danger (Red) */
43
- --red-50: #fef2f2;
44
- --red-100: #fee2e2;
45
- --red-200: #fecaca;
46
- --red-300: #fca5a5;
47
- --red-400: #f87171;
48
- --red-500: #ef4444;
49
- --red-600: #dc2626;
50
- --red-700: #b91c1c;
51
- --red-800: #991b1b;
52
- --red-900: #7f1d1d;
53
- --red-950: #450a0a;
48
+ --red-50: color-mix(in srgb, var(--red) 10%, #ffffff);
49
+ --red-100: color-mix(in srgb, var(--red) 20%, #ffffff);
50
+ --red-200: color-mix(in srgb, var(--red) 35%, #ffffff);
51
+ --red-300: color-mix(in srgb, var(--red) 55%, #ffffff);
52
+ --red-400: color-mix(in srgb, var(--red) 75%, #ffffff);
53
+ --red-500: var(--red);
54
+ --red-600: color-mix(in srgb, var(--red) 85%, #000000);
55
+ --red-700: color-mix(in srgb, var(--red) 70%, #000000);
56
+ --red-800: color-mix(in srgb, var(--red) 55%, #000000);
57
+ --red-900: color-mix(in srgb, var(--red) 40%, #000000);
58
+ --red-950: color-mix(in srgb, var(--red) 25%, #000000);
54
59
 
55
60
  /* Warning (Amber/Orange) */
56
61
  --orange-50: #fffbeb;
@@ -66,14 +71,12 @@
66
71
  --orange-950: #451a03;
67
72
 
68
73
  /* Retro palette */
69
- --retro-yellow-50: #fefce8;
70
- --retro-yellow-500: #eab308;
71
- --retro-yellow-600: #ca8a04;
72
- --retro-orange-500: #f97316;
73
- --retro-brown-500: #78350f;
74
- --retro-brown-900: #451a03;
75
- --retro-teal-50: #e6fffa;
76
- --retro-teal-500: #14b8a6;
74
+ --retro-yellow: #faca78;
75
+ --retro-orange: #f48028;
76
+ --retro-red: #dd5544;
77
+ --retro-brown: #7f5344;
78
+ --retro-teal: #68c7c1;
79
+ --retro-green: #787c54;
77
80
  --retro-gray-50: #f7f7f5;
78
81
  --retro-gray-100: #e3e3dc;
79
82
  --retro-gray-200: #cfcfc5;
@@ -85,6 +88,140 @@
85
88
  --retro-gray-800: #3c3c37;
86
89
  --retro-gray-900: #21211e;
87
90
 
91
+ /* Retro scales */
92
+ --retro-yellow-50: color-mix(in srgb, var(--retro-yellow) 10%, #ffffff);
93
+ --retro-yellow-100: color-mix(in srgb, var(--retro-yellow) 20%, #ffffff);
94
+ --retro-yellow-200: color-mix(in srgb, var(--retro-yellow) 35%, #ffffff);
95
+ --retro-yellow-300: color-mix(in srgb, var(--retro-yellow) 55%, #ffffff);
96
+ --retro-yellow-400: color-mix(in srgb, var(--retro-yellow) 75%, #ffffff);
97
+ --retro-yellow-500: var(--retro-yellow);
98
+ --retro-yellow-600: color-mix(in srgb, var(--retro-yellow) 85%, #000000);
99
+ --retro-yellow-700: color-mix(in srgb, var(--retro-yellow) 70%, #000000);
100
+ --retro-yellow-800: color-mix(in srgb, var(--retro-yellow) 55%, #000000);
101
+ --retro-yellow-900: color-mix(in srgb, var(--retro-yellow) 40%, #000000);
102
+
103
+ --retro-orange-50: color-mix(in srgb, var(--retro-orange) 10%, #ffffff);
104
+ --retro-orange-100: color-mix(in srgb, var(--retro-orange) 20%, #ffffff);
105
+ --retro-orange-200: color-mix(in srgb, var(--retro-orange) 35%, #ffffff);
106
+ --retro-orange-300: color-mix(in srgb, var(--retro-orange) 55%, #ffffff);
107
+ --retro-orange-400: color-mix(in srgb, var(--retro-orange) 75%, #ffffff);
108
+ --retro-orange-500: var(--retro-orange);
109
+ --retro-orange-600: color-mix(in srgb, var(--retro-orange) 85%, #000000);
110
+ --retro-orange-700: color-mix(in srgb, var(--retro-orange) 70%, #000000);
111
+ --retro-orange-800: color-mix(in srgb, var(--retro-orange) 55%, #000000);
112
+ --retro-orange-900: color-mix(in srgb, var(--retro-orange) 40%, #000000);
113
+
114
+ --retro-brown-50: color-mix(in srgb, var(--retro-brown) 10%, #ffffff);
115
+ --retro-brown-100: color-mix(in srgb, var(--retro-brown) 20%, #ffffff);
116
+ --retro-brown-200: color-mix(in srgb, var(--retro-brown) 35%, #ffffff);
117
+ --retro-brown-300: color-mix(in srgb, var(--retro-brown) 55%, #ffffff);
118
+ --retro-brown-400: color-mix(in srgb, var(--retro-brown) 75%, #ffffff);
119
+ --retro-brown-500: var(--retro-brown);
120
+ --retro-brown-600: color-mix(in srgb, var(--retro-brown) 85%, #000000);
121
+ --retro-brown-700: color-mix(in srgb, var(--retro-brown) 70%, #000000);
122
+ --retro-brown-800: color-mix(in srgb, var(--retro-brown) 55%, #000000);
123
+ --retro-brown-900: color-mix(in srgb, var(--retro-brown) 40%, #000000);
124
+
125
+ --retro-teal-50: color-mix(in srgb, var(--retro-teal) 10%, #ffffff);
126
+ --retro-teal-100: color-mix(in srgb, var(--retro-teal) 20%, #ffffff);
127
+ --retro-teal-200: color-mix(in srgb, var(--retro-teal) 35%, #ffffff);
128
+ --retro-teal-300: color-mix(in srgb, var(--retro-teal) 55%, #ffffff);
129
+ --retro-teal-400: color-mix(in srgb, var(--retro-teal) 75%, #ffffff);
130
+ --retro-teal-500: var(--retro-teal);
131
+ --retro-teal-600: color-mix(in srgb, var(--retro-teal) 85%, #000000);
132
+ --retro-teal-700: color-mix(in srgb, var(--retro-teal) 70%, #000000);
133
+ --retro-teal-800: color-mix(in srgb, var(--retro-teal) 55%, #000000);
134
+ --retro-teal-900: color-mix(in srgb, var(--retro-teal) 40%, #000000);
135
+
136
+ --retro-green-50: color-mix(in srgb, var(--retro-green) 10%, #ffffff);
137
+ --retro-green-100: color-mix(in srgb, var(--retro-green) 20%, #ffffff);
138
+ --retro-green-200: color-mix(in srgb, var(--retro-green) 35%, #ffffff);
139
+ --retro-green-300: color-mix(in srgb, var(--retro-green) 55%, #ffffff);
140
+ --retro-green-400: color-mix(in srgb, var(--retro-green) 75%, #ffffff);
141
+ --retro-green-500: var(--retro-green);
142
+ --retro-green-600: color-mix(in srgb, var(--retro-green) 85%, #000000);
143
+ --retro-green-700: color-mix(in srgb, var(--retro-green) 70%, #000000);
144
+ --retro-green-800: color-mix(in srgb, var(--retro-green) 55%, #000000);
145
+ --retro-green-900: color-mix(in srgb, var(--retro-green) 40%, #000000);
146
+
147
+ --retro-red-50: color-mix(in srgb, var(--retro-red) 10%, #ffffff);
148
+ --retro-red-100: color-mix(in srgb, var(--retro-red) 20%, #ffffff);
149
+ --retro-red-200: color-mix(in srgb, var(--retro-red) 35%, #ffffff);
150
+ --retro-red-300: color-mix(in srgb, var(--retro-red) 55%, #ffffff);
151
+ --retro-red-400: color-mix(in srgb, var(--retro-red) 75%, #ffffff);
152
+ --retro-red-500: var(--retro-red);
153
+ --retro-red-600: color-mix(in srgb, var(--retro-red) 85%, #000000);
154
+ --retro-red-700: color-mix(in srgb, var(--retro-red) 70%, #000000);
155
+ --retro-red-800: color-mix(in srgb, var(--retro-red) 55%, #000000);
156
+ --retro-red-900: color-mix(in srgb, var(--retro-red) 40%, #000000);
157
+
158
+ /* Sanzo-152 palette */
159
+ --sanzo-rose: #a0585e;
160
+ --sanzo-mauve: #ab6469;
161
+ --sanzo-sand: #baa28f;
162
+ --sanzo-blue-pale: #889caa;
163
+ --sanzo-blue-dark: #1f3f66;
164
+ --sanzo-blue-grayish: #4c5f6e;
165
+ --sanzo-ochre: #a97b01;
166
+ --sanzo-teal: #2f4a3a;
167
+ --sanzo-brown: #351d0b;
168
+
169
+ /* Sanzo-152 scales (for stateful UI usage) */
170
+ --sanzo-rose-50: color-mix(in srgb, var(--sanzo-rose) 30%, #ffffff);
171
+ --sanzo-rose-100: color-mix(in srgb, var(--sanzo-rose) 45%, #ffffff);
172
+ --sanzo-rose-200: color-mix(in srgb, var(--sanzo-rose) 60%, #ffffff);
173
+ --sanzo-rose-300: color-mix(in srgb, var(--sanzo-rose) 70%, #ffffff);
174
+ --sanzo-rose-400: color-mix(in srgb, var(--sanzo-rose) 85%, #ffffff);
175
+ --sanzo-rose-500: var(--sanzo-rose);
176
+ --sanzo-rose-600: color-mix(in srgb, var(--sanzo-rose) 80%, #000000);
177
+ --sanzo-rose-700: color-mix(in srgb, var(--sanzo-rose) 65%, #000000);
178
+ --sanzo-rose-800: color-mix(in srgb, var(--sanzo-rose) 50%, #000000);
179
+ --sanzo-rose-900: color-mix(in srgb, var(--sanzo-rose) 35%, #000000);
180
+
181
+ --sanzo-sand-50: color-mix(in srgb, var(--sanzo-sand) 30%, #ffffff);
182
+ --sanzo-sand-100: color-mix(in srgb, var(--sanzo-sand) 40%, #ffffff);
183
+ --sanzo-sand-200: color-mix(in srgb, var(--sanzo-sand) 50%, #ffffff);
184
+ --sanzo-sand-300: color-mix(in srgb, var(--sanzo-sand) 65%, #ffffff);
185
+ --sanzo-sand-400: color-mix(in srgb, var(--sanzo-sand) 80%, #ffffff);
186
+ --sanzo-sand-500: var(--sanzo-sand);
187
+ --sanzo-sand-600: color-mix(in srgb, var(--sanzo-sand) 75%, #000000);
188
+ --sanzo-sand-700: color-mix(in srgb, var(--sanzo-sand) 65%, #000000);
189
+ --sanzo-sand-800: color-mix(in srgb, var(--sanzo-sand) 50%, #000000);
190
+ --sanzo-sand-900: color-mix(in srgb, var(--sanzo-sand) 30%, #000000);
191
+
192
+ --sanzo-ochre-50: color-mix(in srgb, var(--sanzo-ochre) 30%, #ffffff);
193
+ --sanzo-ochre-100: color-mix(in srgb, var(--sanzo-ochre) 50%, #ffffff);
194
+ --sanzo-ochre-200: color-mix(in srgb, var(--sanzo-ochre) 60%, #ffffff);
195
+ --sanzo-ochre-300: color-mix(in srgb, var(--sanzo-ochre) 70%, #ffffff);
196
+ --sanzo-ochre-400: color-mix(in srgb, var(--sanzo-ochre) 80%, #ffffff);
197
+ --sanzo-ochre-500: var(--sanzo-ochre);
198
+ --sanzo-ochre-600: color-mix(in srgb, var(--sanzo-ochre) 75%, #000000);
199
+ --sanzo-ochre-700: color-mix(in srgb, var(--sanzo-ochre) 55%, #000000);
200
+ --sanzo-ochre-800: color-mix(in srgb, var(--sanzo-ochre) 40%, #000000);
201
+ --sanzo-ochre-900: color-mix(in srgb, var(--sanzo-ochre) 25%, #000000);
202
+
203
+ --sanzo-blue-dark-50: color-mix(in srgb, var(--sanzo-blue-dark) 50%, #ffffff);
204
+ --sanzo-blue-dark-100: color-mix(in srgb, var(--sanzo-blue-dark) 60%, #ffffff);
205
+ --sanzo-blue-dark-200: color-mix(in srgb, var(--sanzo-blue-dark) 70%, #ffffff);
206
+ --sanzo-blue-dark-300: color-mix(in srgb, var(--sanzo-blue-dark) 80%, #ffffff);
207
+ --sanzo-blue-dark-400: color-mix(in srgb, var(--sanzo-blue-dark) 90%, #ffffff);
208
+ --sanzo-blue-dark-500: var(--sanzo-blue-dark);
209
+ --sanzo-blue-dark-600: color-mix(in srgb, var(--sanzo-blue-dark) 88%, #000000);
210
+ --sanzo-blue-dark-700: color-mix(in srgb, var(--sanzo-blue-dark) 76%, #000000);
211
+ --sanzo-blue-dark-800: color-mix(in srgb, var(--sanzo-blue-dark) 64%, #000000);
212
+ --sanzo-blue-dark-900: color-mix(in srgb, var(--sanzo-blue-dark) 52%, #000000);
213
+
214
+ --sanzo-teal-50: color-mix(in srgb, var(--sanzo-teal) 25%, #ffffff);
215
+ --sanzo-teal-100: color-mix(in srgb, var(--sanzo-teal) 40%, #ffffff);
216
+ --sanzo-teal-200: color-mix(in srgb, var(--sanzo-teal) 55%, #ffffff);
217
+ --sanzo-teal-300: color-mix(in srgb, var(--sanzo-teal) 70%, #ffffff);
218
+ --sanzo-teal-400: color-mix(in srgb, var(--sanzo-teal) 85%, #ffffff);
219
+ --sanzo-teal-500: var(--sanzo-teal);
220
+ --sanzo-teal-600: color-mix(in srgb, var(--sanzo-teal) 85%, #000000);
221
+ --sanzo-teal-700: color-mix(in srgb, var(--sanzo-teal) 70%, #000000);
222
+ --sanzo-teal-800: color-mix(in srgb, var(--sanzo-teal) 55%, #000000);
223
+ --sanzo-teal-900: color-mix(in srgb, var(--sanzo-teal) 40%, #000000);
224
+
88
225
  /* --- TYPOGRAPHY SCALE --- */
89
226
 
90
227
  --ds-font-family-base:
@@ -1,58 +0,0 @@
1
- [data-theme='retro'] {
2
- color-scheme: light;
3
-
4
- /* Surfaces */
5
- --ds-ref-surface-0: var(--retro-yellow-50);
6
- --ds-ref-surface-1: var(--retro-gray-50);
7
- --ds-ref-surface-2: var(--retro-gray-100);
8
-
9
- /* Text */
10
- --ds-ref-text-1: var(--retro-brown-900);
11
- --ds-ref-text-2: var(--retro-gray-600);
12
- --ds-ref-text-on-brand: var(--retro-yellow-50);
13
-
14
- /* Borders */
15
- --ds-ref-border-1: var(--retro-gray-200);
16
- --ds-ref-border-2: var(--retro-gray-100);
17
-
18
- /* Focus */
19
- --ds-ref-ring: var(--retro-teal-500);
20
- --ds-ref-ring-offset: var(--ds-ref-surface-0);
21
-
22
- /* Intents (base) */
23
- --ds-ref-info: var(--retro-teal-500);
24
- --ds-ref-success: var(--green-600);
25
- --ds-ref-warning: var(--retro-orange-500);
26
- --ds-ref-danger: var(--red-600);
27
- --ds-ref-neutral: var(--retro-gray-500);
28
-
29
- /* Intents (states) */
30
- --ds-ref-info-hover: var(--retro-teal-500);
31
- --ds-ref-info-active: var(--retro-teal-500);
32
- --ds-ref-info-subtle: var(--retro-teal-50);
33
-
34
- --ds-ref-success-hover: var(--green-700);
35
- --ds-ref-success-active: var(--green-800);
36
- --ds-ref-success-subtle: var(--green-50);
37
-
38
- --ds-ref-warning-hover: var(--retro-orange-500);
39
- --ds-ref-warning-active: var(--retro-orange-500);
40
- --ds-ref-warning-subtle: var(--orange-50);
41
-
42
- --ds-ref-danger-hover: var(--red-700);
43
- --ds-ref-danger-active: var(--red-800);
44
- --ds-ref-danger-subtle: var(--red-50);
45
-
46
- --ds-ref-neutral-hover: var(--retro-gray-600);
47
- --ds-ref-neutral-active: var(--retro-gray-700);
48
- --ds-ref-neutral-subtle: var(--retro-gray-50);
49
-
50
- /* Disabled */
51
- --ds-ref-text-disabled: var(--retro-gray-300);
52
- --ds-ref-surface-disabled: var(--retro-gray-100);
53
- --ds-ref-border-disabled: var(--retro-gray-200);
54
-
55
- /* Skeleton */
56
- --ds-ref-skeleton: var(--retro-gray-100);
57
- --ds-ref-skeleton-highlight: rgba(255, 255, 255, 0.4);
58
- }