@salesmind-ai/design-system 1.7.0 → 1.9.0

package/dist/onboarding/index.css

@@ -0,0 +1,557 @@
+@import "https://fonts.googleapis.com/css2?family=Anton&family=Geist+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";
+
+/* src/onboarding/onboarding.css */
+:root {
+  --font-display:
+    "Anton",
+    "Bebas Neue",
+    "Oswald",
+    "Impact",
+    sans-serif;
+  --font-family:
+    -apple-system,
+    BlinkMacSystemFont,
+    "SF Pro Display",
+    "Inter",
+    "Segoe UI",
+    Roboto,
+    sans-serif;
+  --font-family-mono:
+    "Geist Mono",
+    "SF Mono",
+    SFMono-Regular,
+    ui-monospace,
+    Menlo,
+    monospace;
+  --pink-600: #ff2400;
+  --pink-700: #c21500;
+}
+:root,
+[data-v6-theme=light] {
+  --sm-glow:
+    radial-gradient(
+      120% 80% at 50% -10%,
+      #fbe9f0 0%,
+      #f4f5f7 55%);
+  --sm-shell-shadow:
+    0 32px 80px -28px rgba(214,0,76,0.18),
+    0 8px 24px -8px rgba(17,24,39,0.10),
+    0 1px 0 rgba(255,255,255,0.6) inset;
+  --sm-chrome-bar: #f6f6f8;
+  --sm-ink: #0a0a0f;
+  --sm-bg: #f4f5f7;
+  --sm-bgWarm: #faf7f8;
+  --sm-surface: #ffffff;
+  --sm-line: rgba(17, 24, 39, 0.10);
+  --sm-lineSubtle: rgba(17, 24, 39, 0.06);
+  --sm-lineStrong: rgba(17, 24, 39, 0.18);
+  --sm-text1: #111827;
+  --sm-text2: #374151;
+  --sm-text3: #586070;
+  --sm-text4: #656b75;
+  --sm-pink: #e11900;
+  --sm-pinkBright: #ff2400;
+  --sm-pink50: #fff1ee;
+  --sm-pink100: #ffd9d1;
+  --sm-pink700: #c21500;
+  --sm-pink800: #8f1000;
+  --sm-onPink: #ffffff;
+  --sm-gold: #ffc200;
+  --sm-orange: #ff9800;
+  --sm-success: #16a34a;
+  --sm-successText: #15803d;
+  --sm-successStrong: #0f7a3d;
+  --sm-successBg: #e7f8ef;
+  --sm-warning: #b45309;
+  --sm-warningBg: #fff4e0;
+  --sm-danger: #dc2626;
+  --sm-dangerStrong: #b91c1c;
+  --sm-dangerText: #b91c1c;
+  --sm-dangerBg: #fef2f2;
+  --sm-info: #2e8bff;
+  --sm-infoBg: #eaf2ff;
+  --sm-infoText: #1d4ed8;
+  --sm-mbti-panel: #f3f1fb;
+  --sm-mbti-card: #f3f4f6;
+  --sm-mbti-accent: #6d28d9;
+  --sm-info-box: #fbecf3;
+  --sm-chip-inc-bg: #e7f7ee;
+  --sm-chip-inc-text: #15734a;
+  --sm-edge-hi: rgba(255,255,255,0.8);
+  --sm-void-grid: rgba(17, 24, 39, 0.10);
+  --sm-void-orb:
+    radial-gradient(
+      70% 50% at 50% -5%,
+      rgba(255,120,60,0.16) 0%,
+      transparent 65%);
+  --sm-cal-accent: #7a1233;
+  --sm-cal-tint: #f6e7ec;
+  --sm-cal-fill: #7a1233;
+}
+[data-v6-theme=dark] {
+  --sm-glow:
+    radial-gradient(
+      120% 80% at 50% -10%,
+      #1c1016 0%,
+      #0e0e10 55%);
+  --sm-shell-shadow:
+    0 32px 80px -28px rgba(0,0,0,0.7),
+    0 8px 24px -8px rgba(0,0,0,0.6),
+    0 1px 0 rgba(255,255,255,0.05) inset;
+  --sm-chrome-bar: #161618;
+  --sm-ink: #f4f5f7;
+  --sm-bg: #0e0e10;
+  --sm-bgWarm: #161618;
+  --sm-surface: #1c1c1f;
+  --sm-line: #2c2c31;
+  --sm-lineSubtle: #232327;
+  --sm-lineStrong: #3a3a41;
+  --sm-text1: #f4f5f7;
+  --sm-text2: #c4cad3;
+  --sm-text3: #9aa0ab;
+  --sm-text4: #7e8590;
+  --sm-pink: #ff3b1f;
+  --sm-pinkBright: #ff2400;
+  --sm-pink50: #241210;
+  --sm-pink100: #3d1c17;
+  --sm-pink700: #ff6a52;
+  --sm-pink800: #ff8f7c;
+  --sm-onPink: #ffffff;
+  --sm-gold: #ffd45e;
+  --sm-orange: #ffa733;
+  --sm-success: #3fcf7f;
+  --sm-successText: #5fe39a;
+  --sm-successStrong: #5fe39a;
+  --sm-successBg: #11281c;
+  --sm-warning: #ffcf6b;
+  --sm-warningBg: #2a2210;
+  --sm-danger: #ff8585;
+  --sm-dangerStrong: #b91c1c;
+  --sm-dangerText: #ff8a8a;
+  --sm-dangerBg: #2a1414;
+  --sm-info: #74b6ff;
+  --sm-infoBg: #10202f;
+  --sm-infoText: #9fc6ff;
+  --sm-mbti-panel: #211a2e;
+  --sm-mbti-card: #202023;
+  --sm-mbti-accent: #c4b5fd;
+  --sm-info-box: #2a141d;
+  --sm-chip-inc-bg: #11281c;
+  --sm-chip-inc-text: #5fe39a;
+  --sm-edge-hi: rgba(255,255,255,0.05);
+  --sm-void-grid: rgba(255, 255, 255, 0.14);
+  --sm-void-orb:
+    radial-gradient(
+      70% 50% at 50% -5%,
+      rgba(255,90,40,0.22) 0%,
+      transparent 65%);
+  --sm-cal-accent: #ff8fa0;
+  --sm-cal-tint: #2a1620;
+  --sm-cal-fill: #c81e00;
+}
+.v6-void {
+  position: relative;
+  background-color: var(--sm-bg);
+  background-image: none;
+}
+:root {
+  --sm-palette-pink: var(--sm-pink);
+  --sm-palette-pink-bright: var(--sm-pinkBright);
+  --sm-palette-pink-700: var(--sm-pink700);
+  --sm-palette-pink-800: var(--sm-pink800);
+  --sm-palette-pink-100: var(--sm-pink100);
+  --sm-palette-pink-50: var(--sm-pink50);
+  --sm-palette-gold: var(--sm-gold);
+  --sm-palette-orange: var(--sm-orange);
+  --sm-palette-ink: var(--sm-ink);
+  --sm-palette-text-1: var(--sm-text1);
+  --sm-palette-text-2: var(--sm-text2);
+  --sm-palette-text-3: var(--sm-text3);
+  --sm-palette-text-4: var(--sm-text4);
+  --sm-palette-surface: var(--sm-surface);
+  --sm-palette-bg: var(--sm-bg);
+  --sm-palette-bg-warm: var(--sm-bgWarm);
+  --sm-palette-success: var(--sm-success);
+  --sm-palette-success-text: var(--sm-successText);
+  --sm-palette-success-bg: var(--sm-successBg);
+  --sm-palette-warning: var(--sm-warning);
+  --sm-palette-warning-bg: var(--sm-warningBg);
+  --sm-palette-info: var(--sm-info);
+  --sm-palette-info-bg: var(--sm-infoBg);
+  --sm-bg-primary: var(--sm-palette-bg);
+  --sm-bg-secondary: var(--sm-palette-surface);
+  --sm-bg-warm: var(--sm-palette-bg-warm);
+  --sm-bg-tint-brand: var(--sm-palette-pink-50);
+  --sm-fg-primary: var(--sm-palette-text-1);
+  --sm-fg-secondary: var(--sm-palette-text-2);
+  --sm-fg-tertiary: var(--sm-palette-text-3);
+  --sm-fg-quaternary: var(--sm-palette-text-4);
+  --sm-fg-display: var(--sm-palette-ink);
+  --sm-fg-accent: var(--sm-palette-pink-700);
+  --sm-fg-success: var(--sm-palette-success-text);
+  --sm-fg-warning: var(--sm-palette-warning);
+  --sm-fg-info: var(--sm-palette-info);
+  --sm-fill-brand: var(--sm-palette-pink);
+  --sm-fill-brand-bright: var(--sm-palette-pink-bright);
+  --sm-fill-success: var(--sm-palette-success);
+  --sm-fill-success-tint: var(--sm-palette-success-bg);
+  --sm-fill-warning-tint: var(--sm-palette-warning-bg);
+  --sm-fill-info-tint: var(--sm-palette-info-bg);
+  --sm-border-subtle: var(--sm-lineSubtle);
+  --sm-border-default: var(--sm-line);
+  --sm-border-strong: var(--sm-lineStrong);
+  --sm-border-brand: var(--sm-palette-pink-100);
+  --sm-space-1: 4px;
+  --sm-space-2: 8px;
+  --sm-space-3: 12px;
+  --sm-space-4: 16px;
+  --sm-space-5: 20px;
+  --sm-space-6: 24px;
+  --sm-space-8: 32px;
+  --sm-space-10: 40px;
+  --sm-radius-xs: 6px;
+  --sm-radius-sm: 8px;
+  --sm-radius-md: 10px;
+  --sm-radius-lg: 12px;
+  --sm-radius-xl: 16px;
+  --sm-radius-pill: 999px;
+  --sm-font-display: var(--font-display);
+  --sm-font-body: var(--font-family);
+  --sm-font-mono: var(--font-family-mono);
+  --sm-text-display: 43px;
+  --sm-text-2xl: 26px;
+  --sm-text-xl: 20px;
+  --sm-text-lg: 16px;
+  --sm-text-base: 14px;
+  --sm-text-sm: 13px;
+  --sm-text-xs: 12px;
+  --sm-text-mono: 12.5px;
+}
+body {
+  font-family: var(--font-family);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.v6-display {
+  font-family: var(--font-display);
+  font-weight: 400;
+  text-transform: uppercase;
+  letter-spacing: 0.005em;
+}
+@container v6app (max-width: 860px) {
+  .v6-app [style*="grid-template-columns: repeat(4"],
+  .v6-app [style*="gridTemplateColumns: repeat(4"],
+  .v6-app [style*="grid-template-columns: repeat(3"],
+  .v6-app [style*="grid-template-columns: 1fr 1fr 1fr"] {
+    grid-template-columns: 1fr 1fr !important;
+  }
+}
+@container v6app (max-width: 560px) {
+  .v6-app [style*=grid-template-columns] {
+    grid-template-columns: 1fr !important;
+  }
+  .v6-app [role=main] {
+    padding: 20px 16px 20px !important;
+  }
+  .v6-app h1 {
+    font-size: 28px !important;
+    line-height: 1.02 !important;
+  }
+  .v6-app .v6-topbar {
+    padding: 11px 14px !important;
+    gap: 10px !important;
+  }
+  .v6-app .v6-topbar > div[style*="justify-content: center"] {
+    justify-content: stretch !important;
+  }
+  .v6-app .v6-topbar [role=status] {
+    display: none !important;
+  }
+  .v6-app [role=group][aria-label="Step actions"] {
+    padding: 12px 16px !important;
+    flex-wrap: wrap !important;
+    gap: 10px !important;
+  }
+  .v6-app [role=group][aria-label="Step actions"] > div:first-child {
+    width: 100% !important;
+  }
+  .v6-app [role=dialog] {
+    max-width: 100% !important;
+  }
+  .v6-app [role=group][aria-label="Step actions"] > span:last-child {
+    width: 100% !important;
+    text-align: left !important;
+  }
+  .v6-app .v6-phase-step {
+    display: none !important;
+  }
+  .v6-app .v6-phasebar {
+    gap: 0 !important;
+  }
+  .v6-app .v6-phase-current {
+    display: flex !important;
+  }
+  .v6-app > div:first-child > div:last-child {
+    display: none !important;
+  }
+  .v6-app,
+  .v6-app [role=main] {
+    overflow-x: hidden !important;
+  }
+  .v6-app [style*="display: flex"][style*="gap: 14px"] {
+    flex-wrap: wrap !important;
+  }
+  .v6-app [style*="flex: 1"][style*="min-width: 0"] {
+    min-width: 150px !important;
+  }
+  .v6-app [style*="gap: 16px"][style*="padding: 12px 2px"] {
+    flex-direction: column !important;
+    gap: 6px !important;
+    align-items: stretch !important;
+  }
+  .v6-app [style*="gap: 16px"][style*="padding: 12px 2px"] > div:first-child {
+    width: auto !important;
+    padding-top: 0 !important;
+  }
+  .v6-app [style*="min-width: 160px"] {
+    min-width: 100% !important;
+    flex-basis: 100% !important;
+  }
+  .v6-app [style*="max-width: 280px"] {
+    max-width: 100% !important;
+    width: 100% !important;
+  }
+  .v6-app [style*="width: 150px"][style*="padding: 7px 11px"] {
+    width: 100% !important;
+  }
+  .v6-app [style*="justify-content: space-between"][style*="margin-bottom: 10px"] {
+    flex-wrap: wrap !important;
+    gap: 8px !important;
+  }
+  .v6-app [style*="gap: 10px"][style*="padding: 12px 14px"] {
+    flex-wrap: wrap !important;
+  }
+  .v6-app [style*="gap: 10px"][style*="padding: 12px 14px"] > input {
+    flex-basis: 100% !important;
+    order: -1 !important;
+  }
+  .v6-app .v6-cal-side {
+    display: none !important;
+  }
+  .v6-app .v6-cal-active {
+    flex: 1 1 100% !important;
+  }
+  .v6-app .v6-pctl-full {
+    display: none !important;
+  }
+  .v6-app .v6-pctl-mini {
+    display: flex !important;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .v6-app *,
+  .v6-app *::before,
+  .v6-app *::after {
+    animation-duration: 0.001ms !important;
+    transition-duration: 0.001ms !important;
+  }
+}
+[data-v6-theme=dark] .v6-logo-light {
+  display: none !important;
+}
+[data-v6-theme=dark] .v6-logo-dark {
+  display: block !important;
+}
+[data-v6-theme=dark] .v6-app {
+  background-color: var(--sm-bg) !important;
+}
+[data-v6-theme=dark] .v6-app [style*="border-radius: 16px"][style*="var(--sm-line)"] {
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 12px 32px -18px rgba(0, 0, 0, 0.85) !important;
+}
+[data-v6-theme=dark] .v6-app input:not([type=range]):not([type=checkbox]):not([type=radio]):not(.v6-underline),
+[data-v6-theme=dark] .v6-app textarea:not(.v6-underline),
+[data-v6-theme=dark] .v6-app select {
+  background-color: #141416 !important;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) inset !important;
+}
+[data-v6-theme=dark] .v6-app [style*="border-radius: 12px"][style*="var(--sm-line)"] > input,
+[data-v6-theme=dark] .v6-app [style*="1.5px solid var(--sm-line)"]:not([style*=border-bottom]) {
+  background-color: #141416 !important;
+}
+[data-v6-theme=dark] .v6-app .v6-bl-shell input:not([type=range]):not([type=checkbox]):not([type=radio]):not(.v6-underline) {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+[data-v6-theme=dark] .v6-app *:focus-visible:not(input):not(textarea) {
+  outline: 2px solid #ff5c93 !important;
+  outline-offset: 2px !important;
+}
+.v6-app input.v6-field:focus,
+.v6-app input.v6-field:focus-visible,
+.v6-app textarea.v6-field:focus,
+.v6-app textarea.v6-field:focus-visible,
+.v6-app select.v6-field:focus,
+.v6-app select.v6-field:focus-visible {
+  outline: none !important;
+  box-shadow: none !important;
+}
+[data-v6-theme=dark] .v6-app input.v6-field:focus,
+[data-v6-theme=dark] .v6-app input.v6-field:focus-visible,
+[data-v6-theme=dark] .v6-app textarea.v6-field:focus,
+[data-v6-theme=dark] .v6-app textarea.v6-field:focus-visible {
+  outline: none !important;
+  box-shadow: none !important;
+}
+.v6-app input:focus,
+.v6-app input:focus-visible,
+.v6-app textarea:focus,
+.v6-app textarea:focus-visible,
+.v6-app select:focus,
+.v6-app select:focus-visible {
+  box-shadow: none !important;
+}
+[data-v6-theme=dark] [role=dialog] {
+  background-color: #26262b !important;
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 30px 80px -20px rgba(0, 0, 0, 0.85) !important;
+}
+[data-v6-theme=dark] .v6-app .v6-btn-primary:not([aria-disabled=true]) {
+  box-shadow: 0 8px 26px -8px rgba(255, 61, 127, 0.5) !important;
+}
+[data-v6-theme=dark] .v6-btn-primary,
+[data-v6-theme=dark] .v6-cl-badge,
+[data-v6-theme=dark] .v6-cal-fit {
+  background: #c81e00 !important;
+}
+@media (max-height: 860px) {
+  .v6-app .v6-stage-scroll {
+    padding-top: 22px !important;
+    padding-bottom: 20px !important;
+  }
+  .v6-app .v6-stage-inner > h1 {
+    font-size: 34px !important;
+  }
+  .v6-app .v6-stage-inner > div:last-child {
+    margin-top: 16px !important;
+  }
+}
+@media (max-height: 720px) {
+  .v6-app .v6-stage-scroll {
+    padding-top: 16px !important;
+    padding-bottom: 16px !important;
+  }
+  .v6-app .v6-stage-inner > h1 {
+    font-size: 30px !important;
+  }
+  .v6-app .v6-stage-inner > div:last-child {
+    margin-top: 12px !important;
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .v6-app .v6-stage-inner {
+    animation: none !important;
+  }
+  .v6-app .v6-stage-inner > * {
+    animation: v6-fade-up .55s cubic-bezier(.22, 1, .36, 1) both;
+  }
+  .v6-app .v6-stage-inner > *:nth-child(1) {
+    animation-delay: .02s;
+  }
+  .v6-app .v6-stage-inner > *:nth-child(2) {
+    animation-delay: .09s;
+  }
+  .v6-app .v6-stage-inner > *:nth-child(3) {
+    animation-delay: .16s;
+  }
+  .v6-app .v6-stage-inner > *:nth-child(4) {
+    animation-delay: .23s;
+  }
+  .v6-app .v6-stage-inner > *:nth-child(n+5) {
+    animation-delay: .30s;
+  }
+  .v6-app button {
+    transition:
+      transform .14s cubic-bezier(.22, 1, .36, 1),
+      box-shadow .2s ease,
+      background-color .2s ease,
+      border-color .2s ease,
+      color .15s ease,
+      opacity .2s ease;
+  }
+  .v6-app button:not(:disabled):active {
+    transform: translateY(1px) scale(.99);
+  }
+  .v6-recap-row {
+    transition: background-color .18s ease, transform .18s cubic-bezier(.22, 1, .36, 1);
+  }
+  .v6-recap-row:hover {
+    background: var(--sm-bg);
+  }
+  .v6-cl-row {
+    transition: background-color .16s ease;
+  }
+  .v6-cl-row:hover {
+    background: var(--sm-bg);
+  }
+}
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+body {
+  background: var(--sm-bg, #f4f5f7);
+}
+#root {
+  min-height: 100vh;
+}
+.v6-app .v6-dual-range {
+  -webkit-appearance: none;
+  appearance: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 22px;
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  pointer-events: none;
+  outline: none;
+}
+.v6-app .v6-dual-range::-webkit-slider-runnable-track {
+  -webkit-appearance: none;
+  background: transparent;
+  border: none;
+  height: 22px;
+}
+.v6-app .v6-dual-range::-moz-range-track {
+  background: transparent;
+  border: none;
+  height: 22px;
+}
+.v6-app .v6-dual-range::-moz-range-progress {
+  background: transparent;
+}
+.v6-app .v6-dual-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  pointer-events: auto;
+  width: 18px;
+  height: 18px;
+  margin-top: 2px;
+  border-radius: 50%;
+  background: #e11d2b;
+  border: none;
+  box-shadow: 0 1px 4px rgba(17, 24, 39, 0.35);
+  cursor: pointer;
+}
+.v6-app .v6-dual-range::-moz-range-thumb {
+  pointer-events: auto;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: #e11d2b;
+  border: none;
+  box-shadow: 0 1px 4px rgba(17, 24, 39, 0.35);
+  cursor: pointer;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/onboarding/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/onboarding/onboarding.css"],"sourcesContent":["\n/* V6 onboarding — fonts + base light theme for Storybook.\n   (Trimmed from the SalesMind DS v2; the screens use the LIGHT theme.) */\n@import url('https://fonts.googleapis.com/css2?family=Anton&family=Geist+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap');\n\n:root {\n  --font-display: 'Anton', 'Bebas Neue', 'Oswald', 'Impact', sans-serif;\n  --font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Roboto, sans-serif;\n  --font-family-mono: 'Geist Mono', 'SF Mono', SFMono-Regular, ui-monospace, Menlo, monospace;\n  --pink-600: #ff2400;\n  --pink-700: #c21500;\n}\n\n/* ===== THEME TOKENS (generated from tokens.ts LIGHT/DARK) ===== */\n/* Light theme — default. Components read these via C.xxx → var(--sm-xxx). */\n:root,\n[data-v6-theme=\"light\"] {\n  --sm-glow: radial-gradient(120% 80% at 50% -10%, #fbe9f0 0%, #f4f5f7 55%);\n  --sm-shell-shadow: 0 32px 80px -28px rgba(214,0,76,0.18), 0 8px 24px -8px rgba(17,24,39,0.10), 0 1px 0 rgba(255,255,255,0.6) inset;\n  --sm-chrome-bar: #f6f6f8;\n  --sm-ink: #0a0a0f;\n  --sm-bg: #f4f5f7;\n  --sm-bgWarm: #faf7f8;\n  --sm-surface: #ffffff;\n  --sm-line: rgba(17, 24, 39, 0.10);\n  --sm-lineSubtle: rgba(17, 24, 39, 0.06);\n  --sm-lineStrong: rgba(17, 24, 39, 0.18);\n  --sm-text1: #111827;\n  --sm-text2: #374151;\n  --sm-text3: #586070;\n  --sm-text4: #656b75;\n  --sm-pink: #e11900;\n  --sm-pinkBright: #ff2400;\n  --sm-pink50: #fff1ee;\n  --sm-pink100: #ffd9d1;\n  --sm-pink700: #c21500;\n  --sm-pink800: #8f1000;\n  --sm-onPink: #ffffff;\n  --sm-gold: #ffc200;\n  --sm-orange: #ff9800;\n  --sm-success: #16a34a;\n  --sm-successText: #15803d;\n  --sm-successStrong: #0f7a3d;\n  --sm-successBg: #e7f8ef;\n  --sm-warning: #b45309;\n  --sm-warningBg: #fff4e0;\n  --sm-danger: #dc2626;\n  --sm-dangerStrong: #b91c1c;\n  --sm-dangerText: #b91c1c;\n  --sm-dangerBg: #fef2f2;\n  --sm-info: #2e8bff;\n  --sm-infoBg: #eaf2ff;\n  --sm-infoText: #1d4ed8;\n  --sm-mbti-panel: #f3f1fb; --sm-mbti-card: #f3f4f6; --sm-mbti-accent: #6d28d9; --sm-info-box: #fbecf3;\n  --sm-chip-inc-bg: #e7f7ee; --sm-chip-inc-text: #15734a;\n  --sm-edge-hi: rgba(255,255,255,0.8);\n  /* Void grid (light: subtle dark lines on white). */\n  --sm-void-grid: rgba(17, 24, 39, 0.10);\n  --sm-void-orb: radial-gradient(70% 50% at 50% -5%, rgba(255,120,60,0.16) 0%, transparent 65%);\n  --sm-cal-accent: #7a1233;\n  --sm-cal-tint: #f6e7ec;\n  --sm-cal-fill: #7a1233;\n}\n\n/* Dark theme — applied on any ancestor with [data-v6-theme=\"dark\"]. AA-tuned. */\n[data-v6-theme=\"dark\"] {\n  --sm-glow: radial-gradient(120% 80% at 50% -10%, #1c1016 0%, #0e0e10 55%);\n  --sm-shell-shadow: 0 32px 80px -28px rgba(0,0,0,0.7), 0 8px 24px -8px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.05) inset;\n  --sm-chrome-bar: #161618;\n  --sm-ink: #f4f5f7;\n  --sm-bg: #0e0e10;\n  --sm-bgWarm: #161618;\n  --sm-surface: #1c1c1f;\n  --sm-line: #2c2c31;\n  --sm-lineSubtle: #232327;\n  --sm-lineStrong: #3a3a41;\n  --sm-text1: #f4f5f7;\n  --sm-text2: #c4cad3;\n  --sm-text3: #9aa0ab;\n  --sm-text4: #7e8590;\n  --sm-pink: #ff3b1f;\n  --sm-pinkBright: #ff2400;\n  --sm-pink50: #241210;\n  --sm-pink100: #3d1c17;\n  --sm-pink700: #ff6a52;\n  --sm-pink800: #ff8f7c;\n  --sm-onPink: #ffffff;\n  --sm-gold: #ffd45e;\n  --sm-orange: #ffa733;\n  --sm-success: #3fcf7f;\n  --sm-successText: #5fe39a;\n  --sm-successStrong: #5fe39a;\n  --sm-successBg: #11281c;\n  --sm-warning: #ffcf6b;\n  --sm-warningBg: #2a2210;\n  --sm-danger: #ff8585;\n  --sm-dangerStrong: #b91c1c;\n  --sm-dangerText: #ff8a8a;\n  --sm-dangerBg: #2a1414;\n  --sm-info: #74b6ff;\n  --sm-infoBg: #10202f;\n  --sm-infoText: #9fc6ff;\n  --sm-mbti-panel: #211a2e; --sm-mbti-card: #202023; --sm-mbti-accent: #c4b5fd; --sm-info-box: #2a141d;\n  --sm-chip-inc-bg: #11281c; --sm-chip-inc-text: #5fe39a;\n  --sm-edge-hi: rgba(255,255,255,0.05);\n  /* Void grid (dark: subtle light lines on black). */\n  --sm-void-grid: rgba(255, 255, 255, 0.14);\n  --sm-void-orb: radial-gradient(70% 50% at 50% -5%, rgba(255,90,40,0.22) 0%, transparent 65%);\n  --sm-cal-accent: #ff8fa0;\n  --sm-cal-tint: #2a1620;\n  --sm-cal-fill: #c81e00;\n}\n\n/* v6 Void background — the --sm-glow radial + an engineered 64px grid with a\n   soft radial fade, themed (white void in light, black void in dark). Applied\n   to the wizard frame backdrop behind the card. */\n/* The Void backdrop — orb glow + engineered grid + base glow, painted directly\n   on the element's own `background` (NO ::before/::after). Using the element's\n   own background instead of decorative pseudo-elements means the opaque card\n   that sits on top resolves cleanly for axe's contrast check — no \"background\n   could not be determined due to a pseudo element\" inconclusives. */\n.v6-void {\n  position: relative;\n  background-color: var(--sm-bg);\n  /* Void backdrop (orb glow + engineered grid + base glow) removed — plain\n     themed background only. */\n  background-image: none;\n}\n\n/* ===== TOKEN ALIASES — the documented \"Tokens & Assets\" API, now REAL =====\n   Palette + semantic tokens alias the flat --sm-* vars (so they re-theme\n   automatically); spacing/radius/type are literal scales. These are the\n   canonical names UI code should reference (see foundations/tokenCatalog.ts). */\n:root {\n  /* Palette — raw primitives */\n  --sm-palette-pink: var(--sm-pink);\n  --sm-palette-pink-bright: var(--sm-pinkBright);\n  --sm-palette-pink-700: var(--sm-pink700);\n  --sm-palette-pink-800: var(--sm-pink800);\n  --sm-palette-pink-100: var(--sm-pink100);\n  --sm-palette-pink-50: var(--sm-pink50);\n  --sm-palette-gold: var(--sm-gold);\n  --sm-palette-orange: var(--sm-orange);\n  --sm-palette-ink: var(--sm-ink);\n  --sm-palette-text-1: var(--sm-text1);\n  --sm-palette-text-2: var(--sm-text2);\n  --sm-palette-text-3: var(--sm-text3);\n  --sm-palette-text-4: var(--sm-text4);\n  --sm-palette-surface: var(--sm-surface);\n  --sm-palette-bg: var(--sm-bg);\n  --sm-palette-bg-warm: var(--sm-bgWarm);\n  --sm-palette-success: var(--sm-success);\n  --sm-palette-success-text: var(--sm-successText);\n  --sm-palette-success-bg: var(--sm-successBg);\n  --sm-palette-warning: var(--sm-warning);\n  --sm-palette-warning-bg: var(--sm-warningBg);\n  --sm-palette-info: var(--sm-info);\n  --sm-palette-info-bg: var(--sm-infoBg);\n  /* Semantic — what UI code references (maps to palette) */\n  --sm-bg-primary: var(--sm-palette-bg);\n  --sm-bg-secondary: var(--sm-palette-surface);\n  --sm-bg-warm: var(--sm-palette-bg-warm);\n  --sm-bg-tint-brand: var(--sm-palette-pink-50);\n  --sm-fg-primary: var(--sm-palette-text-1);\n  --sm-fg-secondary: var(--sm-palette-text-2);\n  --sm-fg-tertiary: var(--sm-palette-text-3);\n  --sm-fg-quaternary: var(--sm-palette-text-4);\n  --sm-fg-display: var(--sm-palette-ink);\n  --sm-fg-accent: var(--sm-palette-pink-700);\n  --sm-fg-success: var(--sm-palette-success-text);\n  --sm-fg-warning: var(--sm-palette-warning);\n  --sm-fg-info: var(--sm-palette-info);\n  --sm-fill-brand: var(--sm-palette-pink);\n  --sm-fill-brand-bright: var(--sm-palette-pink-bright);\n  --sm-fill-success: var(--sm-palette-success);\n  --sm-fill-success-tint: var(--sm-palette-success-bg);\n  --sm-fill-warning-tint: var(--sm-palette-warning-bg);\n  --sm-fill-info-tint: var(--sm-palette-info-bg);\n  --sm-border-subtle: var(--sm-lineSubtle);\n  --sm-border-default: var(--sm-line);\n  --sm-border-strong: var(--sm-lineStrong);\n  --sm-border-brand: var(--sm-palette-pink-100);\n  /* Spacing scale */\n  --sm-space-1: 4px; --sm-space-2: 8px; --sm-space-3: 12px; --sm-space-4: 16px;\n  --sm-space-5: 20px; --sm-space-6: 24px; --sm-space-8: 32px; --sm-space-10: 40px;\n  /* Radius scale */\n  --sm-radius-xs: 6px; --sm-radius-sm: 8px; --sm-radius-md: 10px;\n  --sm-radius-lg: 12px; --sm-radius-xl: 16px; --sm-radius-pill: 999px;\n  /* Type — families + scale */\n  --sm-font-display: var(--font-display);\n  --sm-font-body: var(--font-family);\n  --sm-font-mono: var(--font-family-mono);\n  --sm-text-display: 43px; --sm-text-2xl: 26px; --sm-text-xl: 20px; --sm-text-lg: 16px;\n  --sm-text-base: 14px; --sm-text-sm: 13px; --sm-text-xs: 12px; --sm-text-mono: 12.5px;\n}\n\nbody {\n  font-family: var(--font-family);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n/* Anton headlines are single-weight uppercase. */\n.v6-display {\n  font-family: var(--font-display);\n  font-weight: 400;\n  text-transform: uppercase;\n  letter-spacing: 0.005em;\n}\n\n/* ===========================================================================\n   RESPONSIVE — the wizard adapts to the width of its own panel (.v6-app is a\n   container). These rules fire on phone/tablet widths whether you use the 📱\n   Viewport toolbar or an inline device frame. Inline styles win on specificity,\n   so overrides use !important deliberately and are scoped to the container.\n   ========================================================================= */\n\n/* --- TABLET and below (≤ 860px of app width): 3- & 4-col grids → 2 col --- */\n@container v6app (max-width: 860px) {\n  .v6-app [style*=\"grid-template-columns: repeat(4\"],\n  .v6-app [style*=\"gridTemplateColumns: repeat(4\"],\n  .v6-app [style*=\"grid-template-columns: repeat(3\"],\n  .v6-app [style*=\"grid-template-columns: 1fr 1fr 1fr\"] {\n    grid-template-columns: 1fr 1fr !important;\n  }\n}\n\n/* --- PHONE and below (≤ 560px of app width) --- */\n@container v6app (max-width: 560px) {\n  /* All multi-column grids collapse to a single column. */\n  .v6-app [style*=\"grid-template-columns\"] {\n    grid-template-columns: 1fr !important;\n  }\n\n  /* Stage: tighten the generous desktop padding so content isn't cramped. */\n  .v6-app [role=\"main\"] {\n    padding: 20px 16px 20px !important;\n  }\n\n  /* Anton headline scales down so long questions don't overflow. */\n  .v6-app h1 {\n    font-size: 28px !important;\n    line-height: 1.02 !important;\n  }\n\n  /* Top bar + footer wrap and tighten. */\n  .v6-app .v6-topbar {\n    padding: 11px 14px !important;\n    gap: 10px !important;\n  }\n  /* The centred phase wrapper should not force-centre on mobile — let it fill. */\n  .v6-app .v6-topbar > div[style*=\"justify-content: center\"] {\n    justify-content: stretch !important;\n  }\n  /* SaveChip \"Up to date\" text is noise on a phone; keep just the dot row tidy. */\n  .v6-app .v6-topbar [role=\"status\"] { display: none !important; }\n  .v6-app [role=\"group\"][aria-label=\"Step actions\"] {\n    padding: 12px 16px !important;\n    flex-wrap: wrap !important;\n    gap: 10px !important;\n  }\n  /* Primary action goes full-width and reads first on phones. */\n  .v6-app [role=\"group\"][aria-label=\"Step actions\"] > div:first-child {\n    width: 100% !important;\n  }\n\n  /* Modals: take the full width with a small inset, and cap height. */\n  .v6-app [role=\"dialog\"] {\n    max-width: 100% !important;\n  }\n\n  /* Footer meta text drops to its own full-width line under the buttons. */\n  .v6-app [role=\"group\"][aria-label=\"Step actions\"] > span:last-child {\n    width: 100% !important;\n    text-align: left !important;\n  }\n\n  /* Phase bar on mobile: the 4-up labelled bar is too wide to read, so swap to\n     a single readable indicator — \"2 / 4 · Identity\" + 4 mini progress ticks.\n     Hide the full step row, show the compact current-phase line. */\n  .v6-app .v6-phase-step { display: none !important; }\n  .v6-app .v6-phasebar { gap: 0 !important; }\n  .v6-app .v6-phase-current { display: flex !important; }\n\n  /* Browser-chrome fake URL bar can hide on the narrowest screens. */\n  .v6-app > div:first-child > div:last-child { display: none !important; }\n\n  /* Nothing should cause sideways scroll inside the app. */\n  .v6-app, .v6-app [role=\"main\"] { overflow-x: hidden !important; }\n\n  /* Dense rows inside cards (avatar + name + action buttons) use gap:14.\n     Let them wrap so the name column isn't crushed to a few characters. */\n  .v6-app [style*=\"display: flex\"][style*=\"gap: 14px\"] {\n    flex-wrap: wrap !important;\n  }\n  /* Any flexible name/label block keeps a sensible floor so it never collapses\n     to a sliver and wraps a word per line. */\n  .v6-app [style*=\"flex: 1\"][style*=\"min-width: 0\"] {\n    min-width: 150px !important;\n  }\n\n  /* ---- ICP targeting fields (Part 3) ----\n     Each field is a row: [116px label][value]. On a phone that fixed label\n     column + the tag input (min-width 160) overflow and push the card\n     off-centre. Stack the row (label on its own line, value full width). */\n  .v6-app [style*=\"gap: 16px\"][style*=\"padding: 12px 2px\"] {\n    flex-direction: column !important;\n    gap: 6px !important;\n    align-items: stretch !important;\n  }\n  /* The fixed 116px label column becomes a full-width header line. */\n  .v6-app [style*=\"gap: 16px\"][style*=\"padding: 12px 2px\"] > div:first-child {\n    width: auto !important;\n    padding-top: 0 !important;\n  }\n  /* The tag-search input must be allowed to shrink to the card width. */\n  .v6-app [style*=\"min-width: 160px\"] { min-width: 100% !important; flex-basis: 100% !important; }\n  .v6-app [style*=\"max-width: 280px\"] { max-width: 100% !important; width: 100% !important; }\n  /* Company-size text box was a fixed 150px — let it fill the row instead. */\n  .v6-app [style*=\"width: 150px\"][style*=\"padding: 7px 11px\"] {\n    width: 100% !important;\n  }\n\n  /* ICP list header (\"Your ICPs … + Add ICP\") stacks so the long caption and\n     the button don't collide. */\n  .v6-app [style*=\"justify-content: space-between\"][style*=\"margin-bottom: 10px\"] {\n    flex-wrap: wrap !important;\n    gap: 8px !important;\n  }\n\n  /* ICP card title row (arrow + name + match + Primary pill + ×) wraps so the\n     name field keeps room and the pills drop to a second line. */\n  .v6-app [style*=\"gap: 10px\"][style*=\"padding: 12px 14px\"] {\n    flex-wrap: wrap !important;\n  }\n  .v6-app [style*=\"gap: 10px\"][style*=\"padding: 12px 14px\"] > input {\n    flex-basis: 100% !important;\n    order: -1 !important;\n  }\n\n  /* ---- Calibrate swipe (Part 3) ----\n     The 3-up prev/active/next layout is too wide for a phone. Show only the\n     active card full-width; hide the dimmed side previews. */\n  .v6-app .v6-cal-side { display: none !important; }\n  .v6-app .v6-cal-active { flex: 1 1 100% !important; }\n\n  /* ---- Launch percentile bar (Part 4) ----\n     The 5 absolute percentile labels overlap on a phone. Swap to the simple\n     3-point legend. */\n  .v6-app .v6-pctl-full { display: none !important; }\n  .v6-app .v6-pctl-mini { display: flex !important; }\n}\n\n/* Respect reduced motion inside the wizard too. */\n@media (prefers-reduced-motion: reduce) {\n  .v6-app *, .v6-app *::before, .v6-app *::after {\n    animation-duration: 0.001ms !important;\n    transition-duration: 0.001ms !important;\n  }\n}\n\n/* Theme-aware logo: show the colour logo on light, white logo on dark, driven\n   by the nearest [data-v6-theme] ancestor (used when Logo inherits the theme). */\n[data-v6-theme=\"dark\"] .v6-logo-light { display: none !important; }\n[data-v6-theme=\"dark\"] .v6-logo-dark { display: block !important; }\n\n/* ============================================================================\n   DARK-THEME VISUAL POLISH (elite UX rules for dark UI)\n   Applies only inside the product app (.v6-app) so Storybook chrome is untouched.\n   Rules followed:\n   - Elevation = lighter surface + soft deep shadow + 1px top rim-light highlight\n     (premium dark UI reads depth from a top edge-light, not just borders).\n   - Inputs/textareas read as RECESSED (slightly darker than their card).\n   - Focus ring is brighter on dark for visibility (WCAG 2.4.7 / 1.4.11).\n   - Selected/brand-tint surfaces keep AA text via the dark tint tokens.\n   ========================================================================== */\n\n/* THE KEY DARK-READABILITY RULE: drop the app content surface to the true base\n   (#0e0e10) so cards/top-bar/footer (which are var(--sm-surface) = #1c1c1f) read as\n   genuinely RAISED — like Spotify's black canvas with lifted cards. In light mode\n   the app stays white; this override only applies in dark. */\n[data-v6-theme=\"dark\"] .v6-app {\n  background-color: var(--sm-bg) !important;\n}\n\n/* Cards: add a subtle top rim-light + deeper shadow so they lift off the void.\n   Matches the inline Card style signature (border 1px var(--sm-line) + radius 16). */\n[data-v6-theme=\"dark\"] .v6-app [style*=\"border-radius: 16px\"][style*=\"var(--sm-line)\"] {\n  box-shadow:\n    0 1px 0 rgba(255, 255, 255, 0.05) inset,\n    0 12px 32px -18px rgba(0, 0, 0, 0.85) !important;\n}\n\n/* Inputs, textareas, selects: recessed — a hair darker than the card they sit in,\n   with an inset shadow so fields read as \"wells\" (clear affordance in dark). */\n[data-v6-theme=\"dark\"] .v6-app input:not([type=\"range\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not(.v6-underline),\n[data-v6-theme=\"dark\"] .v6-app textarea:not(.v6-underline),\n[data-v6-theme=\"dark\"] .v6-app select {\n  background-color: #141416 !important;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) inset !important;\n}\n\n/* The bordered input wrappers (Input component shell) also recess + define edge. */\n[data-v6-theme=\"dark\"] .v6-app [style*=\"border-radius: 12px\"][style*=\"var(--sm-line)\"] > input,\n[data-v6-theme=\"dark\"] .v6-app [style*=\"1.5px solid var(--sm-line)\"]:not([style*=\"border-bottom\"]) {\n  background-color: #141416 !important;\n}\n\n/* Inputs that already sit inside a custom field shell (e.g. blacklist search/URL)\n   should stay transparent so they blend with the shell, not show a darker inner box.\n   Specificity is raised above the recessed-well rule so this wins. */\n[data-v6-theme=\"dark\"] .v6-app .v6-bl-shell input:not([type=\"range\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not(.v6-underline) {\n  background-color: transparent !important;\n  box-shadow: none !important;\n}\n\n/* Brighter, higher-contrast focus ring on dark (visibility + WCAG 1.4.11). */\n[data-v6-theme=\"dark\"] .v6-app *:focus-visible:not(input):not(textarea) {\n  outline: 2px solid #ff5c93 !important;\n  outline-offset: 2px !important;\n}\n\n/* Input/textarea show focus via their shell's pink border (set inline by the\n   Input component), not a second inner outline ring -> no \"border inside the border\". */\n.v6-app input.v6-field:focus,\n.v6-app input.v6-field:focus-visible,\n.v6-app textarea.v6-field:focus,\n.v6-app textarea.v6-field:focus-visible,\n.v6-app select.v6-field:focus,\n.v6-app select.v6-field:focus-visible { outline: none !important; box-shadow: none !important; }\n[data-v6-theme=\"dark\"] .v6-app input.v6-field:focus,\n[data-v6-theme=\"dark\"] .v6-app input.v6-field:focus-visible,\n[data-v6-theme=\"dark\"] .v6-app textarea.v6-field:focus,\n[data-v6-theme=\"dark\"] .v6-app textarea.v6-field:focus-visible { outline: none !important; box-shadow: none !important; }\n/* Onboarding inputs focus via border + floating label, never a box ring.\n   Suppress the portal DS global focus box-shadow so they match the standalone. */\n.v6-app input:focus,\n.v6-app input:focus-visible,\n.v6-app textarea:focus,\n.v6-app textarea:focus-visible,\n.v6-app select:focus,\n.v6-app select:focus-visible { box-shadow: none !important; }\n\n/* Modal panels float highest — lift their surface a tier above cards (#26262b,\n   matching the Spotify \"raised\" step) + a stronger shadow so they clearly hover. */\n[data-v6-theme=\"dark\"] [role=\"dialog\"] {\n  background-color: #26262b !important;\n  box-shadow:\n    0 1px 0 rgba(255, 255, 255, 0.08) inset,\n    0 30px 80px -20px rgba(0, 0, 0, 0.85) !important;\n}\n\n/* Primary pink button: a soft glow in dark reinforces it as the one hero action. */\n[data-v6-theme=\"dark\"] .v6-app .v6-btn-primary:not([aria-disabled=\"true\"]) {\n  box-shadow: 0 8px 26px -8px rgba(255, 61, 127, 0.5) !important;\n}\n\n/* a11y: in dark mode the bright accent red (#ff3b1f) is used as text on dark\n   surfaces (high contrast, fine) but ALSO as the fill behind WHITE text on the\n   primary button and the campaign-count badge — where white only hits 3.56:1.\n   Darken just those white-on-red surfaces to a red that clears WCAG AA (white on\n   #c81e00 ≈ 4.6:1). The bright red stays for accent text. */\n[data-v6-theme=\"dark\"] .v6-btn-primary,\n[data-v6-theme=\"dark\"] .v6-cl-badge,\n[data-v6-theme=\"dark\"] .v6-cal-fit {\n  background: #c81e00 !important;\n}\n\n/* ── Short-viewport density ──────────────────────────────────────────────\n   On laptops with limited height (and when the browser window is short), tighten\n   the Stage's vertical rhythm so borderline screens fit WITHOUT scrolling — the\n   primary CTA in the Footer is always visible. Comfortable spacing returns on\n   taller screens. Horizontal padding is untouched so nothing feels cramped. */\n@media (max-height: 860px) {\n  .v6-app .v6-stage-scroll { padding-top: 22px !important; padding-bottom: 20px !important; }\n  .v6-app .v6-stage-inner > h1 { font-size: 34px !important; }\n  .v6-app .v6-stage-inner > div:last-child { margin-top: 16px !important; }\n}\n@media (max-height: 720px) {\n  .v6-app .v6-stage-scroll { padding-top: 16px !important; padding-bottom: 16px !important; }\n  .v6-app .v6-stage-inner > h1 { font-size: 30px !important; }\n  .v6-app .v6-stage-inner > div:last-child { margin-top: 12px !important; }\n}\n\n/* ===== MOTION & MICRO-INTERACTIONS (v6 polish) ===== */\n@media (prefers-reduced-motion: no-preference) {\n  /* Refined staggered entrance: each screen's content rises in sequence */\n  .v6-app .v6-stage-inner { animation: none !important; }\n  .v6-app .v6-stage-inner > * { animation: v6-fade-up .55s cubic-bezier(.22,1,.36,1) both; }\n  .v6-app .v6-stage-inner > *:nth-child(1) { animation-delay: .02s; }\n  .v6-app .v6-stage-inner > *:nth-child(2) { animation-delay: .09s; }\n  .v6-app .v6-stage-inner > *:nth-child(3) { animation-delay: .16s; }\n  .v6-app .v6-stage-inner > *:nth-child(4) { animation-delay: .23s; }\n  .v6-app .v6-stage-inner > *:nth-child(n+5) { animation-delay: .30s; }\n  /* Tactile feedback on every button */\n  .v6-app button { transition: transform .14s cubic-bezier(.22,1,.36,1), box-shadow .2s ease, background-color .2s ease, border-color .2s ease, color .15s ease, opacity .2s ease; }\n  .v6-app button:not(:disabled):active { transform: translateY(1px) scale(.99); }\n  /* Recap rows lift subtly on hover for a livelier feel */\n  .v6-recap-row { transition: background-color .18s ease, transform .18s cubic-bezier(.22,1,.36,1); }\n  .v6-recap-row:hover { background: var(--sm-bg); }\n  .v6-cl-row { transition: background-color .16s ease; }\n  .v6-cl-row:hover { background: var(--sm-bg); }\n}\n\nhtml, body { margin: 0; padding: 0; }\nbody { background: var(--sm-bg, #f4f5f7); }\n#root { min-height: 100vh; }\n\n/* Dual-range slider (persona form): solid red round handles overlaid on a red\n   track. Hides the native (blue) track + thumb; both thumbs stay draggable. */\n.v6-app .v6-dual-range {\n  -webkit-appearance: none;\n  appearance: none;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 22px;\n  margin: 0;\n  padding: 0;\n  background: transparent;\n  pointer-events: none;\n  outline: none;\n}\n.v6-app .v6-dual-range::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  height: 22px;\n}\n.v6-app .v6-dual-range::-moz-range-track { background: transparent; border: none; height: 22px; }\n.v6-app .v6-dual-range::-moz-range-progress { background: transparent; }\n.v6-app .v6-dual-range::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  pointer-events: auto;\n  width: 18px;\n  height: 18px;\n  margin-top: 2px;\n  border-radius: 50%;\n  background: #e11d2b;\n  border: none;\n  box-shadow: 0 1px 4px rgba(17, 24, 39, 0.35);\n  cursor: pointer;\n}\n.v6-app .v6-dual-range::-moz-range-thumb {\n  pointer-events: auto;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #e11d2b;\n  border: none;\n  box-shadow: 0 1px 4px rgba(17, 24, 39, 0.35);\n  cursor: pointer;\n}\n"],"mappings":"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","names":[]}